둘째 날 HTML5 노트

1, 테이블 테이블

a) 테이블의 전체 구조



--thead는 하나만 있을 수 있습니다

--Row

--Column을 사용합니다





--line

< ; 일반 셀은 td--열을 사용합니다







--다중 tbody 허용

--행

사용-- 열







;--tfoot은 하나만 있을 수 있습니다

--Row

중요 셀은 th	중요한 셀은 th
일반 셀은 td
일반 셀 td	일반 셀은 td
일반 셀의 경우 td	일반 셀은 td

b) 테이블의 간단한 구조

border--테두리 셀 간격--셀 사이의 간격 cellpadding--내용에서 테두리까지의 거리

< tr>



< ;tr>

<일>

테이블 속성: border--border

cellspacing--셀 ​​사이의 간격
cellpadding--내용에서 테두리까지의 거리

tr 속성: height--height

align--수평 정렬(왼쪽/가운데/오른쪽)

valign--수직 정렬(상단/중간/하단)

bgcolor 배경

td 속성: height --height

align--수평 정렬(왼쪽/가운데/오른쪽)

valign--수직 정렬(상단/중간/하단)

bgcolor 배경

너비--너비

c).셀 병합(td)

가로 병합: colspan="2"

세로 병합: rowspan="2"

테이블 중첩, td에 배치

고급 응용: 테이블 레이아웃, 중첩

2.Form

데이터를 수집하는 역할

태그

사용자 이름:

비밀번호:

--양식 정보를 처리하는 프로그램 실행(예: Java PHP.NET)

양식 정보를 처리하는 작업 프로그램을 통한 클라이언트(백엔드)

핸들러 주소

--method 두 가지 제출 방법이 있습니다: 안전하지 않음, 데이터 양이 제한됨, 주소를 통해 데이터 전송

게시물은 안전합니다. 데이터 양은 무제한입니다.

--이름은 매우 중요합니다

--제출 버튼

--값에 있는 모든 정보 양식은

값으로 표시됩니다. 기본 옵션인

--hidden은 페이지에 표시할 필요가 없습니다.

숨겨진 필드

버튼: 제출, 버튼, 재설정, 이미지,

테이블 및 양식 중첩 그렇다면 , 양식 태그를 먼저 작성하세요.



입력 유형 유형

텍스트(텍스트 상자), 비밀번호(비밀번호 상자) ) ), radio(라디오버튼), 체크박스(다중선택박스),, file(파일필드), hide(숨겨진필드)버튼(일반버튼), Reset(리셋버튼), submit(제출버튼), image(이미지) ) 필드 버튼)

드롭다운 상자:

< ;/option>



텍스트 영역:

cols 행 열 읽기 전용

3, HTML4 태그 표현식 분류

블록 수준 요소(대형 태그) block

div table ul ol li dl dt dd h1-h6 p

기능: 1. 다른 줄에 표시 2. 블록 수준 및 인라인 요소 중첩 가능 3. 너비 및 높이 설정 가능

인라인 요소(작은 레이블) 인라인

span Strong b i em a

기능: 1. 같은 줄에 2를 표시합니다. 블록 수준 요소 3은 중첩될 수 없으며 너비와 높이를 설정할 수 없습니다.

인라인 블록 수준 요소 inline-block

img 입력 선택 텍스트 영역

기능: 1. 한 줄에 2개 표시, 너비와 높이 설정 가능

교차 중첩 불가

위 내용은 HTML5 노트 내용입니다. 둘째날에는 PHP 중국어 홈페이지(www.php.cn) 관련 내용을 더 많이 주목해주세요!