html学习总结

学习总结 时间:2017-09-26 我要投稿

  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 插入多媒体文件

  嵌入背景音乐

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

  乐曲名

  多视窗口框架

  语法格式:

  ......

  可以做导航

  浮动窗口

相关推荐