排版标签的汇总
难道这就完了吗?咱们的标签就只有这些常用的吗?那当然不是,咱们接下来再看我们的文本格式化标签。
文本格式化标签
文本格式化标签的作用:通常文本格式化标签主要用于网页中文字样式的设置,比如字体加粗、斜体或下划线等效果,当然后期也会通过CSS样式来实现,会更加完美。
常见的文本格式化标签如下:
文本格式化标签
它们分别的区别:
- b和strong:b标签只是加粗,strong除了加粗,还具有强调的意思,更具语义化。
- i和em:i只是让文本显示斜体的效果,而em在斜体的效果上加强了语义。
- s和del:s只是让文本显示删除线,而得了不仅显示删除线,还加强了语义。
- u和ins:u只是添加了下划线,而ins不仅显示了下划线,还加强了语义。
我么网页中除了排版标签、文本格式化标签,当然还少不了图片标签(img),通过图片的展示,会让整个页面更加的生动形象。那么下面再来看一下这个标签吧。
图片标签(img)
- 缩写来源:img的英文单词是image,表示图像、影像的意思。
- 语义:用于显示图片内容。
- 语法格式:<img src='图像url' />,在这个的语法中,我们发现img标签使用了src属性,这个属性主要是用于指定图像的文件路径,也是img的必须属性。
- img标签常见属性如下所示:
img标签属性
- 标签特点:img标签主要是用于在网页中插入图像,它是一个单标签。
- 知识点扩展:通过img标签,我们会发现,html标签除了自身外,它们还具有一些属性,这些属性,我们称为标签属性,通过标签属性可以设置标签的一些外在特性。标签属性的基本语法格式:<标签名 属性1="值1" 属性2="值2" ...>内容 </标签名>。
标签属性的特点:
- 一个标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
- 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
- 任何标签的属性都有默认值,省略该属性则使用默认值。
- 标签的属性采用的是键值对的格式key="value"的形式。
图片标签属性使用
链接标签
- 缩写来源:a标签的英文单词是anchor,表示锚、铁锚的意思。
- 语义:表示超文本链接。
- 语法格式:<a href ="跳转目标" target="目标窗口的弹出方式">文本或图像</a>。
- 常见的属性: