1、HTML
(1)什么是 HTML?
HTML 是用来描述网页的一种语言。
(2)HTML 标签是什么?
HTML 标签是由尖括号包围的关键词,比如 <html>
(3)HTML 元素是什么?
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
大多数 HTML 元素可拥有属性
(4)HTML 文档 是什么?
HTML 文档包含 HTML 标签和纯文本;用来描述网页;也被称为网页
HTML 文档是由 HTML 元素定义的。
(5)HTML 元素的属性有哪些?
不同的HTML 标签可以拥有不同的属性。属性提供了有关 HTML 元素的更多的信息。
举例:<h1 align="center"> 推荐小写的属性/属性值;属性值应该始终被包括在引号内(单引号或双引号)
HTML 元素属性大全:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp
(6)HTML 标签有哪些类?
HTML 标签大全:http://www.w3school.com.cn/tags/html_ref_byfunc.asp
分成三类:块级元素 行级元素(内嵌元素) 行内块元素(内联块状元素)
特点及相互转化:http://www.cnblogs.com/yoosoul/p/6896447.html
常见的三类元素及嵌套原则:https://blog.csdn.net/qq_33559304/article/details/53147483
(7)HTML 样式是什么?
HTML样式会让网页呈现出设置的样子,比如给网页加一个背景色,给文字添加背景色等。
HTML 的 style 属性用于改变 HTML 元素的样式。可以知道HTML样式是写在style属性中的。但是这种直接将样式写在style属
性中的方式不常用。被间接地在独立的样式表中(CSS 文件)进行定义取代了。HTML样式具体可以设置哪一些样式?参考
css讲解
style 属性用法:
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
(8)HTML 脚本是什么?
JavaScript 使 HTML 页面具有更强的动态和交互性。
HTML的script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
(9)总结
学习HTML主要是学习HTML 标签。
HTML 样式学习指CSS学习。
HTML 脚本学习指JavaScript学习。
2、HTML5
(1)什么是 HTML5?
HTML5 是最新的 HTML 标准。
(2)新在哪?
1. 新的文档类型(DOCTYPE)声明:<!DOCTYPE html>
2.新的属性语法:
3.新特性
4.去除掉的元素
(3)HTML到HTML5的变化
1、修改文档类型:<!DOCTYPE html>
2、修改编码信息:<meta charset="utf-8">
3、所有现代浏览器都支持 HTML5 语义元素。但ie不行,可以为 Internet Explorer 支持而添加的 shiv:
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
4、可能会使用到的新的语义元素:
(4)需要注意的HTML5代码约定
1.建议使用小写元素名 <p>This is a paragraph.</p>
2.建议关闭所有 HTML 元素 <p>This is a paragraph.</p>
3.建议关闭空的 HTML 元素 <meta charset="utf-8" />
4.建议使用小写属性名 <div class="menu">
5.建议属性值加引号 <div class="menu">
6.不推荐省略 <html> 和 <body> 标签
7.请使用简单的语法来链接样式表(type 属性不是必需的)<link rel="stylesheet" href="styles.css">
8.请使用简单的语法来加载外部脚本(type 属性不是必需的)<script src="myscript.js">