본문 바로가기

HTML4

HTML 주요태그(시맨틱 태그 제외)에 대하여 알아보자!! HTML 태그 설명 (시맨틱 태그 제외) : HTML 문서의 루트 요소로, 모든 콘텐츠를 감쌉니다. : 문서의 메타데이터를 포함하며, 스타일시트, 스크립트 파일 등의 외부 파일을 연결하는 역할을 합니다. : 메타데이터를 정의하며, 문자 인코딩, 페이지 설명, 키워드 등을 설정할 수 있습니다. 예시: : 브라우저 탭에 표시되는 페이지 제목을 설정합니다. : 웹 페이지의 실제 콘텐츠를 담고 있는 부분입니다. : 문단을 정의합니다. : 하이퍼링크를 생성하는 태그입니다. href 속성으로 링크의 목적지를 지정합니다. 예시: 링크 텍스트 : 이미지를 삽입하는 태그입니다. src 속성으로 이미지 경로를 지정합니다. 예시: : 순서 없는 목록을 정의하는 태그입니다... 2025. 1. 20.
HTML 시맨틱 태그에 대하여 알아보자!! HTML 시맨틱 태그 HTML 시맨틱 태그는 문서의 구조와 콘텐츠의 의미를 보다 명확하게 나타내는 태그들입니다. 이러한 태그들은 페이지의 구조를 보다 논리적이고 직관적으로 만들어 주며, 특히 검색 엔진 최적화(SEO)와 웹 접근성을 향상시킵니다. 1. 목적: 페이지나 섹션의 머리말을 정의합니다. 사이트의 로고, 네비게이션 메뉴 등이 포함될 수 있습니다. 웹사이트 제목 홈 소개 연락처 2. 목적: 네비게이션 링크들을 그룹화합니다. 사이트의 메뉴나 내비게이션 바를 정의하는 데 사용됩니다. 홈 소개 연락처 3. 목적: 문서에서 주요 콘텐츠를 정의합니다. 페이지의 핵심 내용만 포함되며, 보통 여러 페이지에서 공통적.. 2025. 1. 20.
HTML 속성에 대하여 알아보자!! HTML 속성 예시 HTML 속성(Attribute)은 HTML 요소의 동작이나 스타일을 조정하는 추가적인 정보를 제공합니다. HTML 속성은 항상 내에서 정의되며, 속성명="값" 형식으로 사용됩니다. 속성은 태그의 기능을 확장하거나, 요소에 대해 특정한 동작을 지정하는 데 중요합니다. 1. id 속성 목적: 요소에 고유한 식별자를 부여합니다. 페이지 내에서 특정 요소를 참조하거나 스타일을 적용할 때 사용됩니다. Header Section 2. class 속성 목적: 여러 요소에 공통된 클래스를 지정하여 스타일을 적용하거나, JavaScript에서 요소를 선택할 때 사용됩니다. This is an introduction. 3. href 속성 목적: 태그와 함께 사용되어 링크를 지정합니.. 2025. 1. 20.
HTML 구조를 알아보자!! , , 로 구분되며, 각 부분은 고유한 역할을 합니다. -->HTML 문서 구조 설명HTML 문서는 크게 , , 로 구분되며, 각 부분은 고유한 역할을 합니다. 이제 각각의 요소들이 어떻게 구성되고 사용되는지, 그리고 그 의미를 알아보겠습니다.1. 목적: 이 선언은 문서가 HTML5로 작성되었음을 브라우저에 알려줍니다. 이는 문서가 HTML5 표준을 따르도록 하며, 브라우저가 적절하게 렌더링 할 수 있도록 합니다.2. 목적: 이 태그는 HTML 문서의 루트 요소로, 문서의 모든 콘텐츠를 포함합니다. lang="ko" 속성은 문서의 기본 언어가 한국어임을 나타냅니다.3. 목적: 페이지에 대한 메타 데이터를 포함합니다. 이 부분은 브라우저에 표시되지 않지만, 페이지의 기능성과 스타일을 정의하는 중요한 역할을.. 2025. 1. 20.

티스토리툴바