2020. 7. 11. 20:24ㆍFront-End/HTML
- HTML이란?
- Hyper Text Markup Language의 약자이다.
- 웹 페이지에서 다른 페이지로 가지고 갈 수 있는 기능
- 즉, 웹 페이지의 뼈대이며, 프로그래밍 언어가 아닌 마크업 언어이다.
- HTML 확장자
- 확장자는 파일명 뒤에 붙이는 이름
- HTML에 확장자는 .html, htm 이라는 확장자 포맷을 가지고 있다.
- 시멘틱 마크업(Simantic Markup)
- Simantic : 의미론적
- 즉, 개발자와 브라우저에게 의미있는 태그를 제공
- 시맨틱 마크업의 장점
- 접근성이 좋아짐
- SEO(Search Engine Optimization)
- 코드 가독성이 좋아짐
- 코드와 재사용성이 좋아짐
- HTML 기본 용어
- 요소(Element) :
- <> : Open 태그
- </> : Close 태그
- HTML 기본 구조
- HTML 요소(Element) : 태그 전체 내용
- <> : 열림 태그(Open Tag)
- </> : 닫힘 태그(Close Tag)
- 속성(Attibute) : 속성값으로 태그의 동작을 제어
- 내용(Content) : 열림 태그와 닫힘 태그 사이에 입력할 내용
- 가장 큰 <html> 태그 안에 <head>, <body> 태그가 위치해 있음
- <!DOCTYPE html> Tag : 문서 유형을 지정, 필수적인 태그는 아니지만 선언을 해주는게 좋음
즉, HTML5 사용을 선언
- <html> Tag : 웹 페이지의 시작과 끝
- <head> Tag : 웹 페이지의 정보, 문서에서 사용할 파일들을 링크를 사용
- <body> Tag : 웹 브라우저에서 실제로 출력할 내용
- <head> 태그 안에 위치할 태그들
- <meta> Tag : 문자 인코딩 및 문자 키워드, 요약 정보를 선언하는 태그
- <title> Tag : 웹 페이지의 제목을 선언하는 태그
- <body> 태그 안에 위치할 태그들
- <h1> Tag : 가장 큰 제목을 선언하는 태그
- <p> Tag : 문단을 선언하는 태그
'Front-End > HTML' 카테고리의 다른 글
| [HTML] META 태그 (0) | 2020.08.23 |
|---|---|
| [HTML] HTML 레이아웃 구조 (0) | 2020.07.11 |
| [HTML] div 태그와 span태그, class속성과 id속성 (0) | 2020.07.11 |