您的位置：首页 > Web前端 > HTML

整理学习HTML资料

2015-10-07 13:48 459 查看
1.HTML概述

1.1.
什么是HTML
文件？

HTML(Hyper Text Markup Language)指超文本标签语言。

这些标签告诉 WEB
浏览器如何显示页面.

HTML 文件必须使用 htm或者 html
作为文件扩展名.

HTML 文件可以通过简单的文本编辑器或集成工具来创建.

我们一般称它为静态页面

first.html

<html>

<head>

<title>第一个HTML标题</title>

</head>

<body>

这是内容部分,去<ahref="http://www.atguigu.com">尚硅谷官网</a>

</body>

</html>

1.2.
为什么要用HTML?

HTML最初被设计出来,就是用来设计网页的一门语言,
它不依赖于任何语言, 它其中很重要的东西就是可以包含超链接,图片,音频与视频等数据

为什么不用TXT?

txt不能包含超链接.

为什么不用word?

太重了.

为什么不用XML?

XML是在HTML的基础上进一步抽象的产物.但不是为了要替换HTML

1.3.
Web2.0简述

Web2.0是目前主流的Web页面开发标准

Web2.0对Web页面构成的描述：

结构：数据的组织形式，实现方式：HTML超文本标记语言

表现：数据的表现形式，实现方式：CSS层叠样式表

行为：用户交互动作，实现方式：
JavaScript 脚本文件

遵守Web2.0标准的好处：

根据不同的功能将HTML、CSS、JavaScript代码分开，使代码更加优雅简洁，可读性更高，更易于维护，特别是让开发工程师和UI设计师能够更好的分工合作

2.
HTML的语法

2.1.
HTML标签(元素Element)

HTML文档是由 HTML元素构成的文本文件。

HTML元素是通过使用HTML标签进行定义的。

HTML标签是用来标记HTML元素的。

HTML标签被 <和 >
符号包围。

这些包围的符号叫作尖括号。

HTML标签是成对出现的。例如 <b>和 </b>。

位于起始标签和终止标签之间的文本是元素的内容。

HTML标签对大小写不敏感，<b>和 <B>
的作用的相同的

2.2.
HTML标签的属性(Attribute)

HTML标签拥有属性。属性为 HTML元素提供附加信息。

属性总是以名称/值对的形式出现，

如：name="value"或 name=’value’

2.3.
HTML文本标签体(Text)

2.4.
HTML文档(D)

2.5.
HTML节点(Node)

2.6.
HTML特殊字符与转义字符(理解)

特殊字符:一些字符在 HTML
中拥有特殊的含义, 如:<, &.如果要显示不能直接使用

转义字符:每个特殊字符都对应一个固定的字符序列.

3.
HTML的常用标签

3.1.基本标签

基本的标签
描述
<html>
定义 html文档
<body>
定义 body元素
<h1> to <h6>
定义标题 1到标题
6
<p>
定义段落
<br>
插入一个换行
<!--...-->
定义注释

3.2.字符格式化标签

<font>
定义文字的字体、尺寸和颜色

3.3.链接

<a>
定义超链接
<link>
定义CSS文件的引用

3.4.输入

<form>
定义提交请求的表单








<input>
type属性
text
文本框
password
密码框
submit
提交按钮
reset
重置按钮
radio
单选按钮
checkbox
多选框
button
普通按钮
file
文件上传框
hidden
表单隐藏域
<button>
定义按钮
<select>
定义下拉式菜单
<option>
定义下拉列表中的可选项

3.5.图像

<img>
定义图像

3.6.表格

<table>
定义表格
<tr>
表格的行
<td>
定义表格列

3.7.样式

<style>
定义样式
<div>
定义文档中的块分区
<span>
用来组合文档中的行内元素

3.8.元信息

<head>
定义关于文档的信息
<title>
定义文档的标题
<meta>
定义元信息

3.9. Programming

<script>
定义js脚本

3.10.框架

<frame>
定义框架的子窗口
<frameset>
定义框架结构
<iframe>
定义内联框架

4.其它

4.1.
HTML事件属性

1).窗口事件
(Window Events)

属性
值
描述
onload
脚本
在页面或图像加载完成后执行脚本
onunload
脚本
当文档被卸下时执行脚本

2).表单元素事件
(Form Element Events)

属性
值
描述
onchange
脚本
当元素改变时执行脚本
onsubmit
脚本
当表单被提交时执行脚本
onreset
脚本
当表单被重置时执行脚本
onselect
脚本
当元素被选取时执行脚本
onblur
脚本
当元素失去焦点时执行脚本
onfocus
脚本
当元素获得焦点时执行脚本

3).键盘事件
(Keyboard Events)

属性
值
描述
onkeydown
脚本
当键盘被按下时执行脚本
onkeypress
脚本
当键盘被按下后又松开时执行脚本
onkeyup
脚本
当键盘被松开时执行脚本

4).鼠标事件
(Mouse Events)

属性
值
描述
onclick
脚本
当鼠标被单击时执行脚本
ondblclick
脚本
当鼠标被双击时执行脚本
onmousedown
脚本
当鼠标按钮被按下时执行脚本
onmousemove
脚本
当鼠标指针移动时执行脚本
onmouseout
脚本
当鼠标指针移出某元素时执行脚本
onmouseover
脚本
当鼠标指针悬停于某元素之上时执行脚本
onmouseup
脚本
当鼠标按钮被松开时执行脚本

4.2.
HTML颜色

颜色由红色、绿色、蓝色三个色相混合而成 RGB

1).颜色值

用一个以#开头的十六进制数据来表示.

每个色相的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。

其表示一般是: #00 00 00到#FFFFFF

1).颜色名称

一些常见的颜色被定义了一对应的名称,可以通过其名称来表示.如:
red, blue等

4.3.
HTML相关概念(了解)

1)
XHTML:

EXtensible HyperText Markup Language可扩展超文本标记语言

表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。

XHTML是HTML向XML的一个过渡语言

2)
DHTML:

DHTML是Dynamic
HTML的简称，就是动态的html

其实并不是一门新的语言，它只是HTML、CSS和JavaScript的一种集成

转载自http://blog.csdn.net/u012767037
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航