FrontEnd6 6.Table Tag Table tag (테이블 태그) HTML5에서는 표를 구조적으로 표현하기 위해 thead, tbody, tfoot 태그 추가 style 태그 : 박스모델에 디자인을 제공하기 위한 태그 summary 속성 : 표에 대한 설명을 속성값으로 설정 caption 태그 : 표 제목 출력 객실표 thead 태그 : 표 머릿부를 표현하기 위한 태그 건물명방이름크기가격 tbody 태그 : 표 몸체부를 표현하기 위한 태그 요안도라유채방4인실1인 20,000원 동백방2인실 천혜향가족실 60,000원(최대 4인) tfoot 태그 : 표의 꼬릿부를 표현하기 위한 태그 바깥채 전체를 독채로 대여합니다. 전체 코드 table 태그 객실표 건물명방이름크기가격 바깥채 전체를 독채로 대여합니다. 요안도라유채방4인실1인 20,000원.. 2021. 12. 20. 5.Table Tag Table Tag(테이블 태그) table 태그 : 표 출력 - 하위태그 : tr border 속성 : 0(외곽선 미출력 - 기본) 또는 1(외곽선 출력)을 속성값으로 설정 => 상위 태그에 설정된 디자인 속성은 하위태그에 상속되어 적용 tr 태그 : 행 출력 - 하위태그 : th 또는 td => 모든 tr 태그는 셀의 갯수가 같도록 작성하는 것을 권장 th 태그 또는 td 태그 : 열 출력 - 태그내용으로 값 출력 - 셀(Cell) => 셀의 폭은 태그내용에 의해 자동 변경 => th 태그는 태그내용을 가운데 정렬하고 굵게 출력 - 컬럼명 출력 번호이름주소 1000홍길동서울시 강남구 전체 코드 table 태그 번호이름주소 1000홍길동서울시 강남구 2000임꺽정수원시 팔달구 3000전우치인천시 월미구 출력 2021. 12. 18. 4.dl Tag List Tag(리스트 태그) dl 태그 : 정의 목록(Definition List) => 하위태그 : dt(Definition Term), dd(Definition Description) dt 태그 : 정의 용어 dd 태그 : 정의 용어 설명 전체 코드 dl 태그 유채방 대상 도미토리, 동성(또는 가족) 1팀 크기 4인실 주의사항 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 출력 2021. 12. 18. 3.List 태그 List Tag(리스트 태그) li 태그 : 목록 출력 => ol 태그 또는 ul 태그의 하위태그로 사용 ol 태그 : 목록에 순서를 제공하여 출력 ul 태그 : 목록에 블릿(기호)을 제공하여 출력 전체 코드 li 태그 유채방 도미토리, 동성(또는 가족) 1팀 4인실 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 도미토리, 동성(또는 가족) 1팀 4인실 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 출력 2021. 12. 18. 이전 1 2 다음
