2023. 11. 10. 21:43ㆍWeb/HTML
HTML
- Hyper Text Mark-up Language의 약자
- 순차적(Linear) 접근이 아닌 비순차적(자율적(Hyper)) 접근으로 문서(Text)를 표시할 수 있도록 작성된 언어(Mark-up Language)
+) HTML5
- HTML 표준 중 가장 최신이고 현재 많이 사용 중임.
아래 코드는 HTML 기본 구조임.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>제목</title>
</head>
<body>
</body>
</html>
태그(Tag)
- HTML 문서를 구성하는 기본 단위
- 태그 이름을 꺾쇠 괄호로 감싸서 표현함.
ex) <html>, <body>, <b> 등
- 대부분 시작 태그와 종료 태그로 구성되어 있음.
ex) body 태그
=> 시작 태그 : <body>
=> 종료 태그 : </body>
- 종료 태그의 경우 태그 이름 앞에 슬래시(/)를 사용함.
ex) </html>, </body> 등
- 일부 태그는 종료 태그를 사용하지 않음. 이를 빈 태그(empty tag)라고 함.
ex) <img>, <br> 등
속성(Attribute)
- 대부분의 태그는 속성을 가지고 있음. => 전역 속성, 이벤트 속성, 그 외 속성
1) 전역 속성 : HTML 요소가 공통으로 사용 가능함.
2) 이벤트 속성 : on을 붙여서 사용 가능함.
- 태그마다 여러 속성을 줄 수도 있음.
- 시작 태그 안에서 사용
- 형태 : <Tag이름 속성="값"></tag이름>
ex) <a href="https://www.google.com" target="_blank">구글</a>
<img src="/abc/abc.png" alt="abcimg">
<div style="text-align:center;">Hello World!</div>
태그(tag) vs. 요소(element)
1) 태그 : 요소의 시작과 끝을 알리는 문법 기호
2) 요소 : 웹 페이지를 구성하는 성분
==> 태그 ≠ 요소
요소는 해당 태그와 그 내용을 포함한 전체를 의미함. 즉, 태그는 요소의 구성 요소임.
'Web > HTML' 카테고리의 다른 글
| [HTML] HTML 태그(Tags)와 속성들(Attributes) 모아보기 (0) | 2023.11.11 |
|---|