시맨틱 웹 태그
<사업부>
#4 시맨틱 웹 태그, 테이블/테이블 생성, rowspan, colspan 속성, 징후
? 영역
전 세계적으로 점점 더 많은 웹 사이트가 생성됨에 따라
사용자가 찾고 있는 정확하고 가치 있는 정보를 찾기 위해 검색 엔진에 대한 요구 증가
따라서 태그는 검색 엔진이 해당 웹 사이트를 더 쉽게 알 수 있도록 하는 태그의 역할을 수행합니다.
명명
장점
(1) 웹접근성
홈페이지를 이용하는 모든 분들이 불편함 없이 동등하게 이용하실 수 있도록
접근성 자체를 높이는 행위
(2) 검색 엔진 최적화(SEO)
(3) 가독성
…
…
…
================================================== ================
…
…
…
(1) 헤드라인
제목, 로고, 검색창, 사용자 정보, 메뉴(네비)
(2) 중요한 것
사이트의 주요 내용
(3) 바닥글
일반적으로 웹 페이지 하단에 회사 정보, 저작권 정보
(4) 섹션
문서의 특정 섹션을 식별합니다.
적절한 의미가 없을 때 사용할 태그
(5) 나비
다른 페이지(메뉴, 목차, 색인) 등으로의 링크에 사용됩니다.
(6) 기사
웹 페이지에서 반복 및 재사용할 수 있는 섹션
예) 상품리스트, 게시판 글, 잡지나 뉴스 등
(7) 제쳐두고
주요 내용과 간접적으로 관련이 있는 부분
예) 사이드바, 사이드 메뉴
================================================== ==============================
속성 테이블, 테이블,
테이블 생성
- 테이블은 행, 열 및 셀로 구성됩니다.
- 셀은 행과 열이 만나는 곳이자 표의 내용을 입력하는 영역입니다.
-
,
테이블 생성을 위한 태그 - 오늘과 함께
테이블에 제목을 추가할 수 있습니다.
테이블 생성
- 다양한 유형의 데이터를 아름다운 방식으로 구성하는 테이블
– 그리고
-태그 의 속성-태그
- 테두리: 테이블의 테두리 두께를 정의합니다(기본값 0).
- 너비: 테이블의 너비를 지정합니다.
- align: 테이블의 정렬을 지정합니다(왼쪽, 오른쪽, 가운데).
전)
— 테이블 이름(옵션)
— 제목(옵션)
*— 수평, 행
*– 중앙 정렬, 굵게, 셀, 열, 머리글
– 셀, 열, 일반 열
— 본문(선택 사항)
– 주석, 색인, 참조, 참조(선택 사항)
얼마나 많은 행과 열이 있습니까? 3행 3열
행을 만들다 태그 및 , 셀 생성 , 태그
- 그 날
라인을 생성하고 수평선을 수평으로 설정합니다. - 그만큼
-일은 행 내에 셀을 만듭니다. -낮 그것을 사용 -대신 태그 – 테이블 제목에 대한 태그입니다. - 태그가 포함된 콘텐츠
사용은 굵게 표시되고 셀 내에서 중앙에 배치됩니다. (가운데 글꼴 및 굵게 표시) 의 속성
-태그 기본 위치는 표의 상단 중앙이며 표에 제목을 추가할 때 사용됩니다.
선물 및 생활용품 구성
선물 및 생활용품 구성 사용 무게 계산하기 가격 선물로 3kg 11~16 35,000원
의 속성
, , - 너비: 셀의 너비를 지정합니다.
- 높이: 셀의 높이를 설정합니다.
- allign: 셀의 텍스트 정렬 설정(왼쪽, 오른쪽, 가운데)
-, – 그리고 -태그표의 ‘t’와 제목(head), 본문(body), 요약(footer)의 조합이다.
위의 이미지에서 이것은
-날짜 하루 그리고 그 -낮.-날짜 Rowspan, Colspan 속성
행 연결 라인 스팬 속성을 사용
합계 열 콜스팬 속성을 사용하여 결합할 셀 수를 지정할 수 있습니다.
colspan 속성
기둥을 수평으로 연결할 때 사용
행 범위 속성
행을 세로로 병합
전)
첫 번째 제목 두 번째 제목 세 번째 제목 모든 높이를 50으로 설정하면
첫 번째 셀 두 번째 셀 세 번째 셀 정렬
열을 묶는 징후 이후여야 합니다.
– 작성할 태그입니다. (테이블 내용이 시작되기 전 열의 상태를 나타냄) -낮 - 하나의 열만 지정할 때 사용
- 닫는 태그 없음
- 만약 너라면
– 태그 -태그 포함, 필수 – 테이블의 열 개수만큼 태그가 삽입됩니다.
징후 - 둘 이상
-태그 사용 - 닫는 태그가 있습니다
- 태그 앞의 열(th 또는 td)에 적용할 스타일을 설정할 수 있습니다.
- 그만큼
- 오늘과 함께