프로그래밍 및 개발 공부하기

HTML 태그와 요소 완벽 정리: 빈 요소, 블록 요소, 인라인 요소까지 1. HTML 문서의 기본 단위HTML은 웹 페이지를 구성하는 가장 기본적인 언어이며,모든 웹 콘텐츠는 “태그(Tag)”와 “요소(Element)”라는 두 개의 기본 단위로 이루어집니다.즉, 웹 문서 한 줄 한 줄이 전부 요소의 집합이며,이 요소들은 태그를 통해 정의된 의미 있는 구조 단위입니다. 2. 태그(Tag)란 무엇인가태그(Tag)는 HTML에서 콘텐츠의 역할이나 의미를 표시하기 위한 기호입니다.태그는 꺾쇠 괄호(``)로 감싸서 작성하며, 대부분 쌍으로 열고 닫습니다.기본 형태는 다음과 같습니다.내용예시:안녕하세요 → 여는 태그(Opening Tag) → 닫는 태그(Closing Tag) “안녕..

HTML의 구조 완벽 정리: head, link, meta, style, title, body의 역할까지 1. HTML 문서의 전체 구조HTML 문서는 계층적인 구조(Tree Structure)를 가집니다.모든 HTML 파일은 시작 태그(``)부터 끝 태그(``)까지 감싸진 형태로 이루어집니다.그 내부는 두 개의 큰 영역, 즉 ` 구분 역할 문서 전체를 감싸는 루트(root) 요소 3. — 문서의 속성 및 정보 태그는 문서 자체의 정보(메타데이터)를 정의합니다.이 정보는 브라우저가 문자 인코딩, 페이지 크기, 작성..

시맨틱 요소(Semantic Element)란 무엇인가 1. 시맨틱(Semantic)의 의미“시맨틱(Semantic)”이란 ‘의미론적인(meaningful)’이라는 뜻입니다.따라서 시맨틱 요소(Semantic Element)란“브라우저나 개발자가 해당 콘텐츠의 의미를 이해할 수 있도록 이름 자체에 의미가 담긴 HTML 요소”를 말합니다.즉, 단순히 화면을 꾸미기 위한 태그가 아니라,‘이 부분이 어떤 역할을 하는지’를 명확히 알려주는 요소입니다. 2. 시맨틱 요소의 목적HTML5 이전에는 나 처럼 의미가 없는(non-semantic) 요소로 대부분의 구조를 표현했습니다.예를 들어, 웹 페이지의 상단 영역을 다음처럼 만들었습니다.......이 코드는 개발자 본인은 구분할 수 있지만,브라우저, 검색..