2024/11/07 2

프로덕트 디자이너가 알아두면 좋을 개발 상식 02. HTML 기본 요소

1. 블럭 요소 (Block Element)블럭 요소는 웹 페이지에서 새로운 줄을 차지하며, 전체 가로 폭을 사용하여 레이아웃을 형성합니다.특징항상 새로운 줄에서 시작합니다. 즉, 다음 요소가 아래로 내려가고 줄 바꿈이 생깁니다.가로폭을 부모 요소의 100% 차지하므로, 화면 너비만큼 넓어집니다.width, height, margin, padding 속성을 모두 사용할 수 있습니다.대표적인 블럭 요소, ~ , , , , , , , 예시블럭 요소 1블럭 요소 2위 코드에서 는 블럭 요소로, 두 번째 는 첫 번째 요소 아래에 배치됩니다. 2. 인라인 요소 (Inline Element)인라인 요소는 새로운 줄을 만들지 않고, 내용물만큼의 가로 공간만 차지합니다.특징새로운 줄을 만들지 않고 같은 줄에 다른 인..

프로덕트 디자이너가 알아두면 좋을 개발 상식 01. HTML 기본 개념

1. HTML의 기본 개념HTML은 HyperText Markup Language의 약자로, 웹 페이지의 기본 구조를 구성하는 언어입니다. HTML은 마크업 언어로서, 브라우저에게 각 요소의 역할을 지시하는 태그(tag)로 이루어져 있습니다.태그(Tag): HTML은 내용과 같은 형태로 요소를 정의합니다. 예를 들어 안녕하세요는 태그 안에 "안녕하세요"라는 텍스트를 담은 단락 요소입니다.요소(Element): HTML의 기본 구성 요소로, 태그를 통해 문서 내의 각 부분을 정의합니다. 각 요소는 열림 태그와 닫힘 태그로 감싸져 있습니다.2. HTML 문서의 기본 구조HTML 문서는 다음과 같은 구조로 이루어져 있습니다. Hello, World! This is my first HTML page..

728x90