• 测试开发之前端——No1.HTML和HTML5


    学习之前,让我们先来了解一下HTML。

     

    它的英文全称是:Hyper Text Markup Language,中文通常被称为超文本标记语言,HTML是Internet中用于编写网页的主要语言,HTML提供了精简而有力的文件定义,可以设计出多姿多彩的超媒体文件。通过HTTP通信协议,HTML文件得以在万维网上进行跨平台的文件交换。

     

    HTML的特性:

    HTML文件制作简单,且功能强大,支持不通数据格式的文件导入,主要有以下几个特点:

    ①HTML文档容易创建,只需要一个文本编辑器就可以完成。

    ②HTML文件存储容量小,能够尽可能快速地在网络中进行传输和显示。

    ③HTML文件与操作平台无关,HTML独立于操作系统平台,能够与多种平台兼容,只需要一个浏览器就可以在操作系统中浏览网页文件。

    ④简单易学,不需要很深的编程知识。

    ⑤HTML具有扩展性,HTML的广泛应用带来了加强功能、增加标识符等要素,HTML采取了类元素的方式,为了系统扩展提供了保证。

     

    一个完整的HTML的文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。

    这些逻辑上统一的对象统称为元素,HTML使用标签来分割并描述这些元素。

    HTML的文档结构:

    <html>                     <!--文件开始-->
    <head>                    <!--头部开始-->         
    显示头部内容
    </head>                   <!--头部结束--> 
    <body>                    <!--主体开始-->  
    主体内容
    </body>                   <!--主体结束--> 
    </html>                   <!--文件结束--> 

     

    HTML的基本语法

      绝大多数元素都有起始标签和结束标签,在起始标签和结束标签之间的部分是元素体。

      每一个元素都有名称和可选择的属性,元素的名称和属性都在标签起始标签内进行设置。

    1.普通标签

    普通标签是由一个起始标签和一个结束标签所组成的。

    <a>内容</a>

    a代表标签名称,这个标签就如同一组开关,一个开,为标签开启某种功能,关闭就可以关闭功能,受控制的内容就放在两个标签直接。

    普通标签还可以添加一些属性。

    <a v="v1">内容</a>

    v就是属性名称,v1就是对应的属性值,当然这个属性的数量是没有限制的。

     

    2.空标签

    单独存在的标签叫做空标签。

    <x>

    这些标签单独存在,用来完成某些特殊效果或功能。

    <hr color="#0000FF">

     

    HTML的编写注意事项

    ①“<”和“>”是任何标签的开始和结束。元素的标签需要使用这对尖括号括起来,并且在结束标签的前面加上符号“/”

    ②在HTML代码中不区分大小写

    ③任何空格和回车在HTML代码中均不起作用。为了使用HTML代码更加清晰,建议不同的标签之间使用回车进行换行

    ④在HTML的标签中可以添加各种属性设置

    ⑤需要正确的输入HTML的标签,输入HTML标签时,不要输入多余的空格,否则浏览器可能无法识别这个标签,导致无法正确的显示

    ⑥在HTML代码中合理的使用注释。<!--需要注释的内容-->,注释语句只会出现在HTML代码中,不会在浏览器中出现。

     

    初始HTML5

    HTML5,实际上是指HTML、CSS样式和JavaScript脚本在内的一整套技术的组合,

    系统通过HTML5能够轻松实现许多丰富的网络应用需求,而减少对浏览器对插件的依赖,并且能够提供更多有效增强网络应用的标准集。

     

    HTML5文档结构

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
    </body>
    </html>
    
    <!DOCTYPE html>是一个文档声明
    其他与HTML并无太大差别。

     

  • 相关阅读:
    Linux下安装mysql-5.7.30(笔记)
    配置jmeter、java环境变量
    离线安装grafana、influxdb
    Grafana接入influxdb数据,提示 “Failed to fetch”、“BAD GATAWAY”错误
    ALINX紫光同创国产FPGA开发板PGL22G发布
    ALINX紫光同创国产FPGA开发板PGL12G发布
    【紫光同创国产FPGA教程】【第二十八章】USB双向测速例程
    【紫光同创国产FPGA教程】【第二十七章】千兆以太网视频传输实验
    【紫光同创国产FPGA教程】【第二十六章】AD9280以太网传输
    【紫光同创国产FPGA教程】【第二十五章】AD7606以太网传输
  • 原文地址:https://www.cnblogs.com/AngesZhu/p/9936218.html
Copyright © 2020-2023  润新知