HTML教程(一)

一、html 的主体标签<body>

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

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

格式:

 <body text="#000000" link="#000000" alink="#000000" vlink="#000000"
background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2
bgproperties="fixed">

二、 颜色的设定

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

三、文字版面的编辑

3.1 换行标签<br>

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

3.2换段落标签<p>及属性:

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

<P>
<P ALIGN= 参数>

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

3.3原样显示文字标签<pre>

要保留原始文字排版的格式,就可以通过<pre>标签来实现,方法是把制作好的文字排版内容前后分别加上始标签<pre>和尾标签</pre>

3.4居中对齐标签<center>

文本在页面中使用<center>标签进行居中显示,<center>是成对标签,在需要居中的内容部分开头处加<center>,结尾处加</center>

3.5引文标签 (缩排标签)<blockquote>

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

3.6水平分隔线标签<hr>

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

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

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

3.8特殊字符

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

特殊或专用字符 字符代码 特殊或专用字符 字符代码
< &lt; © &copy;
> &gt; × &times;
& &amp; ® &reg;
" &quot; 空格 &nbsp;
3.9注释标签

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

<!--注释的内容--> 
3.10字体属性
3.10.1标题文字标签<hn>

<hn>标签用于设置网页中的标题文字,被设置的文字将以黑体或粗体的方式显示在网页中。
标题标签的格式:<hn align=参数〉标题内容</hn>
说明:<hn>标签是成对出现的,<hn>标签共分为六级,在<h1>...</h1>之间的文字就是第一级标题,是最大最粗的标题;<h6>...</h6>之间的文字是最后一级,是最小最细的标题文字。align 属性用于设置标题的对齐方式,其参数为 left(左),enter(中), right (右)。<hn>标签本身具有换行的作用,标题总是从新的一行开始。

3.10.2 文字格式控制标签<FONT>

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

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

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

3.10.3 特定文字样式标签

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

  • 1、物理类型
    (1) 粗体标签<b>
    放在<b></b>标签之间的文字将以粗体方式显示。
    (2) 斜体标签<i>
    放在<i></i>标签之间的文字将以斜体方式显示。
    (3) 下划线标签<u>
    放在<u></u>标签之间的文字将以下划线方式显示。
  • 2、逻辑类型
    逻辑类型是使用一些标签来改变字体的形态和式样,以便产生一些浏览者习惯的或约定的显示效果,常用的逻辑类型标签有八种,放在标签之间的文字受其控制。下面请看常用逻辑标签的实例
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容