[HTML 페이지 구조 이해] #02 HTML 페이지 구조 이해 - HEAD에 들어가는 태그에 대하여
·
Web Front/HTML
안녕하세요, 토스트데브입니다!이전 글에서는 HTML 문서의 기본 구조, 즉 , 🧩 정리 요약태그역할문자셋, 뷰포트, SEO 정보 등 문서 설정문서 제목 (브라우저 탭에 표시)외부 CSS, 파비콘 등 연결외부 자바스크립트 연결내부 CSS 작성 HTML에서 영역은 단순한 부가 정보 공간이 아니라, 페이지의 품질, 접근성, SEO를 결정하는 핵심 공간입니다.앞으로 HTML을 본격적으로 활용하기 위해 꼭 알아두세요! #HTML #HTML기초 #HTML문서구조 #head태그 #메타태그 #title태그 #link태그 #script태그 #style태그 #웹접근성 #웹표준 #웹개발기초 #웹퍼블리싱 #코딩입문 #프론트엔드 #toastdev #웹개발공부
[HTML의 TEXT 요소] #03 HTML 텍스트 요소 – 중요성과 강조 표현 완전 정리
·
Web Front/HTML
안녕하세요, 토스트 데브입니다!오늘은 HTML에서 텍스트를 강조하거나 중요성을 표현할 때 사용하는 주요 태그들을 정리해보겠습니다.웹페이지의 내용 전달에서 텍스트의 강조는 의미를 부각시키고,웹 접근성을 높이며, 사용자의 주의를 유도하는 데 아주 중요한 역할을 합니다. 🔹 1. – 강한 중요성 강조 태그는 의미적으로 중요한 단어를 표현할 때 사용합니다.브라우저 상에서는 보통 굵은 글씨로 표시되지만, 단순한 스타일이 아닌 의미 전달이 목적입니다.주의: 이 작업은 되돌릴 수 없습니다.🔸 의미 중점: 단순히 굵게 보이게 하는 게 아니라, 해당 텍스트가 중요하다는 의미를 스크린 리더나 검색 엔진에도 전달합니다. 🔹 2. – 강조(강세) 표현 태그는 문장에서 강조하고 싶은 단어를 표현할 때 사용합니다.보..
[HTML의 TEXT 요소] #02 HTML 목록 태그 완벽 정리, 순서가 있을 때와 없을 때의 차이는?
·
Web Front/HTML
안녕하세요, 토스트 데브입니다!지난 시간에는 HTML 문서에서 제목(~)과 단락() 태그를 어떻게 사용하는지 알아보았죠?오늘은 문서를 구성할 때 자주 사용되는 목록(List) 태그에 대해 알아보겠습니다.✅ 왜 목록 태그가 필요할까요?우리는 글을 작성할 때 자주 항목별로 정리된 정보를 나열하게 됩니다.예를 들어:장보기 목록순위 리스트사용 방법FAQ이런 항목들을 HTML에서 표현할 때 사용하는 것이 바로 목록 태그입니다.📌 HTML의 목록 태그 종류태그설명순서가 없는(Unordered) 목록순서가 있는(Ordered) 목록목록 항목 (List Item)정의 목록 (Description List)용어 (Definition Term)설명 (Definition Description)🟢 순서 없는 목록 ()순서..