[HTML #1] 태그

서근

2022. 7. 24. 02:04

QUOTE THE DAY

티스토리 블로그를 꾸미다 보니, 웹에 대한 매력에 빠져 좀 더 자세하고 깊게 배워보고 싶은 마음이 들어 HTML/CSS/JS 에 대한 지식을 정리하고 공유해 볼까 합니다.

HTML

HyperText Markup Language

HTML은 웹 브라우저에 표시되는 기본적인 틀이라고 생각하면 됩니다.

HyperText

하이퍼텍스트를 가장 중요한 특징으로 한다. 쉽게 말해 <a>태그의 href 즉, 링크라고 생각하면 됩니다.

Markup

마크업이라는 문법적인 형식을 가진 프로그래밍 언어

Language

컴퓨터 프로그래밍 언어

태그란?

HTML은 확장자 <html> 로 시작해 </html> 로 마무리되어야 합니다.

<html>
   <h1> 서근 개발 노트 </h1>
 </html>

처음 등장하는 태그를 '시작 태그'라 칭하고, 슬래시가 있는 태그를 '닫히는 태그'라고 칭합니다.

그리고 그 태그 사이 안에 있는 텍스트 또는 요소를 감싸게 되어 효과를 적용해줄 수 있습니다.

예를 들어 어떠한 문자를 강조하고 싶을 때, CSS에 font-weight을 bold로 설정해줄 수 도 있지만, HTML의 태그로 바로 적용시켜줄수 있습니다.

<html>
   <h1>서근 개발 노트</h1>
   <p> <strong>HTML</strong> 에 대해 알아보도록 하겠습니다. </p>
 </html>

See the Pen Untitled by 서근 (@seogun95) on CodePen.

위와 같이 <h1>, <p>, <br>, <span>, <div>, <span>, <strong>, <b> 등과 같은 다양한 태그로 쉽게 HTML를 작성할 수 있습니다.

가장 중요한것은 태그는 반드시 꺽쇠 슬래시로 닫힌다 라는 점입니다.

오늘은 이렇게 HTML이란 무엇이고, 태그는 어떻게 사용하는지에 대해 간단히 알아보았습니다. HTML의 문법은 상당히 간결하고 약 30분 이내에도 마스터할 수 있기 때문에 접근성이 아주 좋은 언어입니다. 앞으로 HTML / CSS / JS 나아가 백앤드까지 갈길이 머네요 ㅎㅎ

읽어주셔서 감사합니다🤟

저작자표시 비영리 변경금지

'FRONT-END > HTML' 카테고리의 다른 글

[HTML #5] DOCTYPE - !doctype html (1)	2022.07.24
[HTML #4] 기본구조 head, body 및 폰트 깨짐방지 (0)	2022.07.24
[HTML #3] 태그 중첩 조합 li, ul, ol (0)	2022.07.24
[HTML #2] 속성 과 링크 a, href="" target="_blank" (1)	2022.07.24
HTML 관련 모음집 (3)	2022.07.24