黑马程序pink老师网页制作学习笔记(三)文本格式化标签和图像标签

2021/12/7 22:19:34

本文主要是介绍黑马程序pink老师网页制作学习笔记(三)文本格式化标签和图像标签,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

文本格式化标签

在网页中,有时需要为文字设置粗体斜体下划线等效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。

标签语义:突出重要性,比普通文字更重要。

语义

标签

说明

加粗

<strong> </strong>或<b> </b>

更推荐使用<strong>加粗标签,语义更强烈

倾斜

<em> </em>或<i> </i>

更推荐使用<em>标签,语义更强烈

删除线

<del> </del>或<s> </s>

更推荐使用<del>标签,语义更强烈

下划线

<ins> </ins>或<u> </u>

更推荐使用<ins>标签,语义更强烈

“盒子”标签

<div>和<span>是没有语义的,它们就是一个盒子,用来装内容的。

<div> 这是头部 </div>                                                            

<span> 今日价格</span>                                                          

div是division的缩写,表示分割、分区。span意为跨度、跨距。

特点:

  1. <div>标签用来布局,但是现在一行只能放一个<div>。大盒子
  2. <span>标签用来布局,一行上可以多个<span>。小盒子

图像标签和路径(重点)

  1. 图像标签

在HTML标签中,<img>标签用于定义HTML页面中的图像。

<img src=”图像URL” />                                                            

img是单词image的缩写,意为图像。

src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。

所谓属性:简单理解就是属于这个图像标签的特性。

图像标签的其他属性:

属性

属性值

说明

src

图片路径

必须属性

alt

文本

替换文本。图像不能显示时,显示文字

title

文本

提示文本。鼠标放到图像上,显示文字

width

像素

设置图像的宽度

height

像素

设置图像的高度

border

像素

设置图像的边框粗细

<img src=”图像URL”  alt=””   title=””  width=”1000”  height=”500”  border=”15” >                 

图像标签注意点:

图像标签可以拥有多个属性,必须写在标签名后面。

属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

属性采取键值对的格式,即key=”value”的格式,属性=”属性值”,例如height=”500”



这篇关于黑马程序pink老师网页制作学习笔记(三)文本格式化标签和图像标签的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程