본문 바로가기

html12

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.
HTML - 색 배경 링크 색 HTML에서 색을 표현하는 방법에는 3가지가 있다. 색상 이름으로 표현 RGB 색상값으로 표현 16진수 색상 값으로 표현 색상 이름으로 표현 할 때는 W3C에서 정의한 16개의 HTML 표준 색상 이름을 사용한다. -> aqua , blue, gray, lime, navy, purple, silver, white, black, fuchsia, green, maroon, olive, red, teal, yellow HTML에서 색상을 사용하는 방법에는 여러 가지가 있다. 스타일 속성을 사용하여 특정 요소에 색상을 적용하거나, CSS 파일에서 클래스 또는 ID 선택자와 함께 색상을 지정할 수 있다다. 또한, 색상 선택기(Color Picker) 도구를 사용하여 원하는 색상을 선택할 수도 있다다. 더 많은.. 2023. 6. 19.

티스토리툴바