2023. 6. 15. 16:53ㆍFront/HTML
HTML (Hyper Test MarkUp Language)
1. 기본 용어
1) 요소(Element)와 태그(Tag)
- 태그: 요소를 만들 때 사용하는 기호 < >
- 요소: 제목, 본문, 이미지 등 HTML에 위치하는 컨텐츠들, 태그가 적용된 것.
- HTML 요소는 시작 태그와 종료 태그 그 사이에 위치한 content로 구성
<tag명> content </tag명>
- content가 없는 단독 태그도 존재 (닫는 태그가 없음)
<br>, <hr>, ...
- 요소 내에 또 다른 요소를 포함할 수 있음, 부모-자식 관계 형성 (태그 내에 또 다른 태그 생성할 수 있음)
<div>
contents
<p>another Contents</p>
</div>
2) 속성(Attribute)
태그 내에서 부가적인 추가 정보 제공, 태그에 제공될 세부사항을 나타낸다.
<태그명 속성명1="속성1의 값" 속성명2="속성2의 값" ...>
<img src = "image.png"/>
3) 주석
<!-- -->
2. HTML의 구조
<!DOCTYPE html>
HTML의 버전을 명시(5.0)
<html>
<head>
body태그에 스타일시트와 자바스크립트를 제공
Web browser에는 보이지 않고, 문서의 설명 등(meta)을 작성
</head>
<body>
실제 Web browser에서 보이는 부분 (본문 내용)
</body>
</html>head 태그에 안에 넣을 수 있는 태그들
- meta : 웹페이지에 추가 정보를 전달 (인코딩 정보 등) <meta charset="UTF-8">
- title: 웹페이지 제목 지정
- style: 웹페이지에 스타일 시트 추가 => CSS
- script: 웹페이지에 스크립트 추가 => JavaScript
- link: 다른 파일 추가
- base: 기본 경로 추가