[웹개발] HTML 기본

개발 정보/웹개발

RoRoBong 2020. 12. 1. 15:02

728x90

안녕하세요

로로봉입니다 : )

이번 포스팅에서는 HTML에 대해 알아보겠습니다.

HTML은 Hyper Text Markup Language의 약자로 웹 페이지를 정의하는 마크업 언어입니다.

파일의 확장자는 .html 또는 .htm으로 메모장을 이용해서 작업이 가능합니다.

HTML 파일은 태그(Tag)라는 명령어로 구성되며, 각 태그는 속성으로 세부 설정이 가능합니다.

기본 HTML 구조는 아래와 같습니다.

<!DOCTYPE html>

<html>

　　<head>

　　　　<meta charset="UTF-8">

　　　　<title>제목</title>

　　</head>

　　<body>

　　　　내용

　　</body>

</html>

태그의 기능은 여는 태그와 닫는 태그 사이의 내용에만 적용됩니다.

여는 태그 앞이나 닫는 태그 뒤의 내용은 적용되지 않습니다.

또한 태그는 대소문자를 구분하지 않으므로 <html>, <HTML>, <Html>은 모두 동일한 태그로 처리됩니다.

기본적으로 사용하는 HTML 태그를 정리해보면 아래와 같습니다.

태그	기능
<br/>	줄 띄워쓰기
<h1>내용</h1> <h2>내용</h2> ~ <h6>내용</h6>	자동으로 앞뒤로 한줄 씩 추가되어 단락을 구분하며, 글씨 크기와 두께를 설정한다. <h1>이 가장 크고, <h6>이 가장 작다.
<hr/>	특정 라인을 강조하거나 경계를 구분하기 위한 수평선을 그린다.
<p>내용</p>	단락을 구분한다. 태그 안의 내용에서 줄을 바꿔야 한다면 <br/>을 사용한다.

좋아요♥ + 구독 부탁드립니다 : )

728x90