整理学习HTML资料

时间  2020-07-09 标签 整理 学习 html 资料

1.HTML概述html

1.1.      什么是HTML 文件？

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

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

  • HTML 文件必须使用 htm或者 html 做为文件扩展名.编辑器

  • HTML 文件能够经过简单的文本编辑器或集成工具来建立.工具

  • 咱们通常称它为静态页面字体

first.htmlui

<html>spa

   <head>.net

      <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:

2)  DHTML:

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

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

 

 

 

转载自http://blog.csdn.net/u012767037

联系我们 沪ICP备2021010478号-7