HTML框架、文本格式化、图像和超链接标签

1、布局框架标签

2、文本格式化标签

3、图像标签

4、路径

5、超链接标签

 

 

 

 

1、布局框架标签

　　div：div标签是块级元素，它包含的元素会自动换行，没有上下间隔间距。

　　span：span标签是行内元素，在它的前后不会换行，有多宽占多宽。

 

2、文本格式化标签

标签	说明
b、strong	加粗
u、ins	下划线
i、em	倾斜
s、del	删除线

 

 

 

 

 

 

 

 

3、图像标签　　

　　<img src="图像路径" alt="当图片无法显示时替换成此处"  title="鼠标放上去显示文字" >

属性	属性值	说明
src	图片路径	必须属性
srcset、sizes	图片路径	根据不同屏幕、像素密度显示不同图片
alt	文本	替换文本，图像不能显示时的文字
title	文本	提示文本，鼠标放上去显示的文字
width	像素	设置图像宽度
height	像素	设置图像高度
border	像素	设置图像边框粗细

 

 

 

 

 

 

 

 

 

 

4、路径

　　绝对路径：目录下的绝对位置，可以从盘符开始，也可以是具体网站上的一张图片。

　　相对路径：图片相对于HTML页面的位置，下一级路径用符合/，上一级路径用符合../ 。

 

5、超链接标签 

　　<a href="跳转目标" target="目标窗口的弹出方式" 文本或图像> </a>

属性	作用
href	用于指定目标链接的url地址，必须属性
target	用于指定目标链接的打开方式，_self为默认值，_blank为在新窗口中打开方式