Front-end/HTML

HTML 첫 걸음

땅다람쥐 2020. 4. 19. 22:04

What is HTML?

HTML이란 Hypertext Markup Language의 약자로서 인터넷 문서인 웹 문서를 만드는 마크업 언어입니다.

 

How is HTML different than other languages?

엄밀히 말하자면 HTML은 프로그래밍 언어가 맞습니다. 하지만 HTML은 선언형 언어에 속한다고 합니다. 선언형 언어가 무엇이냐면 웹 페이지에 "뭐가 있어야 돼!"라고 선언하는 기초적인 언어라고 합니다.

HTML의 이름에서 보이듯이 Markup은 "태그"라는 것을 사용해서 프로그래밍을 하게 됩니다. 위에 사진에서 보듯이 <section>, <h1>, <p> 등 다양한 태그로 문서를 작성하게 됩니다.

 

HTML Basic Examples

  • HTML Documents

지금 F12를 눌러서 HTML이 만들어진 코드를 살펴보면 맨위에 써져 있는 태그는 <!DOCTYPE html>이라고 쓰여져 있을거에요. 모든 HTML documents는 <!DOCTYPE html>이라는 태그를 declare하면서 시작합니다.

밑줄 친 부분을 보시면 <!doctype html>로 시작합니다.

 

  • HTML Headings

HTML headings은 <h1> 에서 <h6> 태그들로 이루어져 있습니다. 숫자가 낮아질수록 중요한 heading 숫자가 커질수록 반대로 중요도가 낮아집니다.

  • HTML Paragraphs

Paragraph를 정의 할 때는 p로 시작합니다.

  • HTML Links

Link들을 정의 할 때는 <a>라는 태그로 시작합니다.

 

HTML에 대해서 알아보고 기본적인 문법을 알아봤습니다. HTML Basic Example에 관련해서는 W3schools.com을 많이 참고했습니다.

'Front-end > HTML' 카테고리의 다른 글

웹 접근성(Accessibility) with HTML  (0) 2020.04.24
폼(Form)과 유효성 검사  (0) 2020.04.21
의미론적(Semantic) 태그  (0) 2020.04.20