HTML和CSS以及JS关键字释义.docx

HTML和CSS以及JS关键字释义.docx

《HTML和CSS以及JS关键字释义.docx》由会员分享，可在线阅读，更多相关《HTML和CSS以及JS关键字释义.docx（66页珍藏版）》请在冰豆网上搜索。

HTML和CSS以及JS关键字释义

HTML

网站开发的主要原则是：

– 用标签元素HTML描述网页的内容结构；

– 用CSS描述网页的排版布局；

– 用JavaScript描述网页的事件处理，即鼠标或键盘在网页元素上的动作后的程序

HTML（Hyper Text Mark-up Language 超文本标记语言）的缩写，是最基础的网页语言 。

Html是通过标签来定义的语言，代码都是由标签所组成 。

Html代码不用区分大小写 。

Html代码由开始结束。

里面由头部分和体部分两部分组成。

标签：

是由一对尖括号<>和标签名称组成。

标签分为“起始标签”和“结束标签”两种，二者的标签名称是相同的，只是结束标签多了一个斜杠“/”

在元素的起始标签中，可以包含“属性”来表示元素的其他特性

<标签名 属性名='属性值'> 数据内容 

                  <标签名 属性名='属性值' />

多个属性时：

用空格分开

Html 的命名：

文件的扩展名要以.html或.html结束。

Ø 文件名中只可由英文字母、数字或下划线组成。

Ø 文件名中不要包含特殊符号，比如空格、$等

所有标记都要用尖括号（<>）括起来，这样，浏览器就可以知道，尖括号内的标记是HTML命令。

任何空格或回车在代码中都无效，插入空格或回车有专用的标记，分别是 、
。

因此，不同的标记间用回车键换行再编写是个不错的习惯。

@ title元素：

文件标题声明 

@ link元素和style元素常用于CSS 

@ script元素用于脚本

@ meta元素 元信息

@  超链接网址基准参考点 

 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

name 属性：

网页的描述信息。

当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。

http-equiv 属性：

模拟HTTP协议的响应消息头。

@ body元素是html文件的主体元素，它包含所有要在网页上显示的各种元素 。

        设置页面背景:

bgcolor

        设置背景图片:

background

        设计正文颜色:

text

设置页面边距:

topmargin、leftmargin、

                          rightmargin、bottomnargin

              设置显示内容与浏览器的距离

添加空格—— 

 …  粗. … 斜  …  删 …  下划 _…  下标           ^…  上标           

.

. …  大字

 …  加强语气 （ 加粗 

... 加强语气 （ 倾斜 

© 

©

段落缩进

设置水平线

---

向中对齐 

 

格式：

 

 … 

插入定义列表

  

名称

      

说明

      

说明

      

说明

  

名称

      

说明

     

说明

     

说明

  …

插入无序列表

  

• 项目名称
…

  

• 项目名称
…

  

• 项目名称
…

  …

：

符号标签（○●■）

type属性：

disc   ●  （ 默认）       circle   ○             square  ■

插入有序列表

  

1. 项目名称
…

  

2. 项目名称
…

  

3. 项目名称
…

  …

超链接概述

链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，在HTML文件中，超链接的建立是很简单的，但是掌握超链接的原理对网页的制作是至关重要的。

在学习超链接之前，需要先了解一下“URL”，所谓URL（Uniform Resource Locator）指统一资源定位符，通常包括三个部分：

协议代码、主机地址、具体的文件名

超链接标签的使用

创建超链接的标签为和，使用格式如下：

链接名称

_parent

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

_blank

在新窗口打开

_self

在同一个框架或窗口中打开，该项一般不用设置

_top

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

链接路径

– 绝对路径：

包含了标识Internet上的文件所需要的所有信息，包括完整的协议名称、主机名称、文件夹名称和文件名称。

格式为：

通信协议:

//服务器地址:

端口号/文件位置…/文件名

相对路径：

是以当前文件所在路径为起点，进行相对文件的查找。

链接到同一文档的某个部分

• 锚记标签用于使用户“跳”到文档的某个部分 

• HTML 的 NAME 属性用于创建锚标记  

主题名称

主题名称

为达到这种跳转效果，请在 HREF 参数中使用该标记

B 发送E-mail：

在html页面中，可以建立e-mail链接，当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件，格式为：

e-mail地址?

subject=邮件主题”>

描述文字

zhangsan@?

subject=一个消息”>

联系我

LINK 颜色的设置

• 基本格式：

• link 超链接尚被选中的文字

• alink 超链接点选但未被放开的颜色

• vlink 超链接已被点选过的颜色

插入并格式化图像

B 标签：

用于在网页中插入图像内容。

– src属性：

用于设置图像文件的相对或绝对URL地址。

– 共三种类型：

GIF：

是图形和图片的最佳格式，适用于透明或动画图形。

– JPG或JPEG：

更适合存放照片

– PNG：

拥有许多JPEG与GIF的共同优点，所以最近越来越流行。

通过设置width属性和height属性可以控制图像的显示宽度和高度，他们的长度单位可是百分比，也可是像素。

 

注意点:

边框的问题.

可通过border=“0”去掉边框

属性名称                       属性值                        说明

Align                          left               图像靠左文字靠右

Right        图像靠右文字靠左

Top        文字往上靠

middle         文字靠中

bottom  文字靠下

空隙设置

Vspace   垂直上下两端和物件距离

Hspace  水平左右两端和物件距离

设置图像映射

图像地图：

map标签要和img标签联合使用。

语法说明

标记表示插入图像文件，src表示插入图像的路径；

Ø  

Ø  标记表示图像映射区域；

Ø  rhape属性表示映射区域形状：

     — “rect”表示矩形区域；

     — “circle”表示椭圆形区域；

     — “poly”表示多边形区域；

Ø  cords表示感应区域的坐标

创建表格 

 

   姓名

   性别

   分数

 

 

  姓名

   性别

   分数   表示行或列标题，粗体显示 

 

 .......

性别居中

COLSPAN=“n” 属性表示跨多少列 

ROWSPAN=“n” 属性表示跨多少行 

表格的颜色设置：

　　表格的背景色  

　　行的背景色　 

   列的背景色  

表格的尺寸设置：

　　

• frame常见属性

  规定表格周围的哪一侧的边框是可见的。

• rules常见属性

   规定水平或垂直的分界线。

   注释：

必须与 "border" 属性配合使用！

定义表格列的分组。

通过此元素，您可以对列进行组合以便进行格式化。

 

Span:

表格的直列数，而不是第几列。

 

定义某个表格中针对一个或多个列的属性值。

您只能在表格或 colgroup 中使用此属性。

   

    代表第1列

     代表第2，3 两列

  

….

单元格间距，边距

表格嵌套

在HTML文件中，第一个

标记表示插入第一表格，第二个标记插入在标记之间，表示在单元格中插入表格，也就是嵌套表格。

框架标签

框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的URL网页。

所有的框架标签要放在一个HTML文档中，HTML页面的文档体标签被框架集标签所取代，然后通过的子窗口标签定义每一个子窗口和子窗口的页面属性。

B 标签