双盘三小时:HTML语言>>基本标签[01]

来源：百度文库编辑：偶看新闻时间：2024/04/29 10:18:49

HTML语言>>基本标签[01]

一、HTML语言基本概念：

HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是WEB应用开发语言的基础，是目前网络上应用最为广泛的语言，同时亦是构成网页文档的主要语言。
HTML文本是由HTML标签（命令）组成的描述性文本，HTML标签可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

二、HTML语言基础方法：

    对于技术成熟的HTML编辑者来说，TXT是比较方便的编辑器，另外，诸如Mcrosoft Word\写字板等软件亦可进行HTML编辑，随着网络技术的不断发展，出现了许多编辑网页的软件，编写者可根据具体情况可兼顾使用。
    基本HTML页面以标签开始，以结束。在它们之间，整个页面有两部分－－标题和正文。标题词－－夹在和标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。
    在HTML语言中，标签基本上是成双出现。
    HTML文件的扩展名为“xxx.html”，亦可为“xxx.htm”。

三、HTML文档基本格式：

     ...

     ...

       标签说明:
       1、HTML文档中，第一个标签是。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是，这个标签告诉浏览器这是HTML文档的终止。
       2、和标签表示HTML文本的头区域。在浏览器窗口中，头信息是不被显示的；
       3、和标签之间的文本是HTML文件的标题，它被显示在浏览器的最顶端；
       4、和标签之间的文本是正文，表示文件的主体信息；
       5、作为HTML的开端，本教程作者提倡今后使用小写标签编写HTML语言，尽管HTML4.0对规范化书写并不是要求的很严格，但是规范化书写在今后会逐渐成为一种趋势，具体请参阅XHTML/XML相关知识。

四、行列标签：

[1]、定义标题...：

定义标题<title><br>               <h1>正文1号标题</h1><br>               <h1>正文2号标题</h1><br>               <h1>正文3号标题</h1><br>               <h1>正文4号标题</h1><br>               <h1>正文5号标题</h1><br>               <h1>正文6号标题</h1><br>         </body><br>         </html> </p><p>    [2]、划分段落<p>...</p>：</p><p>         <html> <br>         <body><br>         <title>划分段落<title><br>               <p>文章段落</p><br>               <p>文章段落</p><br>               <p>文章段落</p><br>               <p>文章段落</p><br>         </body><br>         </html> </p><p>    [3]、换行<br>：</p><p>         <html> <br>         <body><br>         <title>换行<title><br>               <p><br>               第一行<br><br>               第二行<br><br>               第三行<br><br>               第四行<br><br>               </p><br>         </body><br>         </html> </p><p>    [4]、HTML注释：</p><p>         语法格式： </p><p>         <html> <br>         <body><br>         <title>HTML注释

代码注释在浏览器中被忽略，无法在网页中显示

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

备注：本教程为萧明原创，天下开发社区HTML版与腾讯论坛网站开发与设计版同步发布，其他网站未经允许不得私自转载。

天下开发社区网址：http://www.21tianxia.com

腾讯论坛网站开发与设计版网址：http://bbs.tech.qq.com/b-1000090276

萧明 (709382520) 于 2009-01-25 18:51:00 对此帖进行了编辑
萧明 (709382520) 于 2009-01-25 18:51:44 对此帖进行了编辑
萧明 (709382520) 于 2009-01-25 18:55:24 对此帖进行了编辑

HTML语言>>信息标签[02]

一、样式表链接：
       1、外链：
       2、嵌入式：

               嵌入样式表

二、网页信息(meta):
       1、关键字设定：

       2、页面描述：

       3、搜索引擎索引：

             content的参数有all、none、index、noindex、follow、nofollow，默认是all。
       4、网页字符集：
            [1]、简体中文：
            [2]、繁体中文：
            [3]、英语：
       5、收藏夹图标：

       6、公司版权注释：

       7、网页制作者信息

       8、Javascript外部调用.:

       9、自动跳转功能：

       10、网页重新调阅：

       11、禁止浏览器从本地机的缓存中调阅页面内容：

       12、防止它站在框架里调用本页面：

HTML语言>>格式标签[03]

一、格式字体：
     1、斜体文字：...
     2、粗体文字：...
     3、字体颜色： ...
          备注： #=rrggbb 16 进制数码，或者是下列预定义色彩：
                    Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
                    Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
     4、客户端字体： ...
          备注：#=客户端可获得的字体

二、逻辑字体：
     1、放大字体：...
          备注：多个和同时作用于一个文本，字型会按照和的个数放大。
     2、缩小字型：...
          备注：多个和同时作用于一个文本，字型会按照和的个数缩小。

三、上下标字体：
1、上标字体：_...
2、下标字体：^...

四、插入删除：
插入字体：...
删除字体：~~...~~

五、预格式化文本：
语法格式：

...

六、计算机代码：
语法格式：...

七、滚动文字：
      如：文字
　　      1、direction 表示滚动的方向，值可以是left，right，up，down，默认为left；
　　      2、behavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）；
　　      3、loop 表示循环的次数，值是正整数，默认为无限循环；
　　      4、scrollamount 表示运动速度，值是正整数，默认为6；
　　      5、scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒；
　　      6、align 表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle；
　　      7、bgcolor 表示运动区域的背景色，值是16进制的RGB颜色，默认为白色；
　　      8、height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度；
　　      9、hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素；
　　     10、onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

八、字符标签：
      1、空格（）：
           字符专用名称：
           字符代号：
      2、小于号（<）：
           字符专用名称：<
           字符代号：<
      3、大于号（>）：
           字符专用名称：>
           字符代号：>
      4、&符号（&）：
           字符专用名称：&
           字符代号：&
      5、双引号（"）：
           字符专用名称："
           字符代号："
      6、版权：
           字符专用名称：©
           字符代号：©
      7、注册商标：
           字符专用名称：®
           字符代号：®
      8、乘号（X）：
           字符专用名称：×
           字符代号：×
      9、除号：
           字符专用名称：÷
           字符代号：÷

HTML语言>>列表标签[04]

一、无序列表：

二、有序列表：

三、定义列表：

定义条件: 定义描述
定义条件: 定义描述

四、Type属性：

[1]、无序列表属性：

#=disk, circle, square

[2]、有序列表属性：

HTML语言>>表格标签[05]

一、基本语法：

单元格	单元格	单元格
单元格	单元格	单元格

二、跨多列表元：

[1]、跨多列：

Morning Menu
列表一	列表二	列表三
A	B	C

     [2]、跨多行：rowspan

三、表格尺寸设置：

[1]、边框尺寸设置：

...

[2]、表元间隙设置：

...

四、表格内文字的对齐/布局：

     [1]、


              #=left, center, right
     [2]、


              #=top, middle, bottom, baseline(在邻接行中单元格内的文本沿公共基线对齐）

五、表格在页面中的对齐/布局：

[1]、

...

#=left,center,right
[2]、...

#=space value

六、表格的标题：

[1]、 ... #=left, center, right
[2]、 ... #=top, bottom

七、表格的色彩：

     [1]、表元的背景色彩和背景图象：

       #=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称：
       Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
       Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

     [2]、表格边框的色彩：

[3]、表格边框色彩的亮度控制：

HTML语言>>图片标签[06]

一、链入图象的基本语法：
     #=图象的 URL
     #=在浏览器尚未完全读入图象时，在图象位置显示的文字。
                                       ##=鼠标悬停显示文字。

二、图象和文字的对齐：
#=top, middle, bottom

三、图象在页面中的对齐/布局：
#=top;middle;bottom;
#=left;center;right;

四、边框：
#=value

五、height属性和width属性（图片显示大小）：

六、热点区域：
      1、标签说明：
           [1]、map标签是成对出现的,以开始，结束
           [2]、map标签必须配合area标签使用。
           [3]、map标签中name与id属性指定的值必须与定义图像点击区中图像(img)的usemap属性指定的值一致。
      2、属性说明：
          [1]、Common -- 一般属性；
          [2]、id -- 定义map的名称；
          [3]、name -- 定义map的名称；
          如：

HTML语言>>框架标签[08]
　　
一、基本语法：

     ...

     ...

二、各窗口的尺寸设置：

     1、纵向排列多个窗口：






     2、横向排列多个窗口：





     3、纵横排列多个窗口：







     4、不允许各窗口改变大小：

   缺省设置是允许各窗口改变大小的。

三、Frame 的外观：
      1、各窗口边框的设置： #=yes, no / 1, 0
      2、各窗口间空白区域的设置： #=空白区域的大小
      3、边框色彩
           #=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称：
           Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
           Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
      4、页面空白：
      5、卷滚条设置 #=yes, no, auto
           备注：缺省值是 auto。

四、浮动窗口(Floating Frame)：
...

HTML语言>>表单标签[09]

一、文字输入和密码输入：


      用户名:


      密  码:


      文本:

二、复选框和单选框：
     1、复选框：



              Banana

Apple

Orange

      2、单选框：



               Banana

Apple

Orange

三、隐藏表单的元素：

         Here is a hidden element.

四、列表框：

窗体顶端

五、文本区域：
... <textarea></p><p> <form action=/cgi-bin/post-query method=POST><br> <textarea name=comment rows=5 cols=60><br> ... <br>

关于html语言中的td标签谁会HTML语言教程--最基本的 html语言的标签和标签属性的中英文对照啊 HTML 标签什么意思 HTML中的input标签 html语言中的div标签是什么意思以及它有哪些属性? ★★HTML语言中有‘关键字’标签吗？★★ html语言中<td>标签的class属性是做什么用的?? html语言 HTML语言 HTML语言 HTML语言... HTML语言.. 怎样用VBScript过滤HTML标签 html的标签有哪些？ HTML语言的三种基本格式,HTML文件的结构样式,各种文件格式化标记副属性名 html语言中<META>标签charset=gb2312和charset=utf-8有什么区别？ html语言是什么语言？ HTML<body>标签解释 UBB与HTML标签的顺序问题 response.write中怎样输出html标签 html中的object标签的详细用法？ html语言的学习 HTML语言编辑帖子