HTML이란 무엇일까?

• HTML은 웹페이지를 만들기 위한 언어로서 웹페이지의 구조를 잡을 수 있습니다.
• HTML파일은 이미지와 텍스트, 비디오 등 웹사이트에서 보여줄 내용을 구성하고 있으며 브라우저를 통해 웹페이지의 구조를 파악후 웹페이지를 생성합니다.

  웹페이지를 제작하기전, HTML 파일을 생성하여야합니다.

HTML 파일

HTML은 .html 확장자가 붙은 텍스트 파일이며 파일 이름의 양식은 따로 없습니다.

웹페이지를 메모장에서 만들 수 있는데, 텍스트 편집기를 열어서 아무 텍스트를 적고 확장자를 .html로 변경하면 브라우저가 파일확장자를 인식하여 자동으로 태그를 추가시켜줍니다.

HTML tag

브라우저가 자동으로 코드를 생성해준다고 해도, 개발자는 코드를 작성할 수 있어야 합니다.
HTML파일에서 필요한 최소한의 태그는 태그, 태그, 태그이며, 요소(Element)는
<시작태그(Opening tag)> 내용(Content) </끝태그(Closing tag)>로 이루어져 있습니다.

태그를 사용해야 브라우저에서 이 코드가 무엇을 의미하는지 알 수 있기 때문에 알맞는 태그를 사용하는 것이 중요합니다.

tag와 content

태그는 <태그이름>내용</태그이름> 으로 구성되어 있으며 왼쪽의 태그를 시작태그, 오른쪽의 태그를 종료태그라고 부릅니다.
종료태그를 사용할때 괄호를 시작하고 /(slash)를 꼭 붙어야 종료태그라 인식합니다.

시작태그를 사용했으면 종료태그를 꼭 사용해야 합니다. 간혹 시작과 동시에 종료가 되는 태그도 있습니다.
ex) <img>태그, <br>태그

attribute(속성)

속성은 시작태그에 위치하며 여러 속성을 지정할 수 있습니다.

<div class="title">시작!</div>  //요소
<a href="https://naver.com">네이버로 이동</a>
<img src="./me.png" alt="내사진"> //종료태그가 없는 요소

요소는 <태그이름 속성명="속성값">내용</종료태그>로 구성되어 있으며, 종료태그가 없는 것은 그 자체가 요소가 됩니다.