HTML5学习记录(二)
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中标识只能存在一个