HTML5学习记录（二）

最新推荐文章于 2024-09-19 21:18:54 发布

weixin_30906425

最新推荐文章于 2024-09-19 21:18:54 发布

阅读量142

点赞数

文章标签： xhtml 人工智能

原文链接：http://www.cnblogs.com/stationing/articles/11419591.html

版权

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中，一些入< > 中特殊字符是不能直接使用的，需要使用一些特殊的符号来表示特殊字符，叫做实体（或者叫做转义符）
        浏览器解析到实体时，会自动将实体转换成对应的字符
        实体的语法：
                &实体的名字，例如 &lt;小于 &gt;大于 &nbsp;空格 &copy;版权符

图片标签
    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中标识只能存在一个

转载于:https://www.cnblogs.com/stationing/articles/11419591.html