• 中文
    • English
  • 注册
  • 查看作者
  • 1:HTML简介

    一. 什么是HTML

    • HTML:Hyper Text Markup Language,意为超文本标记语言

    • 超本文:超文本指的是超链接,我们可以使用超链接可以从一个页面跳转到另一个页面

    • 标记:我允许我们对文本进行注释,我们在网中添加的各种标签就是标记。

    • 注意html并不是一门编程语言

    二. HTML发展

    版本 年份
    HTML 1991
    HTML+ 1993
    HTML 2.0 1995
    HTML 3.2 1997
    HTML 4.01 1999
    XHTML 1.0 2000
    HTML5 2012
    XHTML5 2013

    三. 文档声明

    html发展了这么版本,我们需要告诉浏览器当前网页是什么版本,浏览器才能正确的去显示我们编写的网页,那么如何高武浏览器当前网页的HTML版本呢?这就用到了文档声明

    1.  html4

    过渡板

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/htm14/loose.dtd">

    严格版

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    框架集

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">

    2.  XHTML1.0

    过渡版

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    严格版

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    框架集

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    3.  HTML5

    相比上面的文档声明而言,html5的文档声明非常简单:

    <!DOCTYPE html>

    三. 标签

    • HTML中的标记指的就是标签

    • 标签语法:

      • <标签名>:开始标签,又叫开放标签

      • < / 标签名> :结束标签,又叫闭合标签

    <标签名> 标签内容< / 标签名>
    • 单标签,又叫空元素、自结束标签:

    <标签名/>
    <!-- 举例 -- >
    <hr/>
    <br/>
    <input/>

    注意,单标签和结束标签一样,虽然不加 / 也可能运行成功,但是并不建议这样操作

    四. 元素

    一个完整的HTML标签(开始标签 + 元素内容 + 结束标签)称为元素,例如下面的h1就是元素

      <body>
      <h1> 一级标题 </h1>
      <p> 这是一个<em> em标签 </em> </p>`  
      </body>

    其中,em是p的子元素,p是em的父元素,body是p和em的祖先元素,p和em是body的后代元素

    五. 属性

    1. 简介

    • 属性可以在开始标签或自结束标签中设置

    • 属性以 名称 / 值对 的形式 出现

    • 举例:

    <font color = "red">红色</font>
    <a href='https://www.baidu.com' target="_blank">百度一下</a>

    注意,不区分单引号和双引号

    2. 常见属性

    id:id属性作为标签的唯一标识,在同一个网页中不能出现相同的id属性值,必须唯一,举例:

    <p id='p1' class='p' > 段落 </p>

    class:class属性用了为标签分组,拥有相同class属性的标签我们认为就是一组,可以出现相同的class属性,还可以为一个元素制定多个class,举例:

    <p id='p2' class='p' > 段落 </p>

    title:title属性用来指定标签的标题,指定title后,鼠标悬浮到元素上方时,会出现提示文字,举例:

    <p title = "哈哈哈哈">点我</p>

    六. 注释

    注释格式:

    <!--注释内容-->

    注释有时候还会用来做页面分隔提示

    1:HTML简介

    注意:

    • 注释中只有一个!

    • 注释不能嵌套

    • HTML中注释的内容不会在网页中显示

    七. 编码

    1. 编码

    在计算机内部,文件都是以二进制编码0和1保存的,所以如果想让计算机处理文本数据,就需要把文本数据转换为0和1的二进制代码,比如“中文”两个字想在在计算机中保存,要转换为10100101这种二进制码,这个过程叫做编码。

    2. 解码

    计算机在读取时需要将10100101再转换为“中文”给我们显示,这个过程叫做解码

    简单说,存入计算机的这个过程就是编码,从计算机中读取的过程就是解码

    3. 字符集

    同一个文字,在计算机中存储的二进制数据根据其编码规范的不同而有所区别,我们将不同的编码规范称之为字符集。

    常见的字符集: ASCII、ISO-8859-1、GBK、GB2312、UTF-8,其中后三个都支持中文

    4. 乱码

    如果保存文件时和读取文件时使用的编码不一致,显示的时候就会乱码,比如保存文件的时候设置的编码是UTF-8,而读取文件的时候是ISO-8859-1,就会显示乱码。

    解决乱码的方法也很简单,只需要将保存文件时的编码和读取文件时的编码保持一致即可解决,比如保存文件的时候设置的编码是UTF-8,那么在head标签中,加入以下内容即可告诉浏览器使用UTF-8字符集去解析文件。

    <head>
    <title> 标题 </title>
    <meta charset='UTF-8'/>
    </head>

    八.  简单总结

    • 元素 = 开始标签 + 元素内容 + 结束标签

    • 标签一般成对出现,在开始标签中可以定义该标签的属性

    • 属性 = 属性名称 + 属性值

    • 结束标签建议加/

    • 属性值可以使用单引号,也可以使用双引号,但是建议使用双引号

    • 属性和属性值对大小写不敏感,但是建议用小写

    • 属性值应该始终被包括在双引号内

    山东省
  • 0
  • 0
  • 0
  • 1.7k
  • 十二

    请登录之后再进行评论

    登录

    赞助本站

    • 支付宝
    • 微信
    • QQ

    感谢一直支持本站的所有人!

    单栏布局 侧栏位置: