1. HTML 기초 문법
- HTML은 웹문서에서 어디가 어떤 부분인지를 표시하기 위해 태그(tag)라는 표기법을 사용해 마크업 하는 언어입니다.(마크업을 하기 위해서 사용하는 표기법이 태그!)
- 태그는 정확하게 사용하지 않으면 제 기능을 수행하지 못합니다.
조금의 오타라도 발생하면 문서가 기대대로 나타나지 않습니다. - 태그는 "<" 기호로 시작해서 ">" 기호로 끝납니다.
- 태그는 '여는 태그'와 '닫는 태그'가 한쌍으로 작성되는 경우가 대부분이며, 여는 태그부터 닫는 태그까지가 어떤 콘텐츠를 의미합니다.
ex) <글자>안녕하세요</글자> - 각 태그는 추가적인 '속성'을 부여할 수 있습니다.
ex)<글자 색깔="노랑">안녕하세요</글자>
HTML 문서 작성의 기본은 <태그> 입니다.
2. HTML 태그의 종류
- 디스플레이 특성별
- 블록 태그 : 태그가 공간 전체를 차지합니다. 콘텐츠가 차지하는 공간(콘텐츠가 표시되는 가로축)이 있어서 다른 콘텐츠는 들어오지 못합니다.
- 인라인 태그 : 콘텐츠가 필요한 공간만큼만 차지합니다. 필요 공간 외 다른 영역은 필요하지 않습니다. 콘텐츠가 포함하는 공간만 차지합니다.
- 표시하는 콘텐츠별
- 텍스트 태그
- 이미지 태그
- 하이퍼링크
- 폼 관련 태그
3. HTML 기본문서 양식
<!DOCTYPE html>
<html>
<head>
<meta carset="UTF-8">
<title>document</title>
</head>
<body>
</body>
</html><!DOCTYPE html>: 웹 브라우저가 이 문서를 볼 때 문서 타입을 알려준다는 의미로 작성합니다.<html>: 이 태그의 시작 태그부터 끝나는 태그까지 html문서라는 의미입니다.<head>: 문서의 설정값을 입력하는 부분입니다.<meta carset="UTF-8">: 이 문서는 문자 인코딩을 UTF-8 방식으로 한다는 의미입니다. 문자를 어떠한 방식으로 보이게 할지를 설정합니다.<title>: 브라우저 탭에 표시될 제목을 작성하는 태그입니다.<body>: 실제 웹 페이지에 표시되는 내용을 작성하는 부분입니다.- 끝나는 태그를 구분할 때는 /표시로 구분합니다.
- 코드를 작성할 때 적절한 줄 바꿈과 들여 쓰기는 가독성을 향상합니다.
- 들여 쓰기 : 보통 하위 태그를 표시할 때 사용합니다.(공백) -> tab키를 사용합니다.
- html에서는 사람에게는 보이지만 브라우저에게는 안 보이는 코드인 주석을 사용합니다. =>
'IT > Html' 카테고리의 다른 글
| 2. text 관련 태그 (0) | 2021.09.19 |
|---|