html18 Part 1 : 레이아웃 태그 사용법 웹페이지의 구조를 만들 때 사용하는 레이아웃 태그는 HTML에서 매우 중요한 요소입니다., , , , , 등의 태그를 활용하여 웹페이지를 구성하는 방법을 배워보겠습니다. 1️⃣ 태그 (헤더)웹사이트 또는 섹션의 머리말(헤더) 역할을 합니다.로고, 내비게이션 메뉴, 검색창 등이 포함될 수 있습니다. 웹사이트 제목 홈 소개 연락처 2️⃣ 태그 (내비게이션)웹사이트의 메뉴 또는 탐색 링크를 포함하는 태그입니다. 홈 서비스 블로그 3️⃣ 태그 (섹션)관련된 콘텐츠를 그룹화하는 데 사용됩니다. 서비스 소개 우리는 최고의 웹 솔루션을 제공합니다. 4️⃣ 태그 (아티클)독립적인 콘텐츠 블록을 나타냅니다. 뉴스 기사, 블로그.. 2025. 3. 15. HTML 태그 설명과 예제 코드 이전 포스팅에서 HTML의 모든 태그와 기본 display 속성을 정리했습니다.이번 글에서는 각 태그의 특징을 보다 자세히 설명하고,실제로 어떻게 활용할 수 있는지 예제 코드를 함께 소개하겠습니다. 1️⃣ 목록 태그 (, , )목록 태그는 웹페이지에서 리스트를 만들 때 사용합니다.✅ 순서 없는 목록 () 순서가 없는 리스트 1 순서가 없는 리스트 2 순서가 없는 리스트 3 🔹 태그는 순서가 없는 리스트를 만들 때 사용합니다.브라우저에서 기본적으로 앞에 ●(점) 기호가 붙습니다. ✅ 순서 있는 목록 () 순서가 있는 리스트 1 순서가 있는 리스트 2 순서가 있는 리스트 3 🔹 태그는 숫자가 자동으로 매겨지는 리스트를 만들 때 사용합니다. 2️⃣ 텍스트 관련 태그 ( ~ , , , , .. 2025. 3. 15. HTML 태그 소개와 속성 정리 웹 개발을 할 때 HTML 태그의 역할과 display 속성을 이해하는 것은 매우 중요합니다.이번 포스팅에서는 HTML에서 자주 사용되는 태그들과 함께 각 태그의 기본 display 속성을 정리하겠습니다. ✔️ 블록 레벨 요소 vs 인라인 레벨 요소 HTML 요소는 기본적으로 블록 레벨 요소(Block-level elements) 와 인라인 레벨 요소(Inline elements) 로 구분됩니다. ✅ 블록 레벨 요소기본적으로 한 줄을 모두 차지하고, 다음 요소는 새로운 줄에서 시작합니다.레이아웃을 구성하는 주요 요소입니다.대표적인 태그: , , ~ , , , 등✅ 인라인 레벨 요소같은 줄(라인)에서 다른 요소들과 함께 배치됩니다.특정 부분의 텍스트를 강조하거나, 작은 요소를 삽입하는 데 사용됩.. 2025. 3. 15. 웹페이지의 필수 정보! 메타 태그(Meta Tag) 제목설명주소작성자 우리가 책을 읽을때 흔히 볼 수 있는 전체를 아우르는 필수 정보죠. 웹사이트도 마찬가지로 메타 태그(meta tag) 를 활용하여 검색 엔진 최적화(SEO)부터 페이지 정보 설정까지 다양한 기능을 사용할 수 있습니다.이번 포스팅에서는 메타 태그가 무엇인지, 어떤 역할을 하는지, 그리고 필수적으로 사용해야 할 메타 태그들을 알아보겠습니다. 메타 태그란 무었일까요?메타(meta) 태그는 HTML 문서의 HTML 메타 태그 완벽 정리 이 페이지에서는 HTML 메타 태그의 중요성과 사용법을 설명합니다. 메타 태그는 웹페이지의 정보를 검색 엔진과 브라우저에 전달하는 중요한 역할을 합니다.SEO, 반응형 디자인, SNS 공유 최적화 등을 위해 꼭 필요한 요소입니다. - Dbl.. 2025. 3. 14. [HTML 기초] 머리 그리고 몸통 태그 - 웹페이지의 내용 태그는 웹페이지의 모든 구성 요소(소스) 가 들어가는 곳입니다.우리가 화면에서 보는 글, 이미지, 버튼, 동영상 등이 모두 태그 안에 들어갑니다. 안녕하세요! HTML을 배우고 있어요. 이것은 본문 내용입니다. 위 내용을 종합하면, 기본적인 HTML 문서는 다음과 같이 구성됩니다. HTML의 기본 구조 이 페이지는 HTML의 기본 구조를 설명합니다. ✅ = 웹페이지의 정보 저장소✅ = 웹페이지의 내용(소스) 표시 html은 웹페이지를 구성하는 뼈대 입니다.텍스트, 이미지, 미디어와 같은 정보를 담고 있으며, html 자체만으로도 누구나 볼 수 있는 문서와 같은 형태입니다. (MS Word 를 생각하면 쉽습니다.) - Dblisher - 2025. 3. 14. HTML이란? 개념부터 알고 가자 우리가 웹 개발을 시작할 때 가장 먼저 배우는 것이 HTML 입니다.하지만 이름만 봐서는 정확히 무엇을 의미하는지 헷갈릴 수 있죠.HTML이 무엇인지, 웹을 처음 접하는 사람들이 쉽게 이해할 수 있도록 설명해보겠습니다. HTML의 의미HTML (HyperText Markup Language) 는 웹페이지의 구조를 만드는 언어입니다.HyperText: 링크를 통해 다른 문서로 이동할 수 있는 텍스트Markup Language: 태그(tag)를 사용하여 문서의 구조를 정의하는 언어즉, HTML은 웹페이지의 뼈대(구조)를 정의하는 역할을 합니다. HTML을 집에 비유한다면?HTML은 웹사이트의 기본 구조를 담당하므로, 집을 짓는 과정에 비유하면 쉽게 이해할 수 있습니다. 📌 HTML = 집의 뼈대 .. 2025. 3. 14. 이전 1 2 다음 728x90
