HTML 이란? / 문법 / 구성
Hyper Text Markup Language
웹페이지를 만드는 언어
Hyper Text = 링크
Markup Language
확장자가 html
HTML 문법
태그 :
꼬리표 이름표라는 의미.
<tag> contents </tag> 이 자체를 엘리먼트(요소)라고 부른다.
보통 <tag> </tag> 이렇게 2개가 한쌍으로 구성된다.
contents가 브라우저에 나타난다.
태그는 HTML에는 다양한 마크업 언어에서 모두 사용된다.
속성 :
태그에 추가 정보 제공 혹은 동작이나 표현을 조절할 수 있는 설정값
글로벌 속성은 모든 태그 사용가능
시작태그에 이름 = "값" 형태로 작성
하나의 태그에 여러 속성을 선언할 수 있다.
예시) <div id="wrap" class="test"> </div>
태그의 중첩 :
태그안에 태그 선언 가능
그러나 부모태그안에서 열림,닫힘태그 선언
예시) <h1> contents <p>contents </p> contents </h1>
빈태그 :
태그는 기본적으로 시작태그,종료태그 1쌍으로 구성 그러나 아닌 태그도 존재
컨텐츠가 비어있지만 속성으로 표현 하거나 다른 역할(<br>)을 한다.
브라우저가 내용을 대신하는 replacement tag라고도 부름
<br>
<input type = "">
<img src="">
공백 :
공백은 한칸만 가능하다. 5칸의 공백(space)를 두더라도 한 칸만 공백이 된다.
주석 :
화면 노출 없이 순전히 메모만 하는 것
HTML DOCUMENTS
HTML문서는 공통적으로 가지고 있어야하는 기본구조
<!DOCTYPE> 문서의 버전을 선언하는 것. 최상단 위치. 선언해주지 않으면 브라우저는 비표준방식으로 해석함
<!DOCTYPE html> HTML5버전에 대한 DOCTYPE 선언 및 문서 형식 정의(DTD_Document Type Definition)
<html lang="ko"> lang은 검색 엔진이나 브라우저가 참고할수있도록 어느 언어로 작성됐는지 나타내주는 속성
<head> 브라우저 화면 표시안함. 문서 기본정보 설정, 외부 스타일 시트 파일 및 JS파일 등을 연결하는 역할
<meta charset="UTF-8"> charset은 문자의 인코딩 방식을 지정하는 속성
<title> HTML </title> 브라우저 탭바에 노출되는 내용
</head>
<body> 브라우저 화면에 들어가는 내용
<h1> Hello, HTML </h1>
</body>
</html>
'○ WEB > 19.03 FastCampus_HTML' 카테고리의 다른 글
| [드림코딩] HTML 시작하기 (0) | 2021.03.01 |
|---|---|
| [Boost UI] HTML 태그 / 텍스트 / 내외부링크 / div,span / 리스트 / 이미지 (0) | 2019.07.22 |
| [Boost Web] 네이밍 컨벤션, 표기법 (0) | 2019.07.15 |
| [Boost Web] html 상대경로, 절대경로 / (0) | 2019.07.11 |
| [Boost Web] 6. CSS의 구성 / style적용방법 / 상속과 우선순위 결정 / CSS Selector / Style 변경 / float 레이아웃 / 디버깅-HTML-CSS (0) | 2019.07.08 |
