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:默认,从左向右
网友评论