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、逻辑类型
    逻辑类型是使用一些标签来改变字体的形态和式样,以便产生一些浏览者习惯的或约定的显示效果,常用的逻辑类型标签有八种,放在标签之间的文字受其控制。下面请看常用逻辑标签的实例
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容