• 中文
    • English
  • 注册
  • 赞助本站

    • 支付宝
    • 微信
    • QQ

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

    • 查看作者
    • 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>

      八.  简单总结

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

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

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

      • 结束标签建议加/

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

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

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

      山东省
    • 1
    • 0
    • 0
    • 550
    • 十二

      请登录之后再进行评论

      登录
    • 做任务
    • 实时动态
    • 偏好设置
    • 返回顶部
    • 单栏布局 侧栏位置: