[HTML 기초] HTML 태그와 기본 구조
HTML(HyperText Markup Language)
'하이퍼텍스트 마크업 언어'라고 불리는 HTML은 웹 브라우저에서 보고 읽을 수 있는 웹문서를 만드는 표준 언어로써 태그(TAG) 단위로 명령하는데요. '정보(DATA)와 태그(TAG)'로 구성돼 있습니다.
*우리가 흔히 아는 '#태그'와는 다른 의미입니다 :)
✔︎ 태그 단위 형식의 문서화 언어
✔︎ 웹 브라우저('WWW.' 단위 소프트웨어 - MS 익스플로러, 구글 크롬 외) 기본 구축
HTML 태그(TAG) 알기
-
HTML 문서의 모양이나 행동양식을 정해주고, 종류에 따라 별도의 속성을 가지고 있음
-
'< >' 모양으로 설정된 명령어로, 두 괄호 안에 둘러싸여 다른 문장들과 구별됨
-
서로 쌍을 이뤄 시작태그 '< >' 안에 태그명을 넣어 구성 후, 종료태그 '/< >'로 마무리함 → <태그명> ∙∙∙ </태그명>
-
태그의 속성은 시작 태그에서 지정하는데, 여러 개의 속성을 사용할 수 있고 태그명과 속성은 공백으로 구분함
-
시작태그와 종료태그가 한 쌍으로 구성되는 것이 일반적이나 시작태그만 있는 태그도 있음. 시작태그만 갖고 있는 태그는 뒤쪽에 '/'를 넣어 종료
-
<태그명 속성="값" 속성="값" 속성="값"∙∙∙> ∙∙∙ </태그명> 이런 형식이 되고, 속성값은 ("") 큰따옴표 형식
- 태그는 '엘리먼트'라는 명령 내용과 '애트리뷰트'라는 엘리먼트의 속성 값이 들어 있음
-
태그를 교차해 사용할 수는 없음
-
태그는 대소문자를 구분하지 않음
HTML의 기본 구조 알기
-
<html> : 문서의 시작과 종료
-
<head> : 문서의 머리
-
<title> : 문서의 타이틀로써 제목과 정보를 표시
-
<body> : 문서의 몸통으로써 내용과 스타일 표시
홈페이지를 만드는 모든 html 문서는 위 와 같은 기본 태그를 입력함으로써 시작합니다.
<html>~</html> : HTML 문서의 시작과 종료
문서의 시작과 끝에 위치해 이 문서가 html 태그로 만들어졌다는 것을 알려줍니다. 모든 웹 브라우저 HTML 문서는 <html>로 시작해 </html>로 종료됩니다.
<head>∙∙∙</head> : HTML 문서의 머리
HTML 문서의 일반적 정보를 표시하는 일종의 머리말 역할로 <title> 태그를 포함합니다. <title> 태그 내용에 입력한 글이 웹 상단의 문서 제목이 되고, <head> 부분에 기술한 내용은 웹에서 사용자에게 보이지 않습니다. css 링크와 jquery 링크 등도 여기에 세팅합니다.
<title>∙∙∙</title> : HTML 문서의 타이틀
<title> 태그에 내용에 입력한 글자는 웹 브라우저 상단 제목 표시줄에 제목이 되어 출력됩니다. 64문자 이내로 내용을 입력하는게 좋습니다.
<body>∙∙∙</body> : HTML 문서의 기본값
웹 브라우저 화면에 곧바로 출력되는 기본값으로 <title>을 제외하고는 모두 <body> ∙∙∙ </body> 안에 기술해 사용합니다.
'중요한 거니까 일단 저장 > 온라인 정보' 카테고리의 다른 글
| [HTML 기초] <font> 태그로 문자 효과주기 (2) | 2020.09.29 |
|---|---|
| [HTML 기초] <h1> ~ <h6> 제목태그 사용하기 (6) | 2020.09.21 |
| [HTML 기초] <br>, <p> 줄바꿈, 단락나누기 (4) | 2020.09.16 |
| 카카오톡 대화내용 복구방법 (4) | 2020.09.09 |
| 맥북 단축키 모음 사전 (2) | 2020.08.15 |
