HTML 이란?
Hyper Text Markup Language의 약자이며 Webpage를 만들기 위해 사용하는 언어입니다.
기본적으로 HTML로 파일을 작성 시 *<!DOCTYPE html>, <html></html>을 정의하고 파일명.html로 저장해야합니다.
*<!DOCTYPE html>은 현재 가장 많이 사용되는 버전인 HTML5를 사용할 때 정의 합니다.
태그 (TAG)
HTML로 Webpage를 제작할 때 사용하는 것을 태그(TAG)라고 하며 태그 사용 시 <>를 사용하여 표현합니다.
태그의 사용방법은 <h1>제목태그</h1> 보통은 앞과 같이 처음과 끝을 지정해 줘야 하지만
<br> 또는 <br/>(줄바꿈 태그)와 같이 끝을 지정하지 않아도 되는 태그가 존재합니다.
HTML의 기본구조
여기서 <!-- -->를 주석이라 하며 코드를 설명하는 부분을 작성할 때 사용합니다.
주석을 쓰게되면 HTML문서의 변형이 이루어지는 것은 아닙니다.
한국어 오류가 나는 경우가 있기 때문에 <meta charset="utf-8"> 코드를 추가하여 문자를 인코딩 시켜줍니다.
<!DOCTYPE html> <!-- HTML version 지정 -->
<html> <!-- HTML의 큰 틀 -->
<head> <!-- HTML의 메타데이터 정의 부분 -->
<meta charset="utf-8">
<title> 제목 </title>
</head>
<body> <!-- HTML의 본문이 들어가는 부분 -->
본문
</body>
</html>
HTML5 주요 기능
- 멀티미디어 : 플러그인 도움 없이 음악과 동영상 재생이 가능하다.
- 그래픽 : 2차원, 3차원 그래픽을 구현할 수 있다.
- 통신 : 서버와 실시간을 쌍방향 통신을 수행 할 수 있다.
- 장치 접근 : 장치의 정보와 기능을 사용할 수 있다.
- 오프라인 및 저장소 : 인터넷이 연결되지 않아도 응용 프로그램 동작이 가능하다.
- 시맨틱 : 정보를 분석, 자료를 검색 및 처리해서 제공하는 지능형 웹이다.
- CSS3 스타일 시트 : 3차원 변환과 애니메이션 효과를 적용 가능하다.
- 웹의 성능 극대화 및 통합
'Coding > HTML & CSS' 카테고리의 다른 글
| [CSS] selector (0) | 2022.05.02 |
|---|---|
| [CSS] CSS란? (0) | 2022.02.08 |
| [HTML] Layout(레이아웃) (0) | 2021.05.28 |
| [HTML] TAG(태그) (0) | 2021.05.28 |