분류 전체보기41 HTML - 블록(block) 과 인라인(Inline) / iframe 과 프레임셋(frameset) HTML - 블록과 인라인 HTML 요소는 기본적으로 블록(block) 과 인라인(inline) 디스플레이 값을 갖습니다. 블록 요소(Block-level Elements) : 블록 요소는 항상 새로운 줄에서 시작하며, 브라우저는 요소 전후에 일정한 공간(여백)을 자동으로 추가합니다. 블록 요소는 가능한 가로 폭 전체를 차지하며, 보통 문단()이나 구역을 정의하는 () 요소가 블록 요소에 해당합니다. HTML에서 사용되는 다른 블록 요소들로는 부터 , , , , 등이 있습니다. 아래는 블록 요소의 예시입니다. This is a paragraph. This is a division or section. 인라인 요소(Inline Elements) : 인라인 요소는 새로운 줄에서 시작하지 않으며, 필요한 만큼.. 2023. 6. 20. HTML - 테이블(table) HTML 테이블은 웹 개발자가 데이터를 행과 열로 구성하여 정렬할 수 있게 해줍니다. 테이블을 사용하면 데이터를 구조화하고 시각적으로 표현할 수 있습니다. HTML에서 테이블을 사용하는 방법은 다음과 같습니다. 1. 테이블 엘리먼트 생성 : 태그를 사용하여 테이블을 생성합니다. 2. 행 생성 : 태그를 사용하여 테이블의 각 행을 생성합니다. 3. 열 생성 : 태그를 사용하여 각 행에 열을 생성합니다. 태그는 셀의 내용을 정의합니다. 김치천국 000-000-000 국가 4. 열 제목 생성 : 테이블의 열 제목을 나타내려면 태그를 사용합니다. 태그는 태그와 비슷하지만 보통 굵은 글씨로 표시되면 가운데 정렬 됩니다. 회사 연락처 국가 5. 행 병합 : 한 열에 여러 행을 병합하려면 rowspan 속성을 사용합.. 2023. 6. 20. HTML - 리스트(List) HTML 리스트는 관련된 항목들을 그룹화하는 데 사용되는 기능입니다. HTML에서는 세 가지 종류의 리스트를 제공합니다. 1. 순서 없는 리스트(Unordered List) : 순서 없는 리스트는 태그로 시작하며, 각 항목은 태그로 시작합니다. 기본적으로 항목은 작은 검은색 원으로 표시 됩니다. ex) 항목 항목 항목 항목 2. 순서 있는 리스트(Ordered List) : 순서 있는 리스트는 태그로 시작하며 , 각 항목은 태그로 시작합니다. 기본적으로 항목은 숫자로 표시되고 리스트의 번호 매기기 방식 type 속성으로 제어할 수 있습니다. ex) 첫 번째 항목 두 번째 항목 세 번째 항목 3. 설명 리스트(Description List) : 설명 리스트는 용어와 해당 용어의 설명으로 구성됩니다. 태그는.. 2023. 6. 20. HTML - 이미지(Image / <img>) HTML 이미지 (Image) HTML에서 이미지는 매우 중요한 요소로 자리 잡고 있다. 웹에서 주로 사용되는 이미지의 종류에는 JPEG 이미지, GIF 이미지, PNG 이미지가 있다. 이미지를 삽입할 때는 태그를 사용한다. 태그를 사용해서 이미지를 웹 페이지에 표시하는 방법은 웹 페이지에 이미지를 삽입하는 것이 아니라 연결되는 것입니다. 태그에는 두 가지 필 수 속성이 있습니다. 첫 번째는 src 두 번째는 alt 입니다. src: 이미지의 경로를 지정합니다. alt: 이미지를 표시할 수 없는 경우 보여줄 대체 텍스트를 지정합니다. 또한 이미지의 너비와 높이를 지정할 수 있습니다. 만약 너비와 높이를 지정하지 않으면 페이지가 이미지를 로드하는 동안 깜빡일 수 있습니다. 태그 안에 태그를 넣어서 이미지에.. 2023. 6. 20. 이전 1 ··· 5 6 7 8 9 10 11 다음
