HTML 테이블-3
우리가 논의한 것을 실천해 보자. Template5.html 파일에 500 픽셀 너비의 표를 추가해 보겠습니다. 우리는 테이블에 세 개의 행, 각 행 내부에 1 상자, 너비가 1 픽셀의 경계 및 셀 내부의 내용을 가운데에 배치하려고합니다. 테이블을 만든 후 "Hello World"를 맨 위 셀 (행 1-셀 1) 내로 이동하십시오. 그런 다음 글꼴 태그와 "여기에 입력"을 두 번째 행의 셀로 이동하십시오 (행 2-셀 1). 마지막으로 행 3-셀 1을 비워 두십시오. 텍스트 편집기에서 Template5.html 파일을 열고 다음 코드를 추가하고 새 파일을 Template6.html로 저장하십시오.

테이블-소스 코드





안녕하세요 월드

시작하다
여기


노트--화살 코드가 두 번째 줄로 싸여 있고 실제로는 한 줄에 있어야 함을 나타냅니다.

Template6.html-소스 코드


안녕하세요 월드









안녕하세요 월드

시작하다
여기




노트--화살 코드가 두 번째 줄로 싸여 있고 실제로는 한 줄에 있어야 함을 나타냅니다.

이제 웹 브라우저에서 Template6.html을 열고 새 테이블을 살펴보십시오. 이 튜토리얼을 즐겨 찾기에 추가 할 수 있습니다. 다음 기사에서는 많은 테이블을 만들 것입니다. 각 태그의 속성 / 값 쌍을 추가, 제거 및 변경하여 테이블을 계속 실험 할 수 있습니다. 완료되면 Template6.html의 코드를 다시 위의 코드로 다시 저장하십시오.

← 뒤로

|