일상 일기 블로그

✅ block과 inline이란?Block 요소는 줄 전체를 차지하며 줄바꿈이 발생하는 요소이고, Inline 요소는 줄 안에서 나란히 배치되는 요소입니다.📌 왜 이런 구분이 생겼는가?HTML 문서는 구조와 텍스트가 함께 구성되기 때문에, 일부는 문단 전체를 구성하고, 일부는 문장 안에서 동작해야 했습니다. 그래서 줄 단위 요소(block)와 줄 안 요소(inline)로 나뉘게 되었습니다.📋 block 요소 특징항상 새로운 줄에서 시작한 줄 전체 차지width, height 설정 가능다른 block/inline 포함 가능대표 태그: , , , , 📋 inline 요소 특징줄 안에서 배치됨내용만큼 공간 차지width, height 설정 거의 불가다른 inline만 포함 가능대표 태그: , , , 📊..

✅ 정의부터 명확히 구분하기  용어  정의태그 (tag)HTML 문서에서 요소를 표시하기 위해 사용하는 기호. 꺾쇠 안에 적힌 문자열.요소 (element)시작 태그 + 콘텐츠 + 종료 태그 전체를 포함하는 HTML의 구성 단위. 즉, 문서 구조를 이루는 실질적인 구성 요소.📌 간단한 예시로 구분예를 들어 아래 코드가 있다고 할 때:안녕하세요 → 시작 태그 → 종료 태그안녕하세요 → 내용(content)안녕하세요 → 요소(element)즉, 태그는 꺾쇠 안의 표식, **요소는 그 전체(태그 + 내용 + 구조)**입니다.📌 태그는 부분, 요소는 전체 개념 구성 예태그시작 태그 / 종료 태그, , , 요소시작 태그 + 콘텐츠 + 종료 태그안녕하세요빈 요소종료 태그 없이도 요소가 됨, 🧠 더 깊이 있는..

✅ 태그란?*태그(tag)**란, HTML에서 문서의 특정 부분이 어떤 역할을 하는지를 나타내는 표식입니다.예를 들어, "이건 제목입니다", "이건 문단입니다", "이건 이미지입니다"처럼 텍스트나 요소의 의미를 브라우저에 알려주는 기호가 바로 태그입니다.태그는 일반적으로 다음과 같은 형식으로 쓰입니다:내용예:이건 문단입니다.🧩 왜 태그가 필요한가?컴퓨터는 텍스트를 읽을 수는 있지만, ‘이게 제목인지, 문단인지, 링크인지’를 스스로는 판단하지 못합니다.그래서 사람은 문서의 각 부분이 어떤 역할을 하는지를 직접 지정해줄 필요가 있었습니다. 그 방식이 바로 태그입니다.즉, 태그는 브라우저에게 이렇게 말해줍니다:: “이건 제일 큰 제목이야”: “이건 문단이야”: “이건 링크야”: “이건 이미지야”🧱 태그의 ..

✅ HTML이란?**HTML (HyperText Markup Language)**은 웹페이지를 구성하는 구조를 정의하는 언어입니다.문서의 제목, 단락, 표, 이미지, 링크 등의 요소가 무엇인지, 어디에 위치해야 하는지, 어떤 역할을 하는지를 명시해주는 표준 마크업 언어입니다.HTML은 단독으로 작동하지 않습니다. 웹이라는 시스템 안에서, 그리고 웹 브라우저라는 해석기와 함께 작동할 때 비로소 우리가 보는 웹페이지가 완성됩니다.🧩 HTML은 어떤 문제를 해결하려고 등장했는가?인터넷이 등장했을 때, 사람들은 단순히 파일을 주고받는 수준에 머물러 있었습니다. 그런데 문서를 교환하다 보니 다음과 같은 문제가 생겼습니다:이 문서에서 제목과 본문을 구분하고 싶다.어떤 문장에서 **다른 문서로 연결(링크)**하고 ..