html常用标签

HTML全称超文本标记语言（HyperText Markup Language)
<!DOCTYPE>声明文档类型，告诉浏览器要用h5标准来解析（重点）
网页由三部分组成：结构层（html）、表现层（css）、行为层（JavaScript）
h5支持自定义标签

herf 和src的区别

herf 超文本引用
        当前元素与外部资源建立一种联系
src  资源引入
        当前元素正确显示必须的资源

语义化

语义化标签：
一个语义化标签能够描述其代表的意义，比如：h1代表一级标签
什么是语义化：
就是能够根据内容，选择相应的语义化标签进行代码书写。比如一段话，用p标签
语义化的优点：
1.在没有css的情况下，也能够很好的展示我们的内容结构
2.提高用户体验，比如lable标签和title属性的使用
3.有利于SEO,和浏览器建立良好的沟通，有利于爬虫获取更多的信息，可以根据使用的标签来确定各个关键词的权重
4.有利于其他设备的解析，比如盲人阅读器，可以根据语义化标签进行有感情的朗读
5.有利于团队开发和维护，语义化更具有可读性

标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
字体默认加粗
快捷写法：h${内容}*6 ，按tab键
一个页面尽可能只有一个h1标签

div标签

<div>内容</div>

span标签

 <span>这是个span标签</span>

p标签

<p>这是p标签</p>

link标签

网页标题图标
<link rel="icon" href="img/favicon.ico">
引入css样式
<link rel="stylesheet" href="index.css">

img标签

<img src="../img/footer.png" alt="图片">
alt属性当图片加载失败时，用来提示用户
相对路径：相对于文件的位置来查找目标文件
绝对路径：从文件根目录开始查找
./表示当前目录
../表示返回上一级目录

i标签

<i>斜体</i>
显示为斜体，一般用于显示图标的容器

b标签

<b>加粗标签</b>

strong标签

<strong>加粗标签，强调语气作用</strong>

em标签

<em>斜体，加强语气作用</em>

del标签

<del>删除文本</del>

sup标签

上标
x<sup>2</sup>

sub标签

下标
h<sub>2</sub>

ruby标签&rt标签

<ruby>陈<rt>chen</rt></ruby>

abbr

<abbr title="League of Legends">LOL</abbr>
abbr缩略词

mark

<mark>文本标记</mark>

bdo

定义文字的方向
<bdo dir="rtl">从右向左</bdo>
rtl:从右向左
ltr:默认，从左向右