接上文:#【MER】第一天:HTML、css#
我这不建议使用内嵌样式与行内样式对各种标签进行修饰样式。本文讲的是外联样式。内嵌样式和行内样式可自行前往相关文档和网站查询。![[勉强]](/public/face/f26.png)
今天我们来讲一下标签和路径![[爱心]](/public/face/f34.png)
![[爱心]](/public/face/f34.png)
文本标签:段落标签p,水平线标签hr,换行标签br,文本格式标签b、strong、ins、em等。
文本语义标签:time(时间)标签、mark(高亮)标签与cite(文献说明)标签。
特殊字符标签:“ ”、“>”、“<”、“&”等的代码。
图片标签:img
------- 文本标签 -------![[星星月亮]](/public/face/f39.png)
段落标签p:在网页中,需要把文字有条理的显示出来,离不开段落标签,如同在写文章的时候,都是分成若干个段落,在网页中,我们使用
标签来定义段落。
格式如下图:

水平线hr:顾名思义就是一条直线,把段落与段落进行隔开,使得文档内容更加清晰明了,水平线可用
标签来定义。
格式如下图:

换行标签br:如果需要将文本强行换行,就需要用到我们的
标签。
格式如下图:

文本格式化标签:在网页中,我们经常见到文本的斜体、或者下划线等一些特殊显示的文本效果。
格式如下图:

------ 文本语义标签 ------![[太阳]](/public/face/f40.png)
time标签:顾名思义就是表示时间的标签。其不会再浏览器中不会有任何特殊效果。但是能够为机器可读的方式对日期和时间进行编译。
如下图:

mark标签:主要功能是在文本中高亮显示某些字符,该元素与em标签和strong标签有相似之处,但是使用mark标签在突出显示样式时更随意灵活。
如下图:

cite标签:其可创建一个引用,用于对文档引用参考文献的说明,一旦在文档中使用,被标注的文档内容会以斜体的样式展示在页面中,以区别于段落中的其他字符。
如下图:

------- 特殊标签 -------[铅笔][铅笔]
“ ”:空格符,其代码:&nbsp;
“<”:小于号,其代码:&lt;
“>”:大于号,其代码:&gt;
“&”:和号,其代码:&amp;
“¥”:人民币,其代码:&yen;
等其他特殊符号自行前往相关文档或者网站查询

-------- 图片标签 -------![[真棒]](/public/face/f13.png)
今天讲的重点在于图片标签,其的重要点在网页中能够无处不在,无论大小网站都需要用到各式各样的图片,这样才能显示出网站应有的样子。文字与图片搭配,是最原始的做法,但是随着网络的发展和各式各样的追求,使得文字与图片出现各式各样的搭配。
图片标签:![]()
如下图(图九):
----- 路径 ---- 在实践中,不建议使用绝对路径
绝对路径:网页上的文件或目录在硬盘上的真正路径,如“E:\源码\a文件\某.jpg”,或完整网站如:“
”。
相对路径:在当前文件的路径,通过层级关系描述目标图像的位置。有三种
如下图(图十):
--
![[哈哈]](/public/face/f02.png)
由于图片只能够发九张,所以剩下的我会发在评论区
![[哈哈]](/public/face/f02.png)
--
下期带大家了解一下其他
属性:width(宽)、height(高)
边框:border
内边距、外边距等
最后再来一张我们团队的图片
![[花心]](/public/face/f20.png)
![[玫瑰]](/public/face/f36.png)

举报 0