学习之前，让我们先来了解一下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并无太大差别。

测试开发之前端——No1.HTML和HTML5的更多相关文章

  1. 测试开发之前端——No9.HTML5中的视频/音频

    HTML5 视频和音频的 DOM 参考手册 HTML5 DOM 为 <audio> 和 <video> 元素提供了方法.属性和事件. 这些方法.属性和事件允许您使用 JavaS ...

  2. 测试开发之前端——No4.HTML5中的事件属性

    HTML5的事件属性. 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbeforeprint script 在文档打印之前运行脚本 onbeforeonload ...

  3. 测试开发之前端——No2.HTML5中的标签

    HTML5中的标签. 标签 描述 <!--...--> 定义注释. <!DOCTYPE>  定义文档类型. <a> 定义超链接. <abbr> 定义缩写 ...

  4. 测试开发之前端——No3.HTML5中的标准属性

    HTML5的标准属性 属性 值 描述 accesskey character 规定访问元素的键盘快捷键 class classname 规定元素的类名(用于规定样式表中的类). contentedit ...

  5. 测试开发之前端——No8.HTML5中的媒介事件

    媒介事件 由视频.图像以及音频等媒介触发的事件. 适用于所有 HTML 5 元素,不过在媒介元素(诸如 audio.embed.img.object 以及 video)中最常用: 属性 值 描述 on ...

  6. 测试开发之前端——No7.HTML5中的鼠标事件

    鼠标事件 由鼠标或相似的用户动作触发的事件. 适用于所有 HTML 5 元素: 属性 值 描述 onclick script 当单击鼠标时运行脚本 ondblclick script 当双击鼠标时运行 ...

  7. 测试开发之前端——No6.HTML5中的键盘事件

    键盘事件 由键盘触发的事件. 适用于所有 HTML 5 元素: 属性 值 描述 onkeydown script 当按下按键时运行脚本 onkeypress script 当按下并松开按键时运行脚本 ...

  8. 测试开发之前端——No5.HTML5中的表单事件

    表单事件 由 HTML 表单内部的动作触发的事件. 适用于所有 HTML 5 元素,不过最常用于表单元素中: 属性 值 描述 onblur script 当元素失去焦点时运行脚本 onchange s ...

  9. Web前端，HTML5开发，前端资源，前端网址，前端博客，前端框架整理 - 转改

    Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v ...

随机推荐

  1. Linux kernel 发布 5.0-rc1 版本

    Linux kernel 要发布 5.0 了.. 跟原因是 linus 认为 4.21的小版本号太多了... 邮件内容如下: https://lore.kernel.org/lkml/20190107 ...

  2. iptables之四表五链

    iptables可谓是SA的看家本领,需要着重掌握.随着云计算的发展和普及,很多云厂商都提供类似安全组产品来修改机器防火墙. iptables概念 iptables只是Linux防火墙的管理工具而已. ...

  3. wordpress 点击文章图片 不能编辑（chrome下面） wordpress Uncaught DOMException: Failed to execute 'setBaseAndExtent' on 'Selection': There is no child at offset 1.

    说明:在chrome下面,编辑文章插入的图片,点击到图片上面,没有菜单显示. 报错: tinymce.min.js:10 Uncaught DOMException: Failed to execut ...

  4. 在静态方法和非静态方法上加 Synchronized的区别

    Synchronzied 修饰非静态方法==>对象锁 Synchronzied 修饰静态方法==>其实是类锁,因为是静态方法,它把整个类锁起来了: 1.Synchronized修饰非静态方 ...

  5. [代码]--db2中left()函数和right()函数对应oracle中的substr()函数

     DB2 LEFT.RIGHT函数 语法:LEFT(ARG,LENGTH).RIGHT(ARG,LENGTH) LEFT.RIGHT函数返回ARG最左边.右边的LENGTH个字符串,ARG可以是CHA ...

  6. 洛谷P4299 首都（BZOJ3510）（LCT，树的重心，二分查找）

    Update:原来的洛谷U21715已成坑qwq 已经被某位管理员巨佬放进公共题库啦!又可以多一个AC记录啦! 洛谷题目传送门 其实也可以到这里交啦 思路分析 动态维护树的重心 题目中说到国家的首都会 ...

  7. BZOJ1185 [HNOI2007]最小矩形覆盖 【旋转卡壳】

    题目链接 BZOJ1185 题解 最小矩形一定有一条边在凸包上,枚举这条边,然后旋转卡壳维护另外三个端点即可 计算几何细节极多 维护另外三个端点尽量不在这条边上,意味着左端点尽量靠后,右端点尽量靠前, ...

  8. POJ 2251 Dungeon Master /UVA 532 Dungeon Master / ZOJ 1940 Dungeon Master（广度优先搜索）

    POJ 2251 Dungeon Master /UVA 532 Dungeon Master / ZOJ 1940 Dungeon Master(广度优先搜索) Description You ar ...

  9. NIO[读]、[写]在同一线程(单线程)中执行，让CPU使用率最大化，提高处理效率

    前几天写过一篇文章,讨论重写服务后,用ab进行压力测试,发现使用NIO后没提高什么性能,只是CPU使用率提高了,内存占用降低了. 之前的NIO实现模式,主要参考(基于事件的NIO多线程服务器)http ...

  10. 各种蕴含算法思想的DP - 3

    内容中包含 base64string 图片造成字符过多,拒绝显示