728x90
반응형
[HTML 소개]
1. HTML (Hyper Text Markup Language) : 웹 페이지 만드는 언어
-Hyper Text : 링크
-Markup Language : 프로그래밍 언어의 한 종류, 구조적/계층적 표현 가능
-확장자 : .html
[HTML 문법 - 태그]
1. 태그
- <, > 표현
- (대부분) 시작 태그 & /종료 태그
2. 요소 : 내용 포함 태그 전체
[HTML 문법 - 속성]
1. 속성(Attribute)
<h1 id="title">Hello, HTML</h1>h1과 id 사이 : 시작 태그, 태그 이름 사이 공백 구분
id="title" : 태그 이름="속성값" 표현 (공백 x) -> "나 '로 사용 가능
2. 多 클래스
<h1 id="title" class="test">하나의 속성 안 여러 클래스 사용 가능 ("title" class : 공백 구분)
[HTML 문법 - 태그 중첩]
1. 태그 중첩 가능 (태그 안 다른 태그 선언 가능)
-중첩 태그 -> 부모 태그 벗어나면 안 됨
<h1>Hello, <i>HTML</i></h1>[HTML 문법 - 빈 태그]
1. 빈 태그(Empty tag)
<br>
<img src="">-닫는 태그 x, 내용 x
-외부 리소스를 사용하기 위함 (ex. 외부 이미지 경로 통해 불러오기)
[HTML 문법 - 공백]
1. 공백(Space)
<h1>Hello, HTML</h1>
<h1>Hello, HTML</h1>
<h1>
Hello,
HTML
</h1>
: 여러 줄의 공백이라도 한 칸 제외 나머지 띄어쓰기 반영 x, 개행 무시
[HTML 문법 - 주석]
1. 주석(Comment tags)
<!--내용-->화면 노출x
메모 목적
[HTML 문법 - 문서의 기본 구조]
1. HTML 문서 구조(HTML Documents)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<h1>Hello, HTML</h1>
</body>
</html><!DOCTYPE html>
이 문서가 어떤 버전으로 작성되었는지 브라우저에 알려주는 선언문
문서 내 최상단 선언
html5버전
<html lang="ko">
해당 문서가 어느 언어로 작성되었는지 의미
ko = korean
<meta charset="utf-8">
문자 인코딩 방식 명시 태그
유니코드(Unicode) 위한 문자셋 utf-8 가장 많이 사용됨
<head></head>
meta, link 태그 등 브라우저 화면에 표시되지 않음
문서 기본 정보 설정, 외부 스타일 시트 파일 / js 파일 연결
<meta>
charset 속성 : 인코딩 방식 지정
서버와 관련 있음
<title>
문서 제목
브라우저 탭 바 제목 노출
항상 적절한 제목 입력 필수
<body></body>
실제 브라우저 화면 나타남
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML 문서의 기본 구조</title>
</head>
<body>
<h1>Hello, HTML</h1>
</body>
</html>
728x90
반응형
'[Language] > VIEW' 카테고리의 다른 글
| CSS 이해하기 (0) | 2022.05.22 |
|---|---|
| 콘텐츠모델, 시멘틱마크업,블록 & 인라인 (0) | 2022.05.17 |
| [부스트코스] HTML 태그 - 2주차 미션 (0) | 2022.05.15 |
| HTML 태그 (0) | 2022.05.15 |
| [부스트코스] html 이해하기 / 1주차 미션 (0) | 2022.05.09 |
