HTML(Hyper Text Markup Language)-웹 문서를 만드는 언어
태그(tag) : 웹 브라우저에서 어떤 부분을 나타내고 있는지 붙이는 꼬리표
-기본구조
<DOCTYPE html>로 시작, <html>,<head>,<body>로 구성
<DOCTYPE html>:현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻
<html>~</html>:웹 문서의 시작과 끝을 나타냄
*</html>태그 뒤에는 아무 내용도 없어야 함
<head>~</head>:웹 문서를 해석하는 데 필요한 정보를 나타내는 부분으로 대부분
웹 브라우저 화면에선 보이지 않음
<meta>태그:웹 문서와 관련된 정보(키워드, 간단한 설명, 제작자 등)를 지정할 때 사용.
화면에 글자를 표시할 때 어떤 인코딩을 사용할지 지정하는 것이 가장 중요한 역할!
*한글 인코딩은 반드시 'UTF-8'을 꼭 입력해줄 것
<title>~</title>:웹 브라우저의 제목 표시줄에 표시되는 내용
<body>~</body>:실제 웹 브라우저에 나타나는 내용을 담는 부분
<hn>제목</hn>:제목을 나타내는 태그. n(1~6)은 글자 크기(1-작음)
<p>~</p>:텍스트 단락을 만드는 태그. 단, 편집기에서 줄이 바뀌어도
웹 브라우저에서는 한 줄로 표시됨
<br>:원하는 위치에서 줄을 바꾸는 태그. 닫는 태그 NO, 단독 사용!
<blockquote>~</blockquote>:인용문 삽입시 사용. 들여쓰기 처리됨
<strong>~</strong>:텍스트 굵게 표시. 화면 낭독기 기능 ON
<b>~</b>:단순히 텍스트만 굵게 표시
<em>~</em>:텍스트를 기울여 표시. 화면 낭독기 기능 ON
<i>~</i>:단순히 다른 텍스트와 구별하기 위해 기울여 표시
<abbr>~</abbr>:줄임말 표시. title속성 함께 사용
<cite>~</cite>:창작물과 같은 참고 내용 표시
<small>~</small>:부가 정보처럼 작게 표시해도 되는 텍스트
<sub>~</sub>:아래 첨자 표시
<sup>~</sup>:위 첨자 표시
<s>~</s>:취소선 표시
<u>~</u>:밑줄 표시
<ins>~</ins>:새로운 내용 삽입
<del>~</del>:기존 내용 삭제
개발자를 꿈 꾸는 가비