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

网页设计HTML代码教程 

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

网页设计HTML代码教程 教程一、基本标志 教程二、格式标志 教程三、文本标志 教程四、图像标志 教程五、表格标志 教 程 >> HTML >> 基本标志 教程一、基本标志 教程六、链接标志 教程七、帧标志 教程八、表单标志 教程九、声音标志 1. 2. 3. 4. Html是英文 HyperText Markup Language 的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>来表示标志的开始和结束(例如标志对),因此在Html文档中这样的标志对都必须是成对使用的。在此教程中,我先讲一下Html的基本标志: 1. 标志用于Html文档的最前边,用来标识Html文档的开始。而标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。 2. 和构成Html文档的开头部分,在此标志对之间可以使用等等标志对,这些标志对都是描述Html文档相关信息的标志对,标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3. 是Html文档的主体部分,在此标志对之间可包含



等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性: 属性 设置背景颜色。 设置文本颜色。 设置链接颜色。 设置已使用的链接的颜色。 设置正在被击中的链接的颜色。 用途 示例 标志对中的文本使用蓝色显示在浏览器的框内。 4. 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在标志对之间加入您要显示的文本即可。注意:标志对只能放在标志对之间。 下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。 例1 Html文档中基本标志的使用 显示在浏览器最上边蓝色条中的文本 红色背景、蓝色文本

返回 教 程 >> HTML >> 格式标志 教程二、格式标志 1.

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

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

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


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

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

      的里边则
      前边和后边的文本的行与行之间的距离将比较小,您不妨试试看。 3.
      标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 4.
      用来创建一个普通的列表,
      用来创建列表中的上层项目,
      用来创建列表中最下层项目,
      都必须放在
      标志对之间。看一下下边的例子您就会明白了: 例2 创建一个普通列表 一个普通列表
      中国城市
      北京
      上海
      广州
      美国城市
      华盛顿
      芝加哥
      纽约

      此例在浏览器中的显示如下: 中国城市

      北京 上海 广州

      美国城市

      华盛顿 芝加哥 纽约

      5.

          1. 标志对用来创建一个标有数字的列表;
              标志对用来创建一个标有圆点的列表;
            • 标志对只能在

                  标志对之间使用,此标志对用来创建一个列表项,若

                • 放在
                    之间则每个列表项加上一个数字,若在
                      之间则每个列表项加上一个圆点。请看下边的例子:

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

                        中国城市

                      1. 北京
                      2. 上海
                      3. 广州

                        美国城市

                      • 华盛顿
                      • 芝加哥
                      • 纽约

                      此例在浏览器中的显示如下:

                      中国城市

                      1. 北京 2. 上海 3. 广州

                      美国城市

                      ? 华盛顿

                      5a2jp2ofx147le14llf9
                      领取福利

                      微信扫码领取福利

                      微信扫码分享