测试开发之前端——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并无太大差别。
测试开发之前端——No1.HTML和HTML5的更多相关文章
- 测试开发之前端——No9.HTML5中的视频/音频
HTML5 视频和音频的 DOM 参考手册 HTML5 DOM 为 <audio> 和 <video> 元素提供了方法.属性和事件. 这些方法.属性和事件允许您使用 JavaS ...
- 测试开发之前端——No4.HTML5中的事件属性
HTML5的事件属性. 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbeforeprint script 在文档打印之前运行脚本 onbeforeonload ...
- 测试开发之前端——No2.HTML5中的标签
HTML5中的标签. 标签 描述 <!--...--> 定义注释. <!DOCTYPE> 定义文档类型. <a> 定义超链接. <abbr> 定义缩写 ...
- 测试开发之前端——No3.HTML5中的标准属性
HTML5的标准属性 属性 值 描述 accesskey character 规定访问元素的键盘快捷键 class classname 规定元素的类名(用于规定样式表中的类). contentedit ...
- 测试开发之前端——No8.HTML5中的媒介事件
媒介事件 由视频.图像以及音频等媒介触发的事件. 适用于所有 HTML 5 元素,不过在媒介元素(诸如 audio.embed.img.object 以及 video)中最常用: 属性 值 描述 on ...
- 测试开发之前端——No7.HTML5中的鼠标事件
鼠标事件 由鼠标或相似的用户动作触发的事件. 适用于所有 HTML 5 元素: 属性 值 描述 onclick script 当单击鼠标时运行脚本 ondblclick script 当双击鼠标时运行 ...
- 测试开发之前端——No6.HTML5中的键盘事件
键盘事件 由键盘触发的事件. 适用于所有 HTML 5 元素: 属性 值 描述 onkeydown script 当按下按键时运行脚本 onkeypress script 当按下并松开按键时运行脚本 ...
- 测试开发之前端——No5.HTML5中的表单事件
表单事件 由 HTML 表单内部的动作触发的事件. 适用于所有 HTML 5 元素,不过最常用于表单元素中: 属性 值 描述 onblur script 当元素失去焦点时运行脚本 onchange s ...
- Web前端，HTML5开发，前端资源，前端网址，前端博客，前端框架整理 - 转改
Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v ...
随机推荐
- [转帖]第二个显示屏上禁用Windows任务栏
http://os.51cto.com/art/201812/589207.htm 这个过程非常简单,你可以在一分钟内摆脱第二个屏幕上的任务栏. 您需要做的就是按照以下步骤操作: --打开设置,然后转 ...
- K8S 使用简单的NFS 作为 持久存储的 StorageClass 的简单测试.
Study From https://jimmysong.io/kubernetes-handbook/practice/using-nfs-for-persistent-storage.html 1 ...
- 5 vue-cli整合axios的几种方法
vue-cli配置axios https://www.cnblogs.com/rinzoo/p/7880525.html https://www.cnblogs.com/XHappyness/p/76 ...
- window.open() & iframe
window.open() & iframe https://www.w3schools.com/jsref/met_win_open.asp window.open(URL, name, s ...
- 前端学PHP之会话Session
前面的话 Session技术和Cookie相似,都是用来储存使用者的相关资料.但最大的不同之处在于Cookie是将数据存放在客户端的计算机之中,而Session则是将数据存放于服务器系统之下.Sess ...
- 阿里云ECS提示RHSA-2017:3263: curl security update
服务器配置: 原因阿里云安装的CentOS 7.3的curl和libcurl的源不是最新的,会导致安全漏洞出现 方法首先还是要在实例列表远程连接打开终端. 1.更新ca-bundle1.备份: cp ...
- 查看是否存在tomcat进程和关闭方法
#看是否已经有tomcat在运行了 ps -ef |grep tomcat #如果有,用kill; kill - pid #pid 为相应的进程号 例如 ps -ef |grep tomcat 输出如 ...
- BZOJ2768 JLOI2012冠军调查（最小割）
容易想到网络流.将每个人拆成0和1两个点.若某人值为0的话则让源连向0,否则让1连向汇,流量为1.相互认识的人之间01各自连边.跑最小割即可. #include<iostream> #in ...
- 【BZOJ1303】[CQOI2009]中位数图（模拟）
[BZOJ1303][CQOI2009]中位数图(模拟) 题面 BZOJ 洛谷 题解 把大于\(b\)的数设为\(1\),小于\(b\)的数设为\(-1\).显然询问就是有多少个横跨了\(b\)这个数 ...
- Problem B: 专家系统 解题报告
Problem B: 专家系统 Description 一个专家系统是指,你雇佣了\(n\)个专家,他们每个人会做出一个结果,然后你从中选取较多的专家的结果组合而成最终的结果.专家系统广泛应用于传统机 ...