Maison >interface Web >tutoriel HTML >Exemple d'introduction aux balises HTML
Exemple d'introduction aux balises HTML
- 零下一度original
- 2017-07-19 17:03:381436parcourir
<!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>
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>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>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!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Une introduction détaillée aux groupes de listes BootstrapArticle suivant：Une introduction détaillée aux groupes de listes Bootstrap