Exemple d'introduction aux balises HTML-tutoriel HTML-php.cn

Exemple d'introduction aux balises HTML

零下一度

Libérer： 2017-07-19 17:03:38

original

1448 Les gens l'ont consulté

<!DOCTYPE html>　　
<html lang="en">
<head>  <meta charset="UTF-8">
 <title>a标签举例</title>
</head> <body>
 <a href="http://www.baidu.com">百度一下，你就知道</a><!--跳转到别的网站  -->  <br>
 <a href="2.html">点击跳转到2.html</a><!-- 跳转到本地文件 --><br>
 <a href="#test-demo">点击跳转到底部</a><!-- 设置锚点 -->  
<div style="height: 2000px"></div>
 <a href="##" name="test-demo">这里是网站底部</a> </body> </html>

Copier après la connexion

Si la valeur de l'attribut href de la balise a est vide, alors la balise a deviendra un point d'ancrage caché. Il semble que l'attribut href n'ait rien, mais il sautera lorsque vous cliquerez dessus avec la souris.

balise de table

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
  td {
   width: 200px;
   height: 50px;
  }
 </style>
</head>
<body>
 <table border="1">
  <tr>
   <td>1</td>
   <td>1</td>
   <td>1</td>
  </tr>
  <tr>
   <td>2</td>
   <td>2</td>
   <td>2</td>
  </tr>
  <tr>
   <td>3</td>
   <td>3</td>
   <td>3</td>
  </tr>
 </table>
</body>
</html>

Copier après la connexion

td tr Ces balises peuvent être signées dans d'autres balises, et une copie du code de production de CV personnel est jointe.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>13</title>
 <style>
  .center {
   border-collapse: collapse;
   margin: 0 auto;
   }
   td {
    width: 100px;
    height: 40px;
    text-align: center;
   }
 /*  .size {
    width: 300px;
    height: 120px;
   }*/
   .size~tr {
    width: 300px;
    height: 120px;
   }
 </style>
</head>
<body>
 <table border="1" class="center">
  <caption class="center">个人简历</caption>
  <tr>
   <td>姓名</td>
   <td></td>
   <td>性别</td>
   <td ></td>
   <td rowspan="3"></td>
  </tr>
  <tr>
   <td>出生年月</td>
   <td></td>
   <td>民族</td>
   <td></td>
  </tr>
  <tr>
   <td>籍贯</td>
   <td></td>
   <td>学历</td>
   <td></td>
  </tr>
  <tr>
   <td>毕业院校</td>
   <td></td>
   <td>专业</td>
   <td colspan="2"></td>
  </tr>
  <tr>
   <td>政治面貌</td>
   <td></td>
   <td>家庭住址</td>
   <td colspan="2"></td>
  </tr>
  <tr  class="size">
   <td>健康状况</td>
   <td></td>
   <td>联系电话</td>
   <td colspan="2"></td>
  </tr>
  <tr>
   <td>主修课程</td>
   <td colspan="4"></td>
  </tr>
  <tr>
   <td>个人技能</td>
   <td colspan="4"></td>
  </tr>
  <tr>
   <td>工作经历</td>
   <td colspan="4"></td>
  </tr>
 </table>
</body>
</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!