【MER】HTML的标签和路径

编程开发   © 文章版权由 admin 解释,禁止匿名转载

#楼主# 2023-1-8

接上文:#【MER】第一天:HTML、css#
我这不建议使用内嵌样式与行内样式对各种标签进行修饰样式。本文讲的是外联样式。内嵌样式和行内样式可自行前往相关文档和网站查询。[勉强]

今天我们来讲一下标签和路径[爱心][爱心]

文本标签:段落标签p,水平线标签hr,换行标签br,文本格式标签b、strong、ins、em等。

文本语义标签:time(时间)标签、mark(高亮)标签与cite(文献说明)标签。

特殊字符标签:“ ”、“>”、“<”、“&”等的代码。

图片标签:img

------- 文本标签 -------[星星月亮]

段落标签p:在网页中,需要把文字有条理的显示出来,离不开段落标签,如同在写文章的时候,都是分成若干个段落,在网页中,我们使用

标签来定义段落。
格式如下图:


水平线hr:顾名思义就是一条直线,把段落与段落进行隔开,使得文档内容更加清晰明了,水平线可用


标签来定义。
格式如下图:


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

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


------ 文本语义标签 ------[太阳]

time标签:顾名思义就是表示时间的标签。其不会再浏览器中不会有任何特殊效果。但是能够为机器可读的方式对日期和时间进行编译。
如下图:


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

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

------- 特殊标签 -------[铅笔][铅笔]

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


-------- 图片标签 -------[真棒]

今天讲的重点在于图片标签,其的重要点在网页中能够无处不在,无论大小网站都需要用到各式各样的图片,这样才能显示出网站应有的样子。文字与图片搭配,是最原始的做法,但是随着网络的发展和各式各样的追求,使得文字与图片出现各式各样的搭配。
图片标签:
如下图(图九):

----- 路径 ---- 在实践中,不建议使用绝对路径

绝对路径:网页上的文件或目录在硬盘上的真正路径,如“E:\源码\a文件\某.jpg”,或完整网站如:“

本帖含有隐藏内容,请您 回复 后查看
”。
相对路径:在当前文件的路径,通过层级关系描述目标图像的位置。有三种
如下图(图十):

--[哈哈]由于图片只能够发九张,所以剩下的我会发在评论区[哈哈]--
下期带大家了解一下其他
属性:width(宽)、height(高)
边框:border
内边距、外边距等

最后再来一张我们团队的图片[花心][玫瑰]

沙发
庸年 2023-1-8
图九的图片[太阳]

板凳
庸年 2023-1-8
图十的图[勉强]

4楼
无念 2023-1-8
[滑稽]
5楼
庸年 2023-1-8
[勉强]漂亮
6楼
庸年 2023-1-8
[怒]你个大水怪
7楼
昵称617821 2023-1-23
期待新的一期
8楼
昵称617821 2023-1-23
有没有交流的地方啊
9楼
庸年 2023-1-24
加入MER团队交流群即可 在本版块置顶帖
快更讲一下css的盒模型

评论

登录后才可发表内容
  • 主题

    3

  • 帖子

    42

  • 关注者

    0

Copyright © 2019 凯特网.   Powered by HYBBS 2.3.4  

Runtime:0.0944s Mem:2159Kb