web前端常用标签大全图（web前端标签大全图）

本文编程学习网主要和大家介绍web前端常用标签大全图，通过具体的代码向大家展示，希望对大家学习web前端编程入门有所帮助。

一 常用标签

div 块

img 图片（单标签）

a 链接、下载、锚点

h1-h6 标题

p 段落

span 区分样式

ul 无序列表

ol 有序列表

li 列表项

dl 定义列表

dt 定义列表标题

dd 定义列表项

strong 强调（粗体）

em 强调（斜体）

sub 下标

sup 上标

<br/> 换行

<hr>定义水平线

strong 标签和 em标签一样，用于强调文本，但它强调的程度更强一些。

二img图片标签/a标签
<img src="文件路径" alt="图片名"/> 图片标签

必须属性 src='路径'

width 图片宽度

height 图片高度

alt属性 图片名字 给百度搜索引擎抓取使用(SEO)

title 标题 给用户提示信息（有利于用户体验）

display:block;处理图片中的间隙问题

三a标签
<a href='url'></a>(超链接标签)： 链接 | 下载 | 锚点

链接: href='url' 中url是一个网页地址

绝对 URL - 指向另一个站点（比如 href="http://www.baidu.com"）

相对 URL - 指向站点内的某个文件（href="index.html"）

下载：href='url'中url是一个软件就会下载

锚点：href='#ID名' 锚点

target 链接打开方式

_blank 新窗口（空白页面）

_self 当前窗口

<base target="_blank" href=''/> 定义默认网页打开方式 及 url

四 路径
路径中的：

相对路径 先对于当前文档位置出发（推荐使用）

绝对路径——路径名称不能出现中文

本地绝对路径：从盘符出发

D:\a\b\c\d\6.jpg

网络绝对路径：从域名出发

http://xxx.com/xxx.png

!需要跳到上一级要../ 如果要跳两级../../
以上就是“web前端常用标签大全图”的详细内容，想要了解更多web前端教程欢迎持续关注编程学习网