Front/HTML
HTML이란? / 기본 태그 종류
by Hyeon_
2021. 12. 5.
HTML
HTML (Hyper Text Markup Language)
- 웹 브라우저에서 하이퍼텍스트 기능을 구현하는 웹 페이지 작성 언어
하이퍼 텍스트
- 문서 간에 서로 링크가 연결되어 있어서 링크 설정 부분을 클릭하면 해당 문서로 이동하는 기능
HTML 문서의 구성
태그(tag)
- HTML에서 사용하는 명령어 (문자열 기호)
- 원하는 모양과 형태로 브라우저에게 명령을 내림
<html>, <body>, <p>
태그 사용 형식
- 대부분 시작 태그(<태크명>)와 종료 태그(</태그명>)를 함께 사용
<title>문서 제목</title>
<p>
문단 형식으로 출력
</p>
- <태그명 속성명 = "속성값"> 출력내용</태그명>
<a href="google.com" target="iFrame">이동</a>
- 예외로 종료 태그 없이 혼자 사용 태그
- <br> : 줄 바꿈
- <img> : 이미지 삽입
- <hr> : 수평선 삽입
- 태그는 대소문자 구별 없이 사용
HTML 문서 구조
- <head>와 <body>로 구성
- 화면에 출력하고자 하는 모든 내용은 <body> 태그 안에 포함
<!DOCTYPE html>
<!-- head -->
<html>
<head>
<meta charset = "UTF-8">
<title>Insert title here</title>
</head>
<!-- body -->
<body>
<p>Hello World</p>
<p>안녕하세요</p>
</body>
</html>
Head 부분
- 문서의 정보를 작성하는 부분
- 문자 세트 설정
- <meta charset="UTF-8">
- 문자열 처리 방식
- 문서의 제목 설정: <title>
- 외부 파일 연결
- CSS 정의
- 자바스크립트 정의(필요한 경우 body에도 포함)
기본 태그
- HTML 문서 구조 태그
- 텍스트 관련 태그
- 하이퍼링크 태그
- 목록 태그
- 테이블 태그
- 이미지 / 이미지 맵 태그
- 문서 삽입 태그
- 오디오 / 비디오 태그
- 입력 양식 태그
- 공간 분할 태그
- HTML5 시멘틱 구조 태그
