JavaScript学习笔记

二、HTML梳理

1、HTML元素通有属性

（1）id属性

（2）class属性：把一个元素指定为一个或多个类的成员

（3）style属性：为一个单独出现的元素指定CSS样式（字体字号等）。javascript脚本中通过objectId.style.property形式访问元素的特定CSS样式。

（4）title属性：为元素指定一个标题，通常以工具形式显示出来。当用户用鼠标指向该元素时，title属性的内容就会动态的显示出来。javascript脚本中通过objectId.title形式访问元素的title属性。

2、设置文本格式

（1）段落标记<p></P>

换行标记<br />

（2）div与span标记

div标记也称分区标记，它指定一个呈现HTML内容的通用块级容器，呈现时另起一行，其内容可以是内嵌元素和块级元素。加载内容后能够立即显示出来。

span标记定义了一个通用内嵌元素，不需要另起一行呈现。其作用是围绕HTML代码中的文本或其他页面元素，以便可以为它们指定CSS样式。

div是块级元素，主要用于容纳其它标签；

span是行内元素，主要用于容纳文字。

（3）设置字体、字号、颜色

<font</font>

（4）设置字符样式

常用的字符样式：粗体、斜体、下画线

粗体：<strong></strong>或者<b></b>

斜体：<em></m>或者<i></i>

下画线：<u></u>

打字型：<tt></tt>

强调：<em></em>

代码：<code></code>

变量：<var></var>

范例：<samp></samp>

键盘：<kbd></kbd>

引用：<cite></cite>

定义：<dfn></dfn>

已删除：<del></del>

已插入：<ins></ins>

上标：

下标：

大字体：<big></big>

小字体：<small></small>

（5）插入特殊字符

一个字符实体包含三个部分：第一部分是“&”字符，第二部分是实体名称（区分大小写）或者是#加上实体编号，第三部分是一个分号。

 

（6）设置网页文字内的标题格式

h1定义最大标题，h6定义最小标题。默认情况下，标题总是以粗体字来显示。

（7）设置列表格式

列表分为有序列表、无序列表和定义列表。有序列表带有序号标记（数字或字母），无序列表带有项目符号，定义列表包含条目和定义。

3、使用图像

（1）在网页中插入图像

（2）播放视频

<img />属性dynsrc设置为视频文件的URL，loop属性设置视频激活后的循环次数（-1表示无限循环，0表示仅播放一次，正整数表示循环的指定次数），start指定何时播放视频文件，其值是一个字符串，即fileopen（加载后立即播放，默认）和mouseover。（用鼠标指向视频时开始播放）。

（3）插入水平分割线

<hr />标记，块级元素

4、添加媒体效果

（1）添加滚动字幕

（2）插入声音效果

两种方式

（3）插入视频片段、插入flash动画

  <embed></embed>标记

（4）插入Applet

Applet是Java语言编写的小应用程序，它们可以直接嵌入到网页中，并能够产生特殊的效果。applet元素是内嵌元素，用于在页面上放置可执行内容。

1、  创建表格

（1）创建基本表格

（2）设置表格的属性

当对表格、行、单元格属性进行设置时，若对同名属性设置了不同的值，则按优先级发生作用（单元格属性设置优先级最高，行属性设置次之，表格属性设置最低）。

2、  用框架分割窗口

通过框架可以将浏览器窗口划分为若干个网格，在每个窗格中可以显示一个网页，从而获得在一个浏览其窗口同时显示多个网页的特殊效果。

3、   超链接

<a></a>  

4、  表单