728x90 반응형 SMALL 기술 개발/HTML3 HTML의 inline 요소와 block 요소 HTML의 인라인(inline) 요소와 블록(block) 요소는 웹페이지의 레이아웃과 구조를 결정하는 데 중요한 역할을 한다. 인라인(inline) 요소 인라인 요소는 텍스트나 이미지 등과 같은 작은 내용을 표시하는 데 사용된다. 인라인 요소는 컨텐츠가 차지하는 공간 만큼만 공간을 차지한다. 즉, 다른 요소와 함께 한 줄에 표시될 수 있다. ex) , , , , 등 이것은 인라인 요소입니다. 이것은 인라인 요소입니다. 이것은 인라인 요소입니다. See the Pen inline 요소 by Jo Sujeong (@suzzeong) on CodePen. 블록(block) 요소 블록 요소는 대형 콘텐츠, 예를 들어 단락, 제목, 목록 등과 같은 구조적 요소를 나타내는 데 사용된다. 블록 요소는 자신의 줄을 차.. 2023. 4. 7. ul 요소와 ol 요소의 자식 요소는 li 요소 , HTML에서 요소와 요소 모두 목록을 나타내기 위한 요소다. 하지만, 두 요소의 차이점은 목록의 형태다. 요소 요소는 비순서 목록(unordered list)을 나타내며, 목록 항목이 순서 없이 나열된다. 아이템 앞에 추가되는 마커(marker)는 검정색의 작은 원(bullet)이나 정사각형 모양으로 표현된다. 요소 요소는 순서 목록(ordered list)을 나타내며, 목록 항목이 순서대로 나열된다. 이 때 목록 항목은 숫자, 알파벳, 로마 숫자 등과 같은 순서 지시자로 표시된다. 목록이 어떻게 표시되어야 하는지에 따라 과 중에서 선택하여 사용하면 된다. 요소와 요소의 자식 요소는 목록 항목을 나타내는 요소이어야 한다. 요소는 왜 , 요소의 자식 요소여야만 하나? HTML 명세에서 정의된 규칙으로,.. 2023. 4. 7. Semantic HTML의 필요성 시멘틱 태그(Semantic Tag)는 사람이 이해하기 쉽도록 태그의 이름만 보고도 역할이나 위치를 알 수 있도록(=의미가 통하는, semantic) 만든 태그들이다. Semantic HTML Semantic HTML은 웹 페이지의 구조와 의미를 더 명확하게 표현하는 데 도움이 되는 HTML 마크업 방식이다. 이를 사용하면 웹 페이지가 보다 이해하기 쉽고, 접근성이 향상되며, 검색 엔진 최적화(SEO)에도 도움이 된다. ex) 웹 페이지의 제목 This is a top level heading // Non Semantic This is a top level heading // Semantic 제목은 웹페이지에서 가장 중요한 역할을 한다. Semantic HTML을 사용하지 않고, 제목을 단순히 스타일링하.. 2023. 4. 6. 이전 1 다음 728x90 반응형 LIST
