이번 글에서는 기본 태그와 자주 쓰이는 요소들을 한번 살펴보겠습니다. 1. p 태그paragraph(문단)을 의미하는 태그자동으로 줄 바꿈이 적용되며, 문단 간 기본 여백이 존재합니다.이 문장은 하나의 문단여기는 새로운 문단 2. br 태그줄바꿈(line break) 태그문단이 아니라 줄만 바꿉니다.이것은줄바꿈 3. a 태그 (anchor)하이퍼링크를 만드는 태그href 속성으로 이동할 리소스 지정외부 링크(URL) 또는 내부 페이지 내 위치(#id) 가능합니다.외부 링크내부 이동경로 지정절대 경로: http://example.com/path/file.html상대 경로: ./file.html 또는 ../상위폴더/file.html 4. style 태그HTML 문서 내에서 CSS 정의 안에 배치하는 것이..

웹 개발을 시작한다면 가장 먼저 만나게 되는 언어가 HTML입니다.이번 글에서는 HTML의 기본 개념부터 브라우저가 해석하는 과정, 그리고 자주 실수하는 부분까지 이해하기 쉽게 정리해 보겠습니다. 1. HTML이란?HTML(Hyper Text Markup Language)은 웹 페이지의 구조와 의미를 표현하는 언어입니다.CSS는 스타일을, JavaScript는 동작을 담당하는 것과 달리 HTML은 페이지의 뼈대와 시맨틱을 담당합니다. - 뼈대 : 제목, 본문, 구역, 이미지, 링크 등 문서의 기본 구조- 시맨틱 : 요소 자체가 의미를 갖는 태그 ( = 독립적인 글, = 내비게이션) 왜 중요할까?→ 시맨틱 하게 작성된 HTML은 검색엔진, 스크린리더, 브라우저가 정확히 이해할 수 있어 접근성, 성능, S..