>  기사  >  웹 프론트엔드  >  HTML은 테이블을 사용하여 홈 페이지를 작성합니다.

HTML은 테이블을 사용하여 홈 페이지를 작성합니다.

墨辰丷
墨辰丷원래의
2018-05-11 13:49:062340검색

이번 글에서는 표를 활용해 웹사이트 홈페이지를 작성하는 방법을 주로 소개합니다. 표 태그와 하위 태그를 이용해 사진에 한자를 삽입해 완성할 수도 있습니다. 관심있는 친구들은 그것을 참고할 수 있습니다.

코드 표시

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML表格练习之大学首页信息</title>
</head>
<body>
<table border="0" width="100%" height="100%">
  <tr>
       <td colspan="2"><img src="img/4.jpg.png"></td>
  </tr>
  <tr>
       <td align="center" height="60px" bgcolor="royalblue" width="100%" ><a href="#"><font  face="宋体" color="white" size="4">网站首页   学校概况   教学单位   机构设置   人才培养   学术研究   招生就业   合作交流   校园生活</font></a></td>
       
  </tr>
  <tr>
       <td><img  alt="校园会议" src="img/2.jpg"></td>
  </tr>
      <tr>
       <td align="center"><img src="img/5.jpg"></td>
  </tr>
  <tr>
       <td align="center"><img src="img/3.jpg"></td>
       
  </tr>
  <tr>
       <td><img src="img/6.jpg"/></td>
  </tr>

</table>
</body>
</html>

관련 추천:

Angular는 테이블을 정렬하기 위해 작동합니다.

element-ui에서 테이블을 스크롤하는 방법

방법 사용하다 jquer 구현 테이블 행과 열 교환

테이블 테이블에 타원 함수를 추가하는 방법

위 내용은 HTML은 테이블을 사용하여 홈 페이지를 작성합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.