Heim > Artikel > Web-Frontend > Beispielhafte Einführung in HTML-Tags
Beispielhafte Einführung in HTML-Tags
- 零下一度Original
- 2017-07-19 17:03:381412Durchsuche
<!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>
Wenn der href-Attributwert des a-Tags leer ist, wird das a-Tag zu einem versteckten Ankerpunkt. Es scheint, dass das href-Attribut nichts hat, aber es springt, wenn Sie mit der Maus darauf klicken.
Tabellen-Tag
<!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 Diese Tags können in anderen Tags angemeldet werden, und eine Kopie des persönlichen Lebenslauf-Produktionscodes ist beigefügt.
<!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>Das obige ist der detaillierte Inhalt vonBeispielhafte Einführung in HTML-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Eine ausführliche Einführung in Bootstrap-ListengruppenNächster Artikel：Eine ausführliche Einführung in Bootstrap-Listengruppen