반응형
HTML(HyperText Markup Language)
직역 : 텍스트를 띄우는 언어
웹사이트를 만드는 가장 기초가 되는 마크업 언어이며, 웹페이지의 내용과 구조를 담당하는 언어.
즉, 구조를 설계할 때 사용되는 언어로 웹 피이지를 위한 마크업 언어이다.
HyperText?
웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것
Markup?
마크업 언어(markup 言語, markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.
태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다
출처 : 위키백과
구성요소
- Elements(요소)
시작과 종료를 나타내는 태그로 이루어진 모든 명령어 - Tag(태그)
시작태그와 종료태그로 둘러싸인 요소의 일부 - Attributes(속성)
요소의 시작태그 안에서 사용하며, 명령어를 구체화 시키는 역할 - Arguments(변수)
속성과 관련된 값
<태그명 속성1="값" 속성2="값">문자열</태그명>
속성 == attribute
<태그명 속성="특성:값">문자열</태그명>
->속성 + 특성 특성 == property 여러개 사용할수 있다.
;으로 구분
차이점? 속성은 변경되지 않는다. 지정되어있는것만 사용한다.
특성은 선택이다. 추가해도되고, 안해도되고..
기본구조
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title></head>
<body>
</body>
</html>처음 html문서를 만들게 되면 나오는 기본 태그들 입니다.
- <!DOCTYPE html>
html를 사용함을 브라우저에게 알려주는 태그 - <html>
전체 html 문서를 감싸는 태그이며, 하나만 존재해야 하고, html 바깥에 DOCTYPE를 제외한 다른 태그가 있으면 안됩니다. - <meta charset="UTF-8">
문서에 대한 설명을 나타내는 표시 태그
charset="UTF-8"은 브라우저에게 인코딩 방식을 UTF-8이라고 알려준 것입니다.
UTF-8 설정이 되어있어야 문서 작성함에 있어서 한글이 깨지지 않습니다. - <title>
head안에 들어가는 태그로 제목표시줄의 내용을 나타냅니다. - <body>
html 문서에서 실질적으로 외부에 보여지는 부분입니다.
하나만 존재해야하고, html바로 아래에 있어야 합니다.
반응형
'프로그래밍 언어 > html' 카테고리의 다른 글
| [HTML] <a>태그 (anchor tag) (1) | 2021.06.03 |
|---|---|
| [HTML] tag 안에서 사용하는 tag들(b, strong, em, mark, i, del, sub, sup) (0) | 2021.06.02 |
| [HTML] 폰트색설정, 배경색설정, 폰트설정, 글씨위치조절 (0) | 2021.06.02 |
| [HTML] <br>(개행), <h>(제목), <p>(단락), <pre> (0) | 2021.06.02 |
| HTML 수업자료 (0) | 2021.06.02 |