HTML语言_范例.docVIP

HTML语言_范例 一、一些基础的HTML Tag（类别） 1.1：一个非常简单的HTML文件 HTML语言如下： html title 我的第一个网站 /title body 这是一个非常简单的HTML。 /body /html 效果如下： 这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML文件的Tag。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文件有个最初的认识。 1.2：更多段落 这个示例显示了段落的特性，在HTML里用p和/p划分段落。 HTML语言如下： html body p这是第一段。/p p这是第二段。/p p这是第三段。/p p在HTML里，用p来定义段落。 /p /body /html 效果如图： 1.3：换行 这个示例告诉你如何在HTML文件里换行。br HTML语言如下： html body p 要br在一段br里br换行br请使用brbr这个Tag。 /p /body /html 效果如下： 通过使用br这个Tag，可以在不新建段落的情况下换行。用p换行是个坏习惯，正确的是使用br。 1.4：正文标题 这个示例教会你如何在HTML文件里显示正文标题。HTML用h1到h6这几个Tag来定义正文标题，从大到小。每个正文标题自成一段。 HTML语言如下： html body h1这是1号标题/h1 h2这是2号标题/h2 h3这是3号标题/h3 h4这是4号标题/h4 h5这是5号标题/h5 h6这是6号标题/h6 /body /html 效果如图： 1.5：居中的正文标题 这个示例告诉你如何将正文标题居中显示。使用center与/center表示居中。 HTML语言如下： html body center h1这是1号标题/h1 /center p上面的标题是居中显示的。 /p /body /html 效果如图： 1.6：加条横线 hr HTML语言如下： html body p用hr这个Tag可以在HTML文件里加一条横线。/p hr p你看到上下的横线了吗？/p hr p初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！……/p /body /html 效果如下： 1.7：代码注释 这些注释只显示在HTML源代码中，而源代码最终形成的网页里是看不到这些注释的。!—注释内容-- HTML语言如下： html body !--这是代码注释-- p代码注释是不会显示在网页里的。/p /body /html 效果如图： 1.8：背景颜色 可以直接写颜色的英文名，也可以找到色彩的数字代码。 HTML语言如下： html body bgcolor=yellow h2看，这个页面是黄色的。/h2 /body /html 效果： 二、HTML常用格式 2.1 HTML常用的格式 HTML语言如下： html body pb粗体用b表示。/b/p pi斜体用i表示。/i/p pdel芙蓉姐姐/del这个词当中划线表示删除。/p pins想唱就唱/ins这个词下划线插入。/p pXsub2/sub其中的2是下标/p pXsup2/sup其中的2是上标/p pblockquote好好学习，天天向上。这句话缩进表示引用/blockquote/p pre 这是 预设(preformatted)文本. 在pre这个tag里的文本 保留 空格和 分行。 /pre codecall getOrders/code p用code显示计算机代码，code里显示的字符是等宽字符。/p /body /html 效果： 三、HTML利用超链接打开链接文件 3.1 建立超链接 点击a/a当中的内容，即可打开一个链接文件，href属性则表示这个链接文件的路径。 使用target属性，可以在一个新窗口里打开链接文件。 HTML语言如下： html body p a href=这是百度的链接/a /p p a href= target=_blank从新的页面打开网易的主页/a /p /body /html 效果如下： 3.2 将一个图片作为一个超链接 演示了如何将一个图片作为一个超链接，即点击一个图片，可以连接到其它文件。 HTML语言如下： html body p 你可以将一张图片作为一个链接，点击这个图片。 a href=img src=tupian.jpg /a /p /body /html 效果： 3.3 title属性 使用