HTML教程(一)

一、html 的主体标签

在和中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等设置。标签有自己的属性,设置 标签内的属性,可控制整个页面的显示方式。
标签的属性

属 性 描 述
link 设定页面默认的连接颜色
alink 设定鼠标正在单击时的连接颜色
vlink 设定访问后连接文字的颜色
background 设定页面背景图像
bgcolor 设定页面背景颜色
leftmargin 设定页面的左边距
topmargin 设定页面的上边距
bgproperties 设定页面背景图像为固定,不随页面的滚动而滚动
text 设定页面文字的颜色

格式:

 

二、 颜色的设定

颜色是由 "red" "green" "blue " 三原色组合而成的,在 HTML 中对颜色
的定义是用十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也
就是每个原色可有 256 种彩度,故此三原色可混合成 16777216 种颜色。

三、文字版面的编辑

3.1 换行标签

换行标签是个单标签,也叫空标签,不包含任和内容,在 html 文件中的任何位置只要使用了
标签,当文件显示在浏览器中时,该标签之后的内容将显示下一行。

3.2换段落标签

及属性:

标签所标识的文字,代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符
格式:

其中,ALIGN

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

3.3原样显示文字标签
 

要保留原始文字排版的格式,就可以通过

标签来实现,方法是把制作好的文字排版内容前后分别加上始标签
和尾标签

3.4居中对齐标签

文本在页面中使用

标签进行居中显示,
是成对标签,在需要居中的内容部分开头处加
,结尾处加

3.5引文标签 (缩排标签)

标签可以用来建立一个引文,他特别适合较长文本的引用,引文显示时将会自动右移,左边空出几个格,加以区别。

3.6水平分隔线标签


标签是单独使用的标签,是水平线标签,用于段落与段落之间的分隔,使文档结构清晰明了,使文字的编排更整齐。通过设置
标签的属性值,可以控制水平分隔线的样式。

标签的属性

属性 参数 功能 单位 默认值
size 设置水平分隔线的粗细 pixel(像素) 2
width 设置水平分隔线的宽度 pixel(像素)、% 100%
align left center right 设置水平分隔线的对齐方式 center
color 设置水平分隔线的颜色 black
noshade 取消水平分隔线的 3d 阴影
3.7署名标签

署名标签一般用于说明这个网页是由谁或是由哪个公司编写的,以及其它相关信息。在
标签之间的文字显示效果是斜体字。

3.8特殊字符

HTML 几种常见特殊字符及其代码表

特殊或专用字符 字符代码 特殊或专用字符 字符代码
< < © ©
> > × ×
& & ® ®
" " 空格  
3.9注释标签

在 HTML 文档中可以加入相关的注释标记,便于查找和记忆有关的文件内容和标识,这些注释内容并不会在浏览器中显示出来。
格式:

 
3.10字体属性
3.10.1标题文字标签

标签用于设置网页中的标题文字,被设置的文字将以黑体或粗体的方式显示在网页中。
标题标签的格式:
说明:标签是成对出现的,标签共分为六级,在

...

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

3.10.2 文字格式控制标签

标签用于控制文字的字体,大小和颜色。控制方式是利用属性设置得以实现的。
FONT 标签的属性

属性 使用功能 默认值
face 设置文字使用的字体 宋体
size 设置文字的大小 3
color 设置文字的颜色 黑色

格式:
说明:如果用户的系统中没有 face 属性所指的字体,则将使用默认字体。size 属性的取值为 1~7。也可以用"+"或"-"来设定字号的相对值。color 属性的值为:rgb 颜色"#nnnnnn"或颜色的名称

3.10.3 特定文字样式标签

在有关文字的显示中,常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在html 中用于这种功能的标签可以分为两类,物理类型和逻辑类型。

  • 1、物理类型
    (1) 粗体标签
    放在标签之间的文字将以粗体方式显示。
    (2) 斜体标签
    放在标签之间的文字将以斜体方式显示。
    (3) 下划线标签
    放在标签之间的文字将以下划线方式显示。
  • 2、逻辑类型
    逻辑类型是使用一些标签来改变字体的形态和式样,以便产生一些浏览者习惯的或约定的显示效果,常用的逻辑类型标签有八种,放在标签之间的文字受其控制。下面请看常用逻辑标签的实例

你可能感兴趣的:(HTML教程(一))