HTML

정의

HTML (Hypertext Markup Language,하이퍼텍스트 마크업 언어)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다.

구조

여는 태그

이것은 요소의 이름과(이 경우 p), 열고 닫는 꺽쇠 괄호로 구성됩니다. 요소가 시작(이 경우 단락의 시작 부분)부터 효과가 적용되기 시작합니다.

닫는 태그

이것은 요소의 이름 앞에 슬래시(/)가 있는것을 제외하면 여는 태그(opening tag)와 같습니다. 이것은 요소의 끝(이 경우 단락의 끝 부분)에 위치합니다. 닫는 태그를 적어주지 않는 것은 흔한 초심자의 오류이며, 이것은 이상한 결과를 낳게됩니다.

내용

요소의 내용이며, 이 경우 단순한 텍스트이다.

요소

여는 태그, 닫는 태그, 내용을 통틀어 요소(element)라고한다.

속성

속성은 요소에 실제론 나타내고 싶지 않지만 추가적인 내용을 담고 싶을 때 사용합니다. 위에는 나중에 스타일에 관련된 내용이나 기타 내용을 위해 해당 목표를 구분할 수 있는 class 속성을 부여했습니다.

속성을 사용할 때에는 다음 내용을 지켜야 합니다.!!

1. 요소 이름 다음에 바로 오는 속성은 요소 이름과 속성 사이에 공백이 있어야 되고, 하나 이상의 속성들이 있는 경우엔 속성 사이에 공백이 있어야 합니다.
2. 속성 이름 다음엔 등호(=)가 붙습니다.
3. 속성 값은 열고 닫는 따옴표로 감싸야 합니다.

HTML 문서의 구조

[네이버]

: 문서 형식을 나타냅니다. HTML 초창기에 (1991~2년) doctype은 HTML 페이지가 자동 오류 검사나 다른 유용한 것이 가능한 좋은 HTML을 의미하는 연결고리처럼 작동하는 것을 뜻했습니다.

: 요소입니다. 이 요소는 전체 페이지의 콘텐츠를 포함하며, 기본 요소로도 알려져 있습니다.

: 요소입니다. 이 요소는 홈페이지 이용자에게는 보이지 않지만 검색 결과에 노출 될 키워드, 홈페이지 설명, CSS 스타일, character setdeclaration 등 HTML 페이지의 모든 내용을 담고 있습니다.

: 이 요소는 HTML 문서의 문자 인코딩 설정을 UTF-8로 지정하는 것이며 예시에서 지정한 UTF-8에는 전세계에서 사용되는 언어에 대한 대부분의 문자가 포함됩니다. 이 설정을 사용하면 페이지에 포함 된 모든 텍스트 내용을 처리 할 수 있습니다.

: 요소입니다. 이 요소를 사용하면 페이지 제목이 설정되며 페이지가 로드되는 브라우저 탭에 표시되는 제목으로 사용됩니다.

: 요소 여기에는 텍스트, 이미지, 비디오, 게임, 재생 가능한 오디오 트랙 등을 비롯하여 페이지에 표시되는 모든 콘텐츠가 포함됩니다.

---

HTML특징

1. 웹 문서의 표준

• 수정 및 관리가 용이하다.

• 웹 접근성이 향상된다.

• 호환성을 확보할 수 있다.

2. 마크업 언어

• 파일 용량이 작아 클라이언트-서버 간 빠른 문서 전달이 가능하다.

3. 일반적인 텍스트 파일

• 별도의 전용 프로그램이 아닌 간단한 메모장과 같은 편집기로도 충분하다.

4. 컴퓨터 시스템과 운영체제에 독립적

• 텍스트 문서 → 어떤 시스템/브라우저에서도 사용이 가능하다.

HTML 단점

1. 웹 문서의 내용 표현에 집중

• 내용의 의미보다는 내용을 외양적으로 표현하는 태그에 치중

2. 구조화된 정보의 표현과 검색의 어려움

• 정보의 구조화 및 데이터 간의 연관성 표현의 어려움

3. 제한적인 태그

• 사용의 편의성이 있지만, 융통성 및 확장성이 결여

4. 문서의 유효성 검증과 제약조건 정의의 어려움

• 구조화되어 있지 않아 내용의 정확성/유효성 검증이 어려움