TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다.
HTML
웹에서 정보를 표현할 목적으로 만든 마크업 언어 (Hyper Text Markup Language)
웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자여과 이를 감싸는 일종의 해석기호인 태그들로 이루어짐
HTML 구성요소
| 구성 요소 | 내 용 |
| 태그(Tag) | '<'와 '>'로 묶인 명령어 시작태그(<태그>)와 종료태그(</태그>)를 한쌍으로 이용 |
| 속성(Attribute) | 요소의 시작태그에만 사용 / 명령어 구체화 역할 여러 개의 속성을 사용할 수 있으며 속성의 구분은 공백이다. |
| 변수/속성값(Argument) | 속성이 가지는 값, 값 입력 시 " " 혹은 ' '를 이용 |
| 요소(Element) | 시작태그와 종료태그로 이루어진 모든 명령어 하나의 HTML문서는 요소들의 집합 |
주의사항
- 태그는 대.소문자를 구분하지 않으나 소문자를 권장한다.
- 시작태그로 시작하면 반드시 종료태그로 종료한다.
- 파일 확장자는 반드시 .html 또는 .htm으로 설정한다.
- 문자의 공백은 몇 개를 입력하든 하나로 인식하므로 공백을 추가하기 위해서는 특수기호 를 이용해야 한다.
기본 구조
<!DOCTYPE html> -> 작성할 문서의 유형은 html입니다.
<html lang="ko"> -> 문서 시작 / lang : 속성 / "ko" : 속성값
<head> -> 머리부
</head> -> 머리부 끝
<body> -> 몸통부 (몸통부사이엔 화면에 보여질 요소들)
</body> -> 몸통부 끝
</html> -> 문서 끝
<html> </html> : 문서 시작, 끝 표시
뒤에 속성이 따라온다.
머리부 <head> : 문서의 각종 정보와 문서 자체에 대한 설명 내용
<title>, <meta>, <link>, <style>, <script> 등 사용
몸통부 <body> : 화면에 출력해서 보여주는 모든 정보/내용
head에 들어가는 태그를 제외하고 모든 태그 사용
<!-- --> : HTML에서 사용하는 주석
<meta charset="UTF-8"> : UTF-8로 작업해놓았다는 것을 알려줌
<meta name="generator" content="VScode"> : generator -> 문서를 생성한 프로그램 (VScode로 작업했다)
<meta name="author" content="Hye"> : author -> 문서의 저자를 알려줌
<meta name="keywords" content=""> : keywords -> 검색어로 사용 (검색엔진에서 활용될 수 있음)
<meta name="description" content="이 문서는 HTML공부하는 문서입니다."> : description -> 설명
'Front-end' 카테고리의 다른 글
| [HTML] 입력 양식 및 폼 관련 태그 (0) | 2021.03.04 |
|---|---|
| [HTML] 이미지 및 미디어 관련 태그 (0) | 2021.03.04 |
| [HTML] 표 관련 태그; 이력서 만들기 (0) | 2021.03.02 |
| [HTML] 목록 관련 태그 (0) | 2021.03.02 |
| [HTML] 글자 관련 태그 (0) | 2021.03.02 |
댓글