HTML简介
1、网页就是使用纯文本写的
2、纯文本中只能保持文本内容,图片、视频、 音频等格式化的内容都不能设置
HTML基本格式
1、标签需要有开始和结束。例如 <h1>文本内容</h2>
2、根标签<html></html>有且只有一个,网页所有的内容都要写到根标签里面
3、子标签<head></head> <body></body> 两个同级
4、head标签不会在网页中直接显示,只是用于设置一些信息给浏览器使用,帮助浏览器解析页面的
5、body网页主体,需要展示的内容要写到这个里面,网页中所有可见的内容
6、head子标签内部还有title标签<title><title>
5、title标签网页标题,对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名
HTML注释
1、注释格式 <!-- 注释内容 -->
2、属性:
可以通过属性来设置标签如何处理标签中的内容
必须要再开始标签中添加属性,实际及时一个名值对的结构
属性名 = "属性值"
HTML编码问题
1、产生乱码的根本原因,编码和解码采用的字符集不同
2、常见字符集:
ASCII
ISO-8859-1
GBK
GB2312
UTF-8
ANSI 自动根据系统的语言保存文件保存为什么编码
3、在中文系统的浏览器中,默认使用的解码为GB2312
HTML常用标签
标题标签
1、在html中共有六级标题标签 h1~h6,显示效果中h1最大,h6最大,但是文字的大小我们并不关心
2、使用html标签是,关心的是标签的语义,我们使用的标签都是语义化标签
3、h1最重要会影响到页面在搜索引擎中的排名,h2~h6重要性依次降低,页面只能写一个h1
段落标签
1、用于表示内容中的一个自然段
2、p标签中的文字,默认会独占一行,并且段与段之间会有已给间距
3、在html中,字符之间写再多的空格,换行等都会当成一个空格
4、在页面中可以使用br标签来表示一个换行
5、hr标签也是一个自结束标签,可以在页面中生成一条水平线
HTML转义
1、在html中,一些入< > 中特殊字符是不能直接使用的,需要使用一些特殊的符号来表示特殊字符,叫做实体(或者叫做转义符)
浏览器解析到实体时,会自动将实体转换成对应的字符
实体的语法:
&实体的名字,例如 <小于 >大于 空格 ©版权符
图片标签
1、使用img标签向网页中引入一个外部图片
2、img同样是一个自结束标签
3、属性:
src:设置一个外部图片的路径
alt:用来设置在图片不能显示时,对图片的描述
搜索引擎可以通过alt属性来识别不同的图片
如果不写alt,则搜索引擎不会对img中的图片进行收录
width:用来修改图片宽度,单位:px
height:用来修改图片的高度 单位:px
当宽度和高度两个属性只设置一个,另一个同时会等比例调整
meta标签
1、可以设置网页的关键字content为关键字,name用于描述content
2、meta可以用来做请求的重定向
xHTML语法规范
1、HTML中不区分大小写,但是一般都使用小写
2、HTML中注释不能嵌套
3、HTML标签必须结构完整,要么成对出现,也么自结束标签
4、HTML标签可以嵌套,但是不能交叉嵌套
5、HTML标签中的属性必须有值,且值必须加引号
内联框架
1、可以引入一个外部的页面,使用iframe来创建一个内联框架
属性:
scr:指向一个外部页面的路径,。可以使用相对路径
width:
height:
name:可以为内联框架指定一个name属性
2、再显示开发中不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎所检索
超链接
1、使用超链接可以让我们从一个页面跳转到另一个页面,使用的标签是a标签<a></a>
属性:
href: 指向联机诶跳转的目标地址,可以写一个相对路径也可以写一个完整的地址
2、a标签中的target属性可以用来指定打开链接的位置
可选值:
_self,表示在当前窗口中打开(默认值)
_blank, 在一个新的窗口中打开链接
可以设置一个内亮框架的name属性值,链接激昂会在指定的内兰框架中打开
3、center标签中的内容,会默认在页面居中显示,我们可以将要居中的元素放到center标签中
4、创建超链接时,如果地址不确定href用#号填充
5、如果超链接的地址为# 则自动跳转到网页顶部
6、html中标识只能存在一个