首页 > 其他分享 >简单html

简单html

时间:2023-02-21 21:58:33浏览次数:24  
标签:包含 表格 标签 li html 简单 alt 列表

srong加粗
ins下划线
em倾斜
del删除线

<hr>分割线
<p></p>整段
<a href="此为跳转网站">此为跳转内容 </a>

图片标签
<img src="" alt=""title="">(src,alt标签属性,src后加图片文件名 alt当图片加载不出时,显示alt后内容;title后是鼠标悬停显示)
<audio src="" controls></audio>音频 (controls显示播放的进度条)
<video src="" controls></video> 视频 (controls进度条显示)

无序列表(最前面是·)

ul在外面(只能包含li标签)
li在里面(可以包含任何标签)
<ul>
<li></li>
<li></li>
......
</ul>

有序列表(最前面是数字)

ol在外面(只能包含li标签)
li在里面(可以包含任何标签)
<ol>
<li></li>
<li></li>
......
</ol>

自定义列表

dl(只允许dt/dd标签)
dt(自定义列表主题)
dd(每一项内容)

<dl>
<dt>
<dd></dd>
.......
</dt>

</dl>


表格
table 表格整体
tr 行
td 表格单元格
table>tr>td
<table border="">(border是边框,width是宽,height是长)
<tr>
<td></td>
</tr>

<tr>
<td></td>
</tr>
.......
</table>

例如
<html>
<body>


<table border="2">
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<td>周</td>
<td>男</td>
<td>20</td>


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

 

表格标签

caption 表格大标题
th 表头单元格(加粗效果)


例如
<html>
<body>


<table border="2">
<tr>
<caption><h2>信息</h2></caption>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<td>周</td>
<td>男</td>
<td>20</td>


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

标签:包含,表格,标签,li,html,简单,alt,列表
From: https://www.cnblogs.com/zjq164/p/17142593.html

相关文章