HTML(Hyper Text Markup Language)
웹 상의 문서 즉, 홈페이지를 만들 수 있는 언어이다.
'HTML을 입력한다'라는 것은 'Tag을 입력한다'라고 하는데 붙여서 HTML Tag라고 부른다
HTML에서 사용되는 각각의 구성 요소와 문법들을 태그라고 하며, 각각의 태그들은 저마다 속성과 값들이 다르다
이러한 각각의 태그와 함께 삽입하여 구현할 수 있는 속성과 값들을 구현하여 웹 페이지를 만든다
(HTML5는 브라우저마다 동일한 모양으로 구성된다)
HTML 설명
<html> - ①
<head> - ②
<meta charset = "UTF-8">
<title>제목</title> - ③
</head>
<body> - ④
//내용
</body>
</html>1. <HTML> 태그
웹 문서의 형식이 HTML을 이용하여 작성하는 부분임을 알려준다.
첫 시작 부분에 <html>을 입력하고 마지막에 </html>을 입력한다.
2. <HEAD> 태그
실제로 웹 브라우저에 나타나지는 않지만 웹 문서의 제목, 제작자,
언어 형식과 같은 문서 전체의 정보를 입력한다
3. <TITLE> 태그
<head> 태그 안에 <title> 문서 제목 </title> 형태로 삽입된다.
웹 브라우저의 제목 줄에 표시된다.
4. <BODY> 태그
웹 브라우저에 실제로 나타나는 부분으로 <body> 내용물 </body> 형태로 표시한다.
태그의 특성
- '<'와 '>' 사이에 영문이나 숫자의 조합으로 이루어진다
- 시작과 끝을 써주어야 하는 태그들이 있다. 끝을 알리는 부분에는 '</태그>'
형태로 삽입된다 - 대.소문자를 구분하지 않는다
- 태그의 세부적인 기능을 제어하는 옵션을 속성이라 하며 값과 함께 '<태그 속성="">' 형태로
삽입된다 - 페이지에서 검사할 때 끝을 알리는 태그를 쓰지 않아도 보정되어 자동으로 삽입된다(실제 코드X)
- 앞의 태그와 뒤의 태그가 다르면 앞의 태그를 우선 시 한다
(<h1> ~ </h2> => <h1>으로 설정된다)
'html§CSS' 카테고리의 다른 글
| HTML의 태그들(4) (0) | 2020.06.15 |
|---|---|
| HTML의 태그들(3) (0) | 2020.06.14 |
| HTML의 개념들(1) (0) | 2020.06.12 |
| HTML의 태그들(2) (0) | 2020.06.12 |
| HTML의 태그들(1) (0) | 2020.06.11 |
