HTML은 아래와 같이 .html 확장자가 붙은 텍스트 파일입니다. 파일의 이름은 원하는대로 정할 수 있습니다.
index.html
mainPage.html
loginPage.html
브라우저만 있으면 HTML로 작성한 것을 확인할 수 있습니다.
.html
확장자로 저장한 후에위의 그림에 보이는 것 처럼 브라우저가 알아서 붙여주더라도, 개발자는 문법에 맞게 HTML 코드를 작성할 수 있어야 합니다. HTML파일에 필요한 최소한의 태그는 아래와 같습니다.
<html>
<head>
<body>
태그와 관련하여 HTML 기초 용어(tag, content, attribute, element)를 알아보도록 하겠습니다.
HTML에서는 이미지나 텍스트를 그리려면 그에 맞는 태그가 필요합니다. 그래야 브라우저에서 "이것은 텍스트구나, 저것은 이미지구나" 하고 알 수 있습니다. 태그는 아래 사진처럼 <>
으로 감싸져 있습니다.
태그(tag)
(<태그이름>과 </태그이름>)은 보여주지 않습니다.내용(content)
부분만 보여줍니다.시작 태그(opening tag)
이고, 내용 우측에 있는 것이 종료 태그(closing tag)
입니다./(slash)
가 있다는 것을 꼭 기억할 것.아래의 태그는 시작과 종료 태그가 존재합니다.
<p></p>
<h1></h1>
<h2></h2>
<a></a>
반면에 시작과 동시에 종료되는 태그도 존재합니다.
<img>
<br>
<input>
<태그 이름> 으로 시작하여 </태그 이름> 으로 끝나고 태그 사이에 내용이 있는 구조를 요소라고 합니다. 종료 태그가 필요없는 것은 태그가 그 자체로 요소가 됩니다.
<h1>시작!</h1>
<img src="me.png">
출처 : wecode