2024.10.21 今天练习了文本和各种标签
标题标签:<title>用于显示菜单地址栏的标题
<h1>、<h2>.....<h6>标题用于文本中,大小逐渐变小
段落标签:<p> 默认每个段落前没有缩进
换行标签:<br/>
文本标签: 粗体:<strong>、<b>
斜体:<em>(常用)<i>、<cite>
上标:<sup>
下标:<sub>
中划线:<s>
下划线:<u>
水平线标签:<hr/>
div标签:划分区域
特殊符号: (空格) 一个汉字大约占三个空格
2024.10.22 今天练习了列表和表格
有序列表:<ol> <ol type="属性">
属性:1,a,A,i,l
无序列表:<ul> <ul type="属性">
属性:cicle,disc,square
定义列表:<dl>
定义名词:<dt>
定义解释:<dd>
--------------------------------------------------------------------
<table>:表示表格
<tr>:table row 表示行
<td>:table data cell 单元格
<th>:table header cell 表头单元格
<caption>:表格标题
<thead>、<tbody>、<tfoot>:无实际意义,表逻辑
<td rowspan="数字">:合并行
<td colspan="数字">:合并列 (colmn 列)
2024.10.26 今天练习了图片和超链接
图片标签:<img src=" 图片路径" alt="图片无法显示时显示的文字" title="鼠标放到上面时显示的文字">
scr 和 alt 是必选属性,一定要添加。title 是可选属性,可加可不加
在实际开发中,不论是图片还是超链接,一般使用相对路径,几乎不会使用绝对路径
图片的格式分为 位图和矢量图
位图:放大或缩小会失真
jpg(或jpeg):不支持保存透明背景,适合颜色丰富的图片
png:,支持保存透明背景,可以无损压缩,但不适合颜色丰富的图片
gif:图片效果差,但适合制作动画
矢量图:放大缩小不会失真。
.swf(常见,指Flash动画) / .ai / .cdr / .fh
超链接标签:<a href="链接地址">文本或图片</a>
target属性:<a href="链接地址" target="打开方式"></a>
打开方式:_self----在原来窗口打开(默认)
_blank-----在新窗口打开
内部链接:与图片中相对路径意思相同
锚点链接:快速导航
标签:2024.10,网页,标签,HTML,超链接,table,设计,图片,属性 From: https://blog.csdn.net/bs_xiaocaiji/article/details/143167316