好文档 - 专业文书写作范文服务资料分享网站

网页代码代码大全.

天下 分享 时间: 加入收藏 我要投稿 点赞

HTML代码教程 教程一、基本标志 1. 2. 3. 4.

Html是英文 HyperText Markup Language 的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>来表示标志的开始和结束(例如标志对),因此在Html文档中这样的标志对都必须是成对使用的。在此教程中,我先讲一下Html的基本标志:

1.

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

2.

和构成Html文档的开头部分,在此标志对之间可以使用< /title>、<script></script>等等标志对,这些标志对都是描述Html文档相关信息的标志 对,<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3.<body></body> </p><p> <body></body>是Html文档的主体部分,在此标志对之间可包含<p>、< /p>、<h1>、</h1>、<br>、<hr>等等众多的标志,它们所定义的文本、</p><p>图像等将 会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性: 属性 用途 示例 </p><p><body bgcolor=\设置背景颜色。 <body bgcolor=\红色背景 </p><p><body text=\设置文本颜色。 <body text=\蓝色文本 <body link=\设置链接颜色。 <body link=\链接为蓝色 <body vlink=\设置已使用的链接的颜色。 <body vlink=\</p><p><body alink=\设置正在被击中的链接的颜色。 <body alink=\</p><p> 说明:以上各个属性可以结合使用,如<body bgcolor=\text=\。引号内的rrggbb是 用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html语言所给定的常量名来表示颜 色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、 Fuchsia、Silver、Red、Blue和Teal,如<body text=\表示<body></body>标志对中的文本使用蓝色显示在浏览器的框内。 4.<title>

使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简 单,只要在标志对之间加入您要显示的文本即可。注意:< /title>标志对只能放在<head></head>标志对之间。 </p><p> 下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在</p><p>一个Html文档中的布局或所使用的位置。 例1 Html文档中基本标志的使用 <html> </p><p><head> </p><p><title>显示在浏览器最上边蓝色条中的文本

红色背景、蓝色文本

教程二、格式标志 1.

2.

3.

4.
5.
    • 6.

      上一个教程中我们讲了Html文档的基本标志,但我们还不知道怎样在浏览器中显示文本之类的东西,这正是我们在教程二中将要谈到的。在学习之前,必须强调 一下,我们这个教程中所讲的格式标志统统都是用于标志对之间的。 1.

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

      标志还可以使用align属性,它用来说明对齐方式,语法是:

      2.


      是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行,这么一说我想您该会使用了吧。在
      的使用上还有一定的技巧,如果您把
      加在

      标志对的外边,将创建一个大的回车换行,即
      前边和后边的文本的行与行之间的距离比较大,若放在

      的里边则
      前边和后边的文本的行与行之间的距离将比较小,您不妨试试看。

      3.

      标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。

      4.

      用来创建一个普通的列表,
      用来创建列表中的上层项目,
      用来创建列表中最下层项目,
      都必须放在
      标志对之间。看一下下边的例子您就会明白了:

      例2 创建一个普通列表

      一个普通列表

      中国城市
      北京
      上海
      广州
      美国城市
      华盛顿
      芝加哥
      纽约

      此例在浏览器中的显示如下: 中国城市 北京 上海 广州 美国城市 华盛顿 芝加哥 纽约 5.

          1. 标志对用来创建一个标有数字的列表;
              标志对用来创建一个标有圆点的列表;
            • 标志对只能在
                  标志对之间使用,此标志对用来创建一个列表项,若
                • 放在
                    之间则每个列表项加上一个数字,若在
                      之间则每个列表项加上一个圆点。请看下边的例子:

                      例3 标有数字或圆点的列表

                      中国城市

                    • 北京
                    • 上海
                    • 广州
                      • 美国城市

                      • 华盛顿
                      • 芝加哥
                      • 纽约

                      此例在浏览器中的显示如下: 中国城市 1. 北京 2. 上海 3. 广州 美国城市 ? 华盛顿 ? 芝加哥 ? 纽约 6.

                      标志对用来排版大块Html段落,也用于格式化表,此标志对的用法与

                      标志对非常相似,同样有align对齐方式属性,读者可以自己试试看。 教程三、文本标志 1.
                       

                      2.

                      ……
                      3.

                      4. 5.

                      上一个教程中我们已经讲了如何在浏览器中输出文本,以及文本输出的格式,这个教程中我们将谈一谈文本输出的字体,如斜体、黑体字、下加一划线等等。在本教程的最后给出了一个文本标志的综合示例,希望读者能认真阅读。

                      1.

                       

                      标志对用来对文本进行预处理操作。  

                      2.

                      ……

                      Html语言提供了一系列对文本中的标题进行操作的标志对:

                      ……
                      ,即一共有六对标题的标志对。

                      是最大的标题,而
                      则是最小的标题,也即是标志中 h 后面的数字越大标题文本就越小。如果您的Html文档中需要输出标题文本的话,便可以使用这六对标题标志对中的任何一对。

                      3.

                      经常使用 WORD 的人对这三对标志对一定很快就能掌握。用来使文本以黑体字的形式输出;用来使文本以斜体字的形式输出;用来使文本以下加一划线的形式输出。后边将会有一个综合的例子,所以此处就不再作详细讲解了。

                      4.

                      这些标志对的用法和上边的一样,差别只是在于输出的文本字体不太一样而已。用来输出打字机风格字体的文本;用来输出引用方式的字体,通常是斜体;用来输出需要强调的文本(通常是斜体加黑体);则用来输出加重文本(通常也是斜体加黑体)。这些标志对的示例也将在后边综合的例子中出现。

                      5.

                      是一对很有用的标志对,它可以对输出文本的字体大小、颜色进行随意地改变,这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的。size属性用来改变字体的大小,它可以取值:-1、1和+1;

                      而color属性则用来改变文本的颜色,颜色的取值是我们在教程一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。具体用法请看下边综合的例子。

                      例4 文本标志的综合示例

                      文本标志的综合示例

                      最大的标题

                      使用h3的标题

                      最大的标题

                      黑体字文本

                      斜体字文本

                      下加一划线文本

                      打字机风格的文本

                      引用方式的文本

                      强调的文本

                      加重的文本

                      本例在浏览器中显示的结果如下: 最大的标题 使用h3的标题 最大的标题 黑体字文本 斜体字文本 下加一划线文本 打字机风格的文本 引用方式的文本 强调的文本 加重的文本 size取值“+1”、color取值“red”时的文本 教程四、图像标志 1.

                      2.


                      再简单朴素的网页如果只有文字而没有图像的话将失去许多活力,图像在网页制作中是非常重要的一个方面,Html语言也专门提供了标志来处理图像的输出。

                      1.

                      标志并不是真正地把图像给加入到Html文档中,而是将标志对的src属性赋值,这个值是图形文件的文件名,当然包括路径,这个路径可以是相对路径,也可以是网址。 实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径,我现在就来讲一讲相对路

                      网页代码代码大全.

                      HTML代码教程教程一、基本标志1.2.3.4.Html是英文HyperTextMarkupLanguage的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使
                      推荐度:
                      点击下载文档文档为doc格式
                      • 正文标题

                      • 上下篇章

                      • 相关推荐

                      • 精选图文

                      1w1wi71yt51xu1x81dzc4m0xd0pw4b00noh