前端开发第二节课

HTML常用的标签

文本格式化标签

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

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

• 加粗 <strong></strong>或者<b></b>
• 倾斜<em></em>或者<i></i>
• 删除线<del></del>或者<s></s>
• 下划线 <ins></ins>或者<u></u>

<div>和<span>标签

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

<div>这是头部</div>

<span>今日价格</span>

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

特点:

1.<div>标签是用来布局，但是现在一行只能放一个<div>，大盒子

2.<span>标签用来布局，一行上可以多个<span>,小盒子

图像标签

<h4>图像标签的使用:</h4>
    <img src="img.jpg" />
    <h4>alt 替换文本 图像显示不出来的时候用文字替换:</h4>
    <img src="img1" alt="我是靳向阳">
    <h4>title提示文本鼠标放到图像上，提示的文字：</h4>

    <img src="img.jpg" alt="我是靳向阳" title="我是靳老师思密达" />
    <h4>height给图像设定高度：</h4>
    <img src="img.jpg" alt="我是靳向阳" title="我是靳老师思密达" width="500" height="100" />
    <h4>border给图像设定边框</h4>
    <img src="img.jpg" alt="我是靳向阳" title="我是靳老师思密达" width="500" border="15" />

效果图

 

 1.图像标签

图像标签属性注意点：

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

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

属性采取键值对的格式，即key="value"的格式，属性="属性值"

重点掌握点：

请说出图像标签那个属性是必须要写的？

src

请说出图像标签中alt和title属性区别？

替换和提示