一,html基本语法
1,标签分类
闭合标签(双标签):
成对出现,前边的(<a href="#">)叫做开始标签,后边的(</a>)叫做结束标签,开始标签与结束标签之间的是 内容
eg:
<h1>contnt大标题</h1>
自封闭标签(单标签,自封闭标签)
单标签没有内容,只有开始标签,结束标签就是开始标签,在开始标签中自行封闭
eg:
<meta charset="UTF-8"/>
<br/>
在html4.01之前,单标签后边的/是必须写的,但是H5是一个宽松的版本,/可以不写
2,html5:规范
html5规范相当宽松,标签不区分大小写(<A></a>),双标签不写结束标签不会报错
,但是会有一些小问题,单标签可以不写斜杠没有问题,属性值可以不写引号,
但是这些在html4.01之前都是不可以的,并且w3c建议大家在H5中都使用小写字母
写标签
3,元素的层级关系
<html>
<head>
<title>content</title>
</head>
<body>
<a></a>
<p></p>
</body>
</html>
html是head和body的父亲(父元素)
head和body是兄弟关系
a和p是兄弟关系,是body的儿子,是html的孙子。
4,html注释
ctrl+/
<-- 注释 -->
注释是给程序员看的,告诉程序员这一句代码是什么意思,浏览器不会解析注释,用户是看不到注释内容的,
二,html基础标签
1,a标签
超链接标签
语法:
<a href="http://www.baidu.com" title="百度的说图" target="_self">百度</a>
a标签的三大属性:
href:超文本地址(hyper reference),a标签必须要有这个属性,如果没有href,a标签将没有意义,href的值指向 一个网络资源(href文件)
title:定义鼠标悬浮展示文本,
target:定义新的文档在哪里打开
_self:新文档在当前窗口打开
_blank:新文档在新窗口打开
1)a标签可以连接跳转到一个网络地址
eg:
<a href="htttp://www.baidu.com">百度</a>
2)a标签可以跳转到我们自己的页面
eg:
<a href="02_a标签.html">返回</a>
<a href="01_html5规范.html">01_html5规范</a>
3)a标签可以跳转到自己身体的某一个部分
设置锚点:
(1)使用id设置锚点,id可以给任何标签设置锚点
eg:
<p id="t">content</p>
(2)使用name设置锚点,name只可以给a标签设置锚点,不能给其他的标签
设置锚点
eg:
<a name="tt">content</a>
4)a标签可以从一个文档跳转到另一个文档的锚点位置
eg:
<a href="03_a标签页内跳转.html#tt">兔兔</a>
A页面跳转到B页面的锚点位置
5)a标签可以用于发送电子邮件,前提是电脑安装了电子邮件的软件
eg:
<a href="mailto:lisi@163.com">发送电子邮件</a>
6)a标签可以做伪下载,只能下载压缩包
eg:
<a href="images.zip">下载</a>
2,H标签
以标题渲染文本,
标签选择的依据,根据语义选择标签,而不是根据效果选择标签,
语义:为文本添加标题,标题标签只有6个,H1-H6
权重:h1最大,以此类推
H标签是双标签,闭合标签
1,标签分类
闭合标签(双标签):
成对出现,前边的(<a href="#">)叫做开始标签,后边的(</a>)叫做结束标签,开始标签与结束标签之间的是 内容
eg:
<h1>contnt大标题</h1>
自封闭标签(单标签,自封闭标签)
单标签没有内容,只有开始标签,结束标签就是开始标签,在开始标签中自行封闭
eg:
<meta charset="UTF-8"/>
<br/>
在html4.01之前,单标签后边的/是必须写的,但是H5是一个宽松的版本,/可以不写
2,html5:规范
html5规范相当宽松,标签不区分大小写(<A></a>),双标签不写结束标签不会报错
,但是会有一些小问题,单标签可以不写斜杠没有问题,属性值可以不写引号,
但是这些在html4.01之前都是不可以的,并且w3c建议大家在H5中都使用小写字母
写标签
3,元素的层级关系
<html>
<head>
<title>content</title>
</head>
<body>
<a></a>
<p></p>
</body>
</html>
html是head和body的父亲(父元素)
head和body是兄弟关系
a和p是兄弟关系,是body的儿子,是html的孙子。
4,html注释
ctrl+/
<-- 注释 -->
注释是给程序员看的,告诉程序员这一句代码是什么意思,浏览器不会解析注释,用户是看不到注释内容的,
二,html基础标签
1,a标签
超链接标签
语法:
<a href="http://www.baidu.com" title="百度的说图" target="_self">百度</a>
a标签的三大属性:
href:超文本地址(hyper reference),a标签必须要有这个属性,如果没有href,a标签将没有意义,href的值指向 一个网络资源(href文件)
title:定义鼠标悬浮展示文本,
target:定义新的文档在哪里打开
_self:新文档在当前窗口打开
_blank:新文档在新窗口打开
1)a标签可以连接跳转到一个网络地址
eg:
<a href="htttp://www.baidu.com">百度</a>
2)a标签可以跳转到我们自己的页面
eg:
<a href="02_a标签.html">返回</a>
<a href="01_html5规范.html">01_html5规范</a>
3)a标签可以跳转到自己身体的某一个部分
设置锚点:
(1)使用id设置锚点,id可以给任何标签设置锚点
eg:
<p id="t">content</p>
(2)使用name设置锚点,name只可以给a标签设置锚点,不能给其他的标签
设置锚点
eg:
<a name="tt">content</a>
4)a标签可以从一个文档跳转到另一个文档的锚点位置
eg:
<a href="03_a标签页内跳转.html#tt">兔兔</a>
A页面跳转到B页面的锚点位置
5)a标签可以用于发送电子邮件,前提是电脑安装了电子邮件的软件
eg:
<a href="mailto:lisi@163.com">发送电子邮件</a>
6)a标签可以做伪下载,只能下载压缩包
eg:
<a href="images.zip">下载</a>
2,H标签
以标题渲染文本,
标签选择的依据,根据语义选择标签,而不是根据效果选择标签,
语义:为文本添加标题,标题标签只有6个,H1-H6
权重:h1最大,以此类推
H标签是双标签,闭合标签