一. html标签
所有的网页内容都需要编写在html标签中
一个页面中的html标签只能有一个
html标签中有两个子标签：head、body
<html> …… </html>
二. head标签
head标签用来表示网页的元数据
head标签包含了浏览器和搜索引擎使用的信息，head标签中的内容不会在网页显示
<head> …… </head>
三. body标签
body标签用来设置网页的主体
所有在页面中可以看见的内容都应该编写在body标签中
<body> …… </body>
四. title标签
title表示网页标题，会显示在浏览器的标题栏
<head> <title>Title</title> </head>
五. h1~h6标签
h1~h6 分别对应一级~六级标题
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>
六. p标签
p标签代表一个段落
<body> <p>段落</p> </body>
七. br标签
br 标签代表换行
br标签是空元素
br标签是行级标签
<br />
八. hr标签
hr 是水平线标签
hr标签是空元素
<hr />
九. img标签
img常用属性:
-
src：指向图片的路径
-
alt：图片的描述（图片加载不出来的时候会显示图片描述内容）
-
width：图片宽度
-
height：图片高度
-
如果只设置width或者height，则根据width或者hight等比缩放
<img height="20px" width = "30px" src='a.png' alt="网站logo"/>
注意，img是自结束标签
十. a标签
a标签是超链接标签
a标签是行级标签
a标签常用属性：
-
href：跳转的地址
-
target：打开目标页面的位置
-
_blank：新窗口打开
-
_self：当前窗口打开
<a href="https://www.google.com" target="_blank">Google</a>
-
name 属性：name 属性用来定义锚（anchor）的名称，可以链接到某个页面的具体的位置
<html> <body> <p> <a href="#zj">点我跳转到文章底部</a> </p> …… <p> <a name="zj">文章底部</a> </p> </body> </html>
十一. meta标签
meta标签主要用于提供有关页面的元信息，比如针对搜索引擎的关键字和描述
meta标签位于head标签内
meta标签的属性定义了与文档相关联的名称/值对
meta是一个自结束标签
meta的常见用法
-
设置页面的字符集
<meta charset='字符集'/>
-
设置页面的描述
<meta name='description' content='描述内容'/>
-
设置网页的关键字
<meta name='keywords' content='关键字1,关键字2,...'/>
十二. 转义
| 字符名称 | 字符 | 转义字符 |
| 小于号 |
< |
< |
|
大于号 |
> |
> |
|
空格 |
|
|
| 与 | & |
& |
| 版权 | © |
© |
| 引号 | ” |
" |
| 注册商标 | ® |
® |
| 商标 | ™ |
™ |
请登录之后再进行评论