HTML标签以及各个标签属性大全网页制作必备要点.docx

上传人:b****6 文档编号:5810293 上传时间:2023-01-01 格式:DOCX 页数:22 大小:28.44KB
下载 相关 举报
HTML标签以及各个标签属性大全网页制作必备要点.docx_第1页
第1页 / 共22页
HTML标签以及各个标签属性大全网页制作必备要点.docx_第2页
第2页 / 共22页
HTML标签以及各个标签属性大全网页制作必备要点.docx_第3页
第3页 / 共22页
HTML标签以及各个标签属性大全网页制作必备要点.docx_第4页
第4页 / 共22页
HTML标签以及各个标签属性大全网页制作必备要点.docx_第5页
第5页 / 共22页
点击查看更多>>
下载资源
资源描述

HTML标签以及各个标签属性大全网页制作必备要点.docx

《HTML标签以及各个标签属性大全网页制作必备要点.docx》由会员分享,可在线阅读,更多相关《HTML标签以及各个标签属性大全网页制作必备要点.docx(22页珍藏版)》请在冰豆网上搜索。

HTML标签以及各个标签属性大全网页制作必备要点.docx

HTML标签以及各个标签属性大全网页制作必备要点

  取消换行和
相反

总类(所有HTML文件都有的)

--------------------------------------------------------------------------------

文件类型     (放在档案的开头与结尾)

文件主题   (必须放在「文头」区块内)

文头          (描述性资料,像是「主题」)

文体         (文件本体)

 结构性定义(由浏览器控制的显示风格)

--------------------------------------------------------------------------------

标题

>

>(?

表示从1到6,有六层选择)数值越高字越小

标题对齐 

ALIGN=LEFT|CENTER|RIGHT>

>左对齐、居中对齐、右对齐

 区分

区分对齐

左对齐、右对齐、居中对齐、两端对齐

引文区块

(通常会内缩)

斜体 

加粗 

引文 (通常会以斜体显示)

 码(显示原始码之用)

样本

表示一段用户应该对其没有什么其他解释的文本。

要从正常的上下文抽取这些字符时,通常要用到这个标签。

并不经常使用,只在要从正常上下文中将某些短字符序列提取出来,对其加以强调,才使用这个标签

 键盘输入

变数

定义(有些浏览器不提供)

地址

 3.0大字

3.0小字

与外观相关的标签(作者自订的表现方式)

--------------------------------------------------------------------------------

加粗

斜体

3.0底线(尚有些浏览器不提供)

 3.0删除线(尚有些浏览器不提供)

3.0下标

3.0上标

打字机体(用单空格字型显示)

预定格式

(保留文件中空格的大小)

预定格式的宽度

>(以字元计算)

 N1.0+向中看齐

(文字与图片都可以)

N1.0闪耀(有史以来最被嘲弄的标签)

 N1.0字体大小

>(从1到7)

 N1.0改变字体大小

>

 N1.0基本字体大小

>(从1到7;内定为3)

N2.0字体颜色

连结与图形

--------------------------------------------------------------------------------

链接  

连结到锚点(如果锚点在另一个档案)

        (如果锚点目前的档案)

N2.0连结到目的视框

 设定锚点

 图形

图形看齐方式 

N1.0图形看齐方式

 

取代文字(如果没有办法显示图形则显示此文字)

点选图(需要CGI程式)

N2.0点选图

N2.0地图(描述地图)

N2.0段落

3.0大小

"HEIGHT="?

">(以pixels为单位:

px)

 N1.0图形边缘

>(以pixels为单位)

N1.0图形边缘空间

VSPACE=?

>(以pixels为单位)

 N1.0低解析度图形

 N1.1用户端拉

;URL=URL">(使用端自动更新)

 N2.0内嵌物件(将物件插入页面)

N2.0内嵌物件大小

"HEIGHT="?

">

分隔

-------------------------------------------------------------------------------- 

段落

(通常是两个return)

 3.0段落

(新定义成容器型标签)

3.0文字看齐方式

换行
(一个return)

 N1.0文字部份看齐方式(与图形合用时)

 横线


 N1.0横线对齐

 N1.0横线厚度

>(以pixels为单位)

 N1.0横线宽度

>(以pixels为单位)

N1.0横线比率宽度(以页宽为100%)

N1.0实线(没有立体效果)

N1.0不可换行(不换行)

 N1.0可换行处(如果需要,可在此断行)

列举(可以巢状列举)

--------------------------------------------------------------------------------

无次序式列举

  • 放在每一项前)

     N1.0公布式列举(定义全部的列举项)

    (定义这个及其後的列举项)

    有次序式列举

  • 放在每一项前)

     N1.0数标型态(定义全部的列举项)

    (定义这个及其後的列举项)

    N1.0起始数字

    >(定义全部的列举项)

    >(定义这个及其後的列举项)

    定义式列举

    项目,
    定义)

     表单式列举

  • 放在每一项前)

     目录式列举

  • 放在每一项前)

    背景与颜色

    --------------------------------------------------------------------------------

    3.0重复排列的背景

    N1.1+背景颜色(依序为红、绿、蓝)

    N1.1+文字颜色

    N1.1+连结颜色

    N1.1+看过的连结

    N1.1使用中的连结

    特殊字元(以下标签需用小写)

    -------------------------------------------------------------------------------- 

    特别符号&#?

    ;(其中?

    代表ISO8859-1的编码)

    <<>>&&""

    注册商标TM?

    N1.0+注册商标TM®

    著作权符号?

     N1.0+著作权符号©

    表单(通常需要与CGI程式配合)

    --------------------------------------------------------------------------------

    定义表单

    N2.0上传档案

     输入栏位

     栏位名称

    栏位内定值

     已选定(适用於checkboxes与radioboxes)

     栏位宽度

    >(以字元数为单位)

     最长字数

    >(以字元数为单位)

     下拉式选单

     下拉式选单名称

    选单项目数量

    >

    多选式选单(多选)

     选项

     内定选项

     文字输入区

    COLS=?

    >

     输入区名称

     N2.0输入区换行方式

    表格

    --------------------------------------------------------------------------------

    3.0定义表格

    3.0表格框线(有或没有)

     N1.1表格框线

    >(可以设定数值)

    N1.1储存格左右留白

    >

     N1.1储存格上下留白

    >

     N1.1表格宽度

    >(以pixels为单位)

     N1.1宽度比率(页宽为100%)

    3.0表格列

    3.0表格列内容看齐

    3.0储存格(须与列并用)

    3.0储存格内容看齐

    3.0不换行

     N3.0储存格背景颜色

     3.0储存格横向连接

    >

     

    3.0储存格纵向连接

    >

     N1.1储存格宽度

    >(以pixels为单位)

     N1.1储存格宽度比率(页宽为100%)

    3.0表格标题(跟一样,不过会对中并加粗)

     3.0表格标题对齐

     3.0表格标题不换行

     3.0表格标题占几栏

    >

     

    3.0表格标题占几列

    >

     

    N1.1表格标题宽度

    >(以pixels为单位)

     

    N1.1表格标题比率宽度(页宽为100%)

     

    3.0表格抬头

     

    3.0表格抬头看齐(在表格之上/之下)

     

    视框(定义与控制萤幕上的特定区域)

    --------------------------------------------------------------------------------

    N2.0视框格式总定义(取代)

     

    N2.0视框行长度分配(pixels或%)

     

    N2.0视框行长度分配(*=相对大小)

     

    N2.0视框栏宽度分配(pixels或%)

     

    N2.0视框栏宽度分配(*=相对大小)

     

    N2.0定义个别视框(定义个别视框)

     

    N2.0个别视框内容

     

    N2.0个别视框名称

     

    N2.0边缘宽度

    >(「左」与「右」边界)

     

    N2.0边缘高度

    >(「天顶」与「地底」边界)

     

    N2.0卷动条

     

    N2.0不可改变大小

     

    N2.0无视框时的内容(如果浏览器不提供视框功能的话)

     

    杂项

    --------------------------------------------------------------------------------

    说明

    --***-->(浏览器不会显示)

    档案型态声明

    DOCTYPEHTMLPUBLIC"-//IETF//DTDHTML2.0//EN">

    3.0档案型态声明

    DOCTYPEHTMLPUBLIC"-//W3O//DTDW3HTML3.0//EN">

    可搜寻(指示可搜寻的索引项)

     

    N1.0提示(要求输入的提示文字)

     

    送出搜寻条件

    ***">(其中的问号不是数字,而是「问号」)

     

    基本档案的URL(必须放在「文头」区段内)

     

    N2.0基本视窗名称(必须放在「文头」区段内)

     

    相关性(必须放在「文头」区段内)

     

    背景资讯(必须放在「文头」区段内)

     

     

     

     

     

    HTML标签

    HTML标签通常是英文词汇的全称(如块引用:

    blockquote)或缩略语(如“p”代表Paragragh),但它们的与一般文本有区别,因为它们放在单书名号里。

    故Paragragh标签是

    块引用标签是

    有些标签说明页面如何被格式化(例如,

    开始一个新段落),其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。

     

    关于标签,需要记住的是,它们是成双出现的。

    每当使用一个标签--如

    ,则必须以另一个标签
    将它关闭。

    注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。

    基本HTML页面以标签开始,以结束。

    在它们之间,整个页面有两部分--标题和正文。

     

    标题词--夹在和标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。

    正文则夹在和之间--即所有页面的内容所在。

    页面上显示的任何东西都包含在这两个标签之中。

     

    那么让我们建立一个简单的范例吧,非常容易的。

    第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。

    (随便你起一个什么名字,但记住,要用英文)

     

    然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。

     

    .

    2.

    3.

    4.

     

    Html是英文HyperTextMarkupLanguage的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。

    您可以使用记事本、写字板或FrontPageEditor等编辑工具来编写Html文件。

    Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>来表示标志的开始和结束(例如标志对),因此在Html文档中这样的标志对都必须是成对使用的。

    在此教程中,我先讲一下Html的基本标志:

     

    1.

    标志用于Html文档的最前边,用来标识Html文档的开始。

    而标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。

     

    2.

    和构成Html文档的开头部分,在此标志对之间可以使用等等标志对,这些标志对都是描述Html文档相关信息的标志对,标志对之间的内容是不会在浏览器的框内显示出来的。

    两个标志必须一块使用。

     

    3.

    是Html文档的主体部分,在此标志对之间可包含



    等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。

    两个标志必须一块使用。

    标志中还可以有以下属性:

    属性

    用途

    示例

     

    设置背景颜色。

    红色背景

    设置文本颜色。

    蓝色文本

    设置链接颜色。

    链接为蓝色

    设置已使用的链接的颜色。

    设置正在被击中的链接的颜色。

    说明:

    以上各个属性可以结合使用,如

    引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。

    此外,还可以使用Html语言所给定的常量名来表示颜色:

    Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如表示标志对中的文本使用蓝色显示在浏览器的框内。

     

    4.

    使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在标志对之间加入您要显示的文本即可。

    注意:

    标志对只能放在标志对之间。

     

    下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。

    例1Html文档中基本标志的使用

     

    显示在浏览器最上边蓝色条中的文本

     

    红色背景、蓝色文本

     

     

    1.

    2.

    3.

    4.

    5.

      • 6.

        上一个教程中我们讲了Html文档的基本标志,但我们还不知道怎样在浏览器中显示文本之类的东西,这正是我们在教程二中将要谈到的。

        在学习之前,必须强调一下,我们这个教程中所讲的格式标志统统都是用于标志对之间的。

         

        1.

        标志对是用来创建一个段落,在此标志对之间加入的文本将按照段落的格式显示在浏览器上。

        另外,

        标志还可以使用alig

      • 展开阅读全文
        相关资源
        猜你喜欢
        相关搜索

        当前位置:首页 > 经管营销

        copyright@ 2008-2022 冰豆网网站版权所有

        经营许可证编号:鄂ICP备2022015515号-1