HTML?
Hyper Text Markup Language의 줄임말로 하이퍼텍스트(하이퍼 링크)를 통해 웹페이지의 구조를 표시하는 언어입니다.
html의 기본 구조
html의 기본 구조 분석
<!DOCTYPE html>html문서를 웹 표준으로 작업하겠다고 선언하는 선언문.★★★★★
<html lang="ko">문서의 시작을 알리며, html문서 전체를 의미한다.
lang 속성을 이용해 문서에서 사용할 언어를 선언할 수 있다.
<head>html문서의 두뇌와 같은 역할을 하는 태그로, 브라우저에 실제 표현되지는 않지만 다른 외부 파일(css, js등)을 연결하거나 언어의 인코딩, 화면비율 등등을 정의하는 태그이다.
<meta>html문서의 정보가 들어있는 태그.
"데이터에 대한 데이터"를 정의하는 태그. charset="UTF-8" 속성을 이용해 전세계 언어를 인코딩(해석)해주고, name="viewport" 를 이용해 디바이스에 따른 영역을 설정하기도 하며, 검색엔진에 해당 페이지를 노출시키는 역할도 한다.
<title>브라우저 탭에 표시되는 이름. 보통 회사의 이름이나 사이트명 등을 적는다.
<body>실제 브라우저에 표현되는 영역으로, 다양한 태그를 이용해 웹 구조를 설계하는 공간.
html tag구조
<태그>내용</태그>
HTML 태그(tag)는 HTML 요소(element)라고도 부르며, HTML 문서를 구성하는 기본 단위입니다.
html tag의 속성
1. inline
- 태그 출력시 가로방향으로 출력
- 너비 높이 값을 가질 수 없다.
- 여러개 출력시 출력된 태그 사이에 1칸의 공백이 생긴다.
2. block
- 태그 출력시 세로방향으로 출력
- 너비 높이 값을 가질 수 있다.
3. inline-block
- 태그 출력시 가로방향으로 출력
- 너비 높이 값을 가질 수 있다.
- 여러개 출력시 출력된 태그 사이에 1칸의 공백이 생긴다.
웹디자인 스케치