2024.10.21 学习基本标签和文本
标题标签:<title>用于显示菜单地址栏的标题
<h1>、<h2>.....<h6>标题用于文本中,大小逐渐变小
段落标签:<p> 默认每个段落前没有缩进
换行标签:<br/>
文本标签: 粗体:<strong>、<b>
斜体:<em>(常用)<i>、<cite>
上标:<sup>
下标:<sub>
中划线:<s>
下划线:<u>
水平线标签:<hr/>
div标签:划分区域
块元素特点:
(1)块元素独占一行,排斥其他元素(包括块元素和行内元素)与其位于同一行。
(2)块元素内部可以容纳其他块元素和行内元素。
特殊符号: (空格) 一个汉字大约占三个空格
2024.10.23 学习列表
在HTML中,列表共有3种:有序列表、无序列表和定义列表。
有序列表:ol,即ordered list(有序列表);li,即list(列表项)。
在该语法中,<ol>和</ol>标志着有序列表的开始和结束,而<li>和</li>标签表示这是一个列表项。一个有序列表可以包含多个列表项。
无序列表:ul,即unordered list(无序列表)。li,即list(列表项)。
在该语法中,使用<ul></ul>标签表示一个无序列表的开始和结束,<li>表示这是一个列表项。一个无序列表可以包含多个列表项。
ul元素的子元素只能是li元素,不能是其他元素。
定义列表:由名词和描述组成。
dl即definition list(定义列表);dt即definition term(定义名词);而dd即definition description(定义描述)。
在该语法中,<dl>标记和</dl>标记分别定义了定义列表的开始和结束,dt标签用于添加要解释的名词,而dd标签用于添加该名词的具体解释。
2024.10.24 学习表格和图片
<table>:表示表格
<tr>:table row 表示行
<td>:table data cell 单元格
<caption>:表格标题
<th>:table header cell 表头单元格
<thead>、<tbody>、<tfoot>:无实际意义,表逻辑
<td rowspan="数字">:合并行
<td colspan="数字">:合并列
在HTML中,我们可以使用img标签来显示一张图片。对于img标签,只需要掌握它的3个属性:src、alt和title。
图片标签:<img src=" 图片路径" alt="图片无法显示时显示的文字" title="鼠标放到上面时显示的文字">
scr 和 alt 是必选属性,一定要添加。title 是可选属性,可加可不加
在实际开发中,不论是图片还是超链接,一般使用相对路径,几乎不会使用绝对路径
图片的格式分为 位图和矢量图
位图:放大或缩小会失真
jpg(或jpeg):不支持保存透明背景,适合颜色丰富的图片
png:,支持保存透明背景,可以无损压缩,但不适合颜色丰富的图片
gif:图片效果差,但适合制作动画
矢量图:放大缩小不会失真。
.swf(常见,指Flash动画) / .ai / .cdr / .fh
2024.10.26 学习超链接
超链接标签:<a href="链接地址">文本或图片</a>
target属性:<a href="链接地址" target="打开方式"></a>
打开方式:_self----在原来窗口打开(默认)
_blank-----在新窗口打开
————————————————
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/bs_xiaocaiji/article/details/143167316