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为在新窗口中打开方式
posted @ 2022-05-07 14:45  DarkWang  阅读(65)  评论(0)    收藏  举报