【兰雪教程】 HTML语言（代码发帖备用篇）

幽兰雪 · 发表于 2020-1-16 12:52:53

在论坛用代码发帖音画、特效音画、图文、动画及音乐等，都离不开HTML语言。

现将我很早以前学习Dream weaver时，学习html语言的笔记整理出来，都是一些基础知识，与大家共同学习哈。

结构：<标记（元素）属性=属性值属性=属性值>内容</标记（元素）>

包括头和体两部分，即<head></head>与<body></body>

<title></title>定义文件的题目。

幽兰雪 · 发表于 2020-1-16 12:53:30

1、HTML的主体标记是<body>，在<body>和</body>中放置的是页面中的所有内容。

<body>元素自身的属性如下表：

属性	描述
Text	设定页面文字的颜色
Bgcolor	设定页面背景的颜色
Background	设定页面的背景图片
Bgproperties	设定页面的背景图像为固定，不随页面的滚动而滚动
Link	设定页面默认的链接颜色
Alink	设定鼠标正在单击时候的链接颜色
Vlink	设定访问过后的链接颜色
Topmargin	设定页面的上边距
leftmargin	设定页面的左边距

其中bgproperties的属性值为fixed

幽兰雪 · 发表于 2020-1-16 12:54:29

2、输入空格符号：HTML页面中空格符号是通过代码控制的，空格的符号代码为，一个半角空格使用一个表示。

3、注释语句

页面中可以加入相关的说明注释语句

4、图像<img>

该标记的属性表：

属性	描述
Src	图像的文件名称
Alt	提示（替代）文字
Width、height	宽度、高度（可相对、也可绝对）
Border	边框宽度
Align	排列（值为right center left）

幽兰雪 · 发表于 2020-1-16 12:56:13

5、超链接标记<a>

链接指针可以为文字、图像

链接目标为：图像 .gif .jpg .png（直接打开）

网页（直接打开）

URL（直接打开）

exe zip rar（提示下载）

书签（<a name=”名字”>文字</a>为定义书签 <a href=”#名字”>链接指针</a>）

信箱（mailto:信箱地址）打开outlook

6、标题字标记<hn>

标题字就是以某几种固定的字号去显示文字。共6级，<h1>……<h6>

属性为align

7、文字的修饰标记

粗体标记<b> <strong>

斜体标记<i> <em> <cite>

大字号标记<big>

小字号标记<small>

下划线标记<u>

删除线标记<s> <strike>

8、段落标记

段落标记 <p>，属性align值为left center right

换行标记 <br>

居中标记 <center>

缩排标记 <blockquote>

9、水平线标记<hr>

宽度属性：width 可绝对，可相对

高度属性：size 可绝对，可相对

颜色属性：color

去掉阴影属性：noshade

幽兰雪 · 发表于 2020-1-16 12:57:01

10、表格

表格标记

标记	描述
<table>……</table>	表格标记
<tr>……</tr>	行标记
<td>……</td>	单元格标记

边框属性：border

边框色属性：bordercolor

亮边框色（左上边框、右下边框）、暗边框色：bordercolorlight、bordercolordark

高度、宽度属性：width、height

背景颜色属性：bgcolor

背景图像属性：background

单元格间距属性：cellspacing

单元格边距属性：cellpadding

表格的对齐方式：align

行和列标记的属性与<table>属性非常相似，<td>具有的属性还有：

跨行属性rowspan

跨列属性colspan

细线表格的制作：边框大小为0，间距为1，背景色设为#CCCCCC，全部选定单元格并将单元格的背景色设为其它颜色。

幽兰雪 · 发表于 2020-1-16 12:58:07

11、框架标记

（1）框架集标记<frameset>

框架包括：框架集、框架

框架集：是在一个文档内定义一组框架结构的HTML网页，其中定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。

框架：在网页上定义的一个显示区域。

如：

<html>

<head>

<frame>

……

</frameset>

</head>

</html>

说明：在使用了框架集的页面中，页面的<body>标记被改为<frameset>，再通过<frame>标记定义每一个框架。

分割方式：

左右分割：属性cols

<frame>

</frameset>

上下分割：属性rows

<frame>

</frameset>

嵌套分割：

<frame>

<frame>

……

</frameset>

</frame>

……

</frameset>

框架标集边框：framespacing，边框颜色：bordercolor

框架标记<frame>

属性：

属性名称	描述
Src	框架页面源文件
Name	框架名称属性
Frameborder	边框显示属性,0为不显示，1为显示
scrolling	框架滚动条显示，值为：YES，NO，AUTO
Noresize	框架尺寸调整属性，无属性值
Marginwidth	框架边缘宽度
marginheight	框架边缘高度

幽兰雪 · 发表于 2020-1-16 12:58:48

12、滚动文字<marquee>

属性	描述
Direction	滚动方向（值为：up、down、left、right）
Behavior	滚动方式behavior（值为：scroll循环往复slide只滚动一次；alternate交替进行滚动）
Scrollamount	滚动速度
scrolldelay	滚动延迟（在每次滚动的间隔产生一段时间的延迟）
Loop	滚动循环次数
Width、height	滚动框的宽度、高度
Bgcolor	滚动背景色

筱曦 · 发表于 2020-1-16 17:59:07

学习

天边 · 发表于 2020-1-17 14:06:40

天文字呵

妖小柒 · 发表于 2020-1-17 19:15:21

我迷糊

[教程] 【兰雪教程】 HTML语言 （代码发帖备用篇）

[教程] 【兰雪教程】 HTML语言（代码发帖备用篇）