一. HTML文档结构
1.1 文档声明
1.html5
的声明
<!DOCTYPE html>
1.2 文档的标签
<html> <head> <title></title> </head> <body> </body> </html>
二. 常用的标签
2.1 meta标签
meta
标签表示网页的源数据,是一个自结束标签
meta标签的用法:
-
设置页面的字符集
<meta charset=”utf-8”/>
-
设置网页的描述
<meta name=”description” content=””/>
. 设置网页的关键字<meta name=”keyword” content=””/>
-
请求重定向
<meta http-equiv=”refresh” content=”5;url=地址”/>
2.2 标题标签
h1~h6
h1
最为重要,显示的字体也最大
2,3 段落标签
段落标签使用p
标签,会独占一行
2.4 换行标签
<br >
换行标签 在开发中很少用到
<hr >
水平线标签 在开发中很少用到
2.5 实体的引用
在页面中有一些符号不能正确显示,那么就要用实体代替.一些常见的实体.
空格
<
小于号<
>
大于号>
2.6 超链接
使用<a>
标签表示超链接
<a href=""></a>
1.href属性中是一个链接的地址
-
相对地址:
../
上一级目录./
当前文件所在的路径(可以省略不写) -
绝对地址:
file:///
以后开发中不会用到http://www.baidu.com
网页使用其他网站的资源都会使用这种绝对路径/
相对于根目录来 -
href使用的另一种方式:
-
在元素中加上id属性,这个元素就会成为一个锚点,然后在href中写上#id名,点击超链接就会跳到对应的锚点上去,href中输入的是#或者是#top,点击之后都会回到顶部
-
直接去新的页面的某个锚点:href="地址#锚点"
-
2.target属性表示链接的地址用什么方式打开
-
在当前(自身)页面打开:
target="_self"
默认值 -
在新的页面打开:
target="_blank"
2.7 title属性
title属性是一个全局属性,也就是所有元素都可以用的属性,表示当鼠标悬停在元素上方一定时间之后, 会有一个文本提示.