首页 > 编程 > HTML > 正文

HTML的常用标记(4)——HTML入门教程

2024-08-26 00:17:38
字体:
来源:转载
供稿:网友
1.<html>...</html>标记

一个HTML文件,无论是简单的还是复杂的,都是以<html>开头,以</html>结尾。<html>标记还指出了本文件是HTML文件,当浏览器遇到<html>标记时会按照HTML标准解释后面的文本,直到遇到结束标记</html>才停止上述解释。提示:HTML语言是属于解释性语言,不需要经过编译,直接用浏览器就可以执行其代码。

2.<head>...</head>标记

<head>和</head>构成了HTML文件的开头部分,在此标记对之间可以使用<title>...</title>、<script>...</SCRIPT>等标记对,描述网页标题或者其他不在网页上显示的某些信息。

3.<title>...</title>标记

<title>标记用于设置浏览器窗口标题栏中纤细的文本信息 ,这些信息一般是网页主题。注意:<title></title>标记对只能放在<head></head>标记对之间。

4.<body>...</body>标记



<body></body>是HTML文件的主题部分,之间可以定义多种标记。同时<body>也有很多属性,下面的都是比较常用的。<body>指令的属性
①背景颜色 -- bgcolor <body bgcolor="颜色代码">
②背景图案 -- background <body background="图形文件名">
③设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
④文件内容文字的颜色 -- text <body text="颜色代码">
⑤超连结文字颜色 -- link <body link="颜色代码">
⑥正被选取的超连结文字颜色 -- vlink <body vlink="颜色代码">
⑦已连结过的超连结文字颜色 -- alink <body alink="颜色代码">



他们所定义的文本、图像将会在浏览器的窗口内显示,在<body>这对标记中我们可以包含非常多的标记,常见的有如下一些:



⑴改变文字的大小 <h#>……………..</h#> ,其中#=1~6;h1为最大字,h6为最小字。
⑵改变字体的变化 <font>..........</font>
   ①改变字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
   ②指定文字的字型 <font face="字型名称">..........</font>
   ③改变文字的颜色 <font color=#rrggbb>..........</font> rr:表红色(red)色码 gg: 表 绿色(green)色码 bb:表蓝色(blue)色码
⑶显示小字体 <small>..........</small> ;显示大字体 <big>..........</big>;显示粗体字 <b>..........</b>;显示斜体字 <i>..........</i> ;显示打字机字体 <tt>..........</tt>;显示底线 <u>..........</u>;显示删除线 <strike>..........</strike>;显示下标字 <sub>..........</sub>;显示上标字 <sup>..........</sup>;显示.文字闪烁效果 <blink>..........</blink>
⑷换行标记 <br>;分段标记 <p>

⑸改变文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之後的文字都会以所设的对齐方式显示, 直到出现另一个<p align="#">改变其对齐方向,或遇到 <hr>ⅱ<h#>标签时会自动设回预设的向左对齐。

⑹插入一条分隔线 <hr>
   ①分隔线的粗细 <hr size="点数">
   ②分隔线的宽度 <hr size="点数或百分比">
   ③分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
   ④分隔线的颜色 <hr color="颜色代码">
   ⑤实心分隔线 <hr noshade>

⑺向中对齐 <center>..........</center>

⑻在<body>标记中通常都是有表格的,定义表格的标记为 <table>..........</table> ,它通常有下面的属性。
   ①设定边框的厚度 -- border<table border="点数">
   ②设定格线的宽度 -- cellspacing<table cellspacing="点数">
   ③设定资料与格线的距离 -- cellpadding<table cellpadding="点数">
   ④调整表格宽度 -- width<table width="点数或百分比">
   ⑤调整表格高度 -- height<table height="点数或百分比">
   ⑥设定表格背景色彩 -- bgcolor<table bgcolor="颜色代码">
   ⑦设定表格边框色彩 -- bordercolor<table bordercolor="颜色代码">
⑼显示格线 <table border>
⑽表格标题<caption>..........</caption> 表格标题位置 – align <caption align="#"> #号可为 top:表标题置于表格上方(预设值)bottom:表标题置于表格下方



5.<!--注释内容-->

<!--标记表示注释的开始,
-->标记表示注释的结束。
    注释的功能是为了方便设计和供他人阅读,在浏览器处理HTML文件时,将忽略注释标记以及注释内容。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表