HTML(Hypertext Markup Language)은?
- 웹페이지를 만들기위한 언어이다.
- 웹페이지를 구성하는 골조같은 역할이다.
- HTML파일은 index.html과 같이 .html확장자가 붙은 텍스트 파일이다.
- HTML파일은 특별한 편집기 없이 메모장으로도 .html확장자로 저장해서 만들수 있다.
HTML의 구성요소
1) tag(태그), content(내용)
- HTML에서 특정한 설정을 하려면 그에 맞는 태그가 필요하다.
구성은 보통<태그>내용</태그> 이다.
시작하는 <태그> 내용 끝나는<태그>
ex)
<p>내용</p>
<h1>내용</h1>
<h2>내용</h2>
<a>내용</a>
*끝나는<태그>가 없는 태그도 있다.
ex)
<img>
<br>
2) attribute(속성)
- 각 태그가 가진 특별한 기능이 있지만 그 기능내에서 또 다른 속성을 부여할수 있는데 그게 바로 attribute(속성)이다.
예를들어 <img>태그는 src 속성을 이용해 아래와 같이 이미지의 경로를 불러온다.
<img src="photo.jpg">HTML파일의 기본적인 코드 구조
1 <!DOCTYPE>
2 <html>
3 <head>
4 </head>
5 <body>
6 </body>
7 </html><!DOCTYPE>
첫번째줄의 <!DOCTYPE>은 HTML의 버전이 몇인지 나타내는 줄이다. 현재 버전은 HTML5 버전을 나타낸다.
<html>
모든 HTML elements(요소)들은 최상위의 <html></html>으로 감싸져 있다.
브라우저가 html태그를 만나면, html이 시작됐는지 인지한다.
<head>
head태그내에는 사이트의 제목, 설명, 기술적인 내용에 대한 코드들이 주로 들어가며 일반 웹페이지 사용자들은 크게 눈여겨보지 않는 정보들이 입력되어있다.
<body>
body태그는 항상 head태그 다음에 위치한다.
body태그 내부에는 일반 사용자가 직접적으로 보는 화면에 보여질 각종 태그와 요소들이 입력되기때문에 이곳에서 레이아웃을 설계를 잘해야 아름다운 웹페이지로 표현된다.
Software Developer