实训三Web开发的基本技术Word格式.docx

实训三Web开发的基本技术Word格式.docx

《实训三Web开发的基本技术Word格式.docx》由会员分享，可在线阅读，更多相关《实训三Web开发的基本技术Word格式.docx（14页珍藏版）》请在冰豆网上搜索。

body>

p>

body元素的内容会显示在浏览器中。

/p>

title元素的内容会显示在浏览器的标题栏中。

/body>

/html>

执行效果：

2.简单的段落

此例演示：

段落元素中的文字如何被浏览器显示。

这是段落。

段落元素由p标签定义。

3.标题

本例演示在HTML文档中显示标题的标签。

h1>

Thisisheading1<

/h1>

h2>

Thisisheading2<

/h2>

h3>

Thisisheading3<

/h3>

h4>

Thisisheading4<

/h4>

h5>

Thisisheading5<

/h5>

h6>

Thisisheading6<

/h6>

请仅仅把标题标签用于标题文本。

不要仅仅为了产生粗体文本而使用它们。

请使用其它标签或CSS代替。

4.水平线

本例演示如何插入水平线。

hr标签定义水平线：

hr/>

5.隐藏的注释

本例演示如何在HTML源代码中插入隐藏的注释。

!

--这是一段注释。

注释不会在浏览器中显示。

-->

这是一段普通的段落。

6.背景颜色

本例演示如何为HTML页面添加背景颜色。

metahttp-equiv="

Content-Type"

content="

text/html;

charset=gb2312"

/>

Content-Language"

zh-cn"

bodybgcolor="

yellow"

>

请看:

改变了颜色的背景。

7.文本格式化

此例演示如何在一个HTML文件中对文本进行格式化

b>

Thistextisbold<

/b>

br/>

strong>

Thistextisstrong<

/strong>

big>

Thistextisbig<

/big>

em>

Thistextisemphasized<

/em>

i>

Thistextisitalic<

/i>

small>

Thistextissmall<

/small>

Thistextcontains

sub>

subscript<

/sub>

sup>

superscript<

/sup>

8.创建超级链接

本例演示如何在HTML文档中创建链接。

ahref="

/index.html"

本文本<

/a>

是一个指向本网站中的一个页面的链接。

是一个指向万维网上的页面的链接。

9.将图像作为链接

文件名为：

a_img.html

本例演示如何使用图像作为链接。

您也可以使用图像来作链接：

./lastpage.html"

imgborder="

0"

src="

./eg_buttonnext.gif"

10.链接到同一个页面的不同位置

本例演示如何使用链接跳转至文档的另一个部分

#C4"

查看Chapter4。

Chapter1<

Thischapterexplainsbablabla<

Chapter2<

Chapter3<

aname="

C4"

Chapter4<

Chapter5<

Chapter6<

Chapter7<

Chapter8<

Chapter9<

Chapter10<

Chapter11<

Chapter12<

Chapter13<

Chapter14<

Chapter15<

Chapter16<

Chapter17<

11.表格

这个例子演示如何在HTML文档中创建表格。

每个表格由table标签开始。

每个表格行由tr标签开始。

每个表格数据由td标签开始。

一列：

tableborder="

1"

tr>

<

td>

100<

/td>

/tr>

/table>

一行三列：

200<

300<

两行三列：

400<

500<

600<

12.带有标题的表格

本例演示一个带标题（caption）的表格

这个表格有一个标题，以及粗边框：

6"

caption>

我的标题<

/caption>