html学习总结 - 范文无忧网

[2017年行政文秘年度工作总结]文秘是一份十分琐碎的工作，要求从事着需要十足的耐心。下面是小编为大家搜集整理出来的有关于2017年行政文秘年度工作总结范文，欢迎阅读! 2017年行政文秘年度工作总结【1】一...+阅读

html学习总结HTML：Hypertext Marked Language

即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.

创建一个HTML文档，需要两个工具，一个是HTML编辑器，一个WEB浏览器。

HTML编辑器是用于生成和保存THML文档的应用程序。

WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。

在文档的最外层，文档中的所有文本和html 标签都包含在其中，它表示该文档是以超文本标识语言(HTML)编写的。

是HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。

是嵌套在头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏

标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容

HTML的标签分单标签和成对标签两种

成对标签：标签名

单独标签：标签名

标签名字属性1 属性2 属性 3 内容

作为一般的原则，大多数属性值不用加双引号。但是包括空格、%号，#号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如：

字体设置

文字版面的编辑

3-1 换行

单标签

3-2 换段落标签

单独、成对

格式：

其中,ALIGN 是

标签的属性,属性有三个参数 left,center,right.这三个参数设置段落文字的左,中,右位置的对齐方式.

3-3 原样显示文字标签

成对、

3-4 居中对齐标签成对标签

3-5 引文标签 (缩排标签)

3-6水平分隔线标签单独

3-7署名标签标签之间的文字显示效果是斜体字。

3-8特殊字符

3-9注释标签

3-10 字体属性

3-10-1标题标签的格式：

说明：标签是成对出现的，标签共分为六级，在...之间的文字就是第一级是最大最粗的标题;...之间的文字是最后一级，是最小最细的标题文字。align 属性用于设置标题的对齐方式，其参数为 left(左)， enter(中)， right (右)。标签本身具有换行的作用，标题总是从新的一行开始。

文字格式控制标签

3-10-2 标签用于控制文字的字体，大小和颜色

3-10-3特定文字样式标签

a 物理类型标签

粗体标签

放在与标签之间的文字将以粗体方式显示。

斜体标签

放在与标签之间的文字将以斜体方式显示。

下划线标签

放在与标签之间的文字将以下划线方式显示。

b 常用的逻辑类型标签有八种，放在标签之间的文字受其控制

em标签：用于强调的文本，一般显示为斜体字

strong标签：用于特别强调的文本，显示为粗体字

cite标签：用于引证和举例，通常是斜体字

code标签：用来指出这是一组代码

small标签：规定文本以小号字显示

big标签：规定文本以大号字显示

samp标签：显示一段计算机常用的字体，即宽度相等的字体

kbd标签：由用户输入文本，通常显示为较粗的宽体字

var标签：用来表示变量，通常显示为斜体字

dfn标签：表示一个定义或说明，通常显示为斜体字

sup标签：122=144

sub标签：硫酸亚铁的分子式是Fe2SO4

建立列表

4-1 无序列表

格式 1:

第一项

第二项

第三项

格式 2

第一项

第二项

第三项

的属性 type

disc 实心园

circle空心园

square小方块

4-2 有序列表

有序列表和无序列表的使用格式基本相同，它使用标签，每一个列表项前使用。列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项，编号会自动调整。

4-3 嵌套列表

4-4 定义列表的标记

第 1项注释 1

第 2项注释 2

第 3项注释 3

第一层为列表项标签，第二层为注释项标签。和标签通常是成对使用的。

4-5 目录列表和菜单列表

格式 1:

第一项

第二项

第三项

格式 2

第一项

第二项

第三项

图像的处理

5-1 背景图像的设定

5-2 网页中插入图片标签

的格式及一般属性设定：

5-2 设定上下左右空白位置 hspace/vspace

5-2-3 设定字画对其方式

图像的对齐：

1) 单独占一行时，放在中，用的对齐属性进行设置。

2) 与文本在同一行时，用其自身的 align 属性(top,middle,bottom)设置图像与文本的垂直对齐。其中：bottom为默认值。

3) 图文混排时，可实现图像的左、右环绕文本，用 align 属性(left 图像在左、文本在右,right)。

5-2-4 图片大小设定

5-2-5 图像边框的设定

建立超链接

建立超链接的标签为和

格式：超链接名称

属性HREF定义了这个链接所指的目标地址;目标地址是最重要的，一旦路径上出现差错，该资源就无法访问

TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。

建立目标窗口的属性

属性值描述

_parent 在上一级窗口中打开，一般使用分桢的框架页会经常使用

_blank 在新窗口打开

_self 在同一个桢或窗口中打开，这项一般不用设置

_top 在浏览器的整个窗口中打开，忽略任何框架

TITLE：该属性用于指定指向链接时所显示的标题文字

TABLE

在html 文档中，表格是通过 , ,

, 标签来完成的

7-2(2) 设置分隔线的显示状态 rules

7-2(3) 表格的边框显示状态 frame

7-3 表格行的设定

的参数设定(常用)：

bordercolorlight=#808080 bordercolordark=#FF0000

7-4 单元格的设定

和都是插入单元格的标签，这两个标签必须嵌套在

标签内。是成对出现的

7-7 表格的标题标签

网页的动态、多媒体效果

8-1 滚动字幕 ...

8-2 插入多媒体文件

嵌入背景音乐

将音乐做成一个链接，只需用鼠标在上面单击，就可以听音乐了

乐曲名

多视窗口框架

语法格式：

......

可以做导航

浮动窗口

html学习总结