프론트엔드 개발자가 되고 싶다면 가장 많이 듣게 될 조언 중 하나는 HTML을 배우라는 것입니다. HTML로 약칭되는 Hypertext Markup Language는 대부분의 웹 페이지의 기초입니다.

HTML은 태그, 속성 및 요소와 같은 다양한 항목으로 구성됩니다. 우리의 초점은 HTML 태그입니다. HTML 태그를 사용하여 콘텐츠를 제목, 제목, 단락, 이미지 등으로 구성하는 방법을 브라우저에 알려줍니다. 따라서 HTML 태그는 브라우저가 콘텐츠를 표시하거나 형식을 지정하는 방법을 정의하는 키워드와 같습니다.

서버는 위에서 아래로 HTML 태그를 읽습니다. 웹 페이지에 있어야 하는 HTML 태그의 수에는 제한이 없습니다.

  • 모든 HTML 태그는 <>로 묶습니다.
  • 모든 HTML 태그는 다른 기능을 수행합니다.
  • 대부분의 HTML 태그에는 여는 와 ​​닫는 가 있습니다.

HTML 태그 vs. HTML 요소 vs. HTML 속성

대부분의 사람들은 HTML 태그와 요소라는 용어를 같은 의미로 사용합니다. 그러나 그들은 동일합니까? 기술적으로 HTML 요소와 HTML 태그는 다릅니다.

HTML 태그는 HTML 요소를 정의합니다. 이를 위해 작업 중인 태그의 콘텐츠와 일치하는 여는 태그와 닫는 태그 이름을 사용하여 콘텐츠를 래핑합니다.

다음은 HTML 요소의 예입니다.

<p> This is a paragraph </p> 

는 HTML 태그의 예입니다.

HTML 속성은 문서의 HTML 요소에 대한 추가 정보를 제공합니다. 속성은 HTML 요소 내에서 찾을 수 있습니다.

이것은 HTML 속성의 예입니다.

<button id=" SubmitOrder" class="btn">Order</button> 

모두가 알아야 할 HTML 태그

마크업 언어로서의 HTML은 Tim Berners-Lee가 1993년에 도입한 이후 수년에 걸쳐 발전해 왔습니다. 첫 번째 HTML 버전에는 18개의 태그가 있었습니다. 새 태그는 모든 HTML 버전에 추가됩니다. 가장 최근의 업그레이드는 2014년 HTML5였습니다.

HTML과 HTML5를 면밀히 비교하면 HTML5에는 콘텐츠를 명확하게 설명하는

,