Html_Js_cssWeb基础教程(3)

来源：网络收集时间：2026-03-08

导读： HTML 标签: HTML 标签用来组成HTML 元素。HTML 标签两端有两个包括字符：“”和“”,这两个包括字符被称为角括号。 HTML 标签通常成对出现，比如b和/b。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结

HTML 标签:

HTML 标签用来组成HTML 元素。HTML 标签两端有两个包括字符：“<”和“>”,这两个包括字符被称为角括号。

HTML 标签通常成对出现，比如<b>和</b>。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。

HTML 标签是大小写无关的，<b>跟<B>表示的意思是一样的,但是我们提倡使用小写的标签.

标签属性:

标签是可以拥有属性的。属性能够为页面上的HTML 元素提供附加信息。例如:标签<body>定义了HTML 页面的主体元素。使用一个附加的bgcolor(背景颜色)属性，你可以告诉浏览器,你页面的背景色可以使用蓝色,你可以写下这样的代码:

同样,我们使用标签<table>可以定义一个HTML 表格,使用它的一个附加属性border(边界)，你可以向浏览器说明这个表格是没有边框的，我们可以写下如下的代码：

属性通常由属性名和值成对出现，就像这样：name="value"。属性通常是附加在HTML 元素的开始标签上的。

引号的使用:

属性值是包含在引号中的,我们可以使用双引号,但是也可以使用单引号,比如在有些情况下,属性值中本身包含引号,我们就可以使用单引号,比如：name='lxz003 say "Hello world",now the day is fine!'。

注意：我们在使用引号时要注意使用半角的符号,而且注意引号要成对出现的.

2.4 了解一下Html 的标签

<body></body>主体标签:要显示到浏览器中的主体文本.

代码:

<html>

<body>

看到了吗,这里在演示主体标签的用法,它将在浏览器中显示!

</body>

</html>

我想看一下:

htmlCode\body.HTML

<p></p>段落标签:在浏览器中显示段落,每一段落后会空一行.

代码:

寒雪谷（/snowyvalley ）

座拥寒雪谷，笑迎风雨来！ 1

5<html>

<body>

<p>这是第一段.</p>

<p>这是第二段.</p>

<p>这是第三段.</p>

<p>这是第四段.</p>

</body>

</html>

我想看一下:htmlCode\段落标记

.HTML

<h1></h 1>…<h6></h6>标题标签:标题显示标签从h1到h6逐渐减小字号, 每一个标题标签后面系统会自动跟一个空行.

代码:

<html>

<body>

</html>

我想看一下:htmlCode\标题标记

.HTML

<br>换行标签:结束当前行,强制换行,它是一个空标签,没有结束标签,不要使用</br>

寒雪谷（/snowyvalley ）

座拥寒雪谷，笑迎风雨来！ 1

6代码:

<html>

<body>

我们要学会使用强制换行标签,<br>看到了吗,强制换行标签在这里已经折行显示了.

</body>

</html>

我想看一下:htmlCode\折行标签

.HTML

注释标签: 注释标签用来在HTML 源文件中插入注释。注释会被浏览器忽略。你可以使用注释来解释你的代码，这样在你以后的维护很重要。

代码:

<html>

<head>

</head>

<body>

<center>千山鸟飞绝,</center><br>

<center>万径人踪灭.</center><br>

<center>孤舟蓑笠翁,</center><br> <center>独钓寒江雪.</center>

</body>

</html>

我想看一下:htmlCode\snowComment.HTML

注意:

● 注释标签只有一个!号,注释信息不会显示在浏览器中.

● 我们也不要期望使用空格,来进行排版,浏览器对多个空格会当一个空格来处理

● 我们也不建议使用<p></p>来插入空行,我们要使用<br><br>去插入空行.<p>可以不使

用</p>标记,但我们还是尽量保持标签的对应性.

2.5 标签的嵌套

我们在使用Html 标签的时候是可以嵌套的,任何正文信息都是嵌套在<body></body>标签中,同样<body></body>标签又嵌套在<html></html>标签中,其它的嵌套的例子比如: <b><i>加粗和斜体的嵌套</i></b>

或者可以:

寒雪谷（/snowyvalley ）

座拥寒雪谷，笑迎风雨来！ 1

7<i><b>加粗和斜体的嵌套</b></i>

我想看一下:htmlCode\Html 标签的嵌套

.HTML

嵌套时要注意它们的嵌套顺序嵌套要互相匹配,比如<b><i>不正确的嵌套</b></i>.

2.6 综合例子:学会使用标题,段落,折行和水平线,背景代码:

<html>

<head>

<title>爬楼和人生</title>

</head>

<h3>爬楼和人生</h3>

有一对兄弟，有一天他们出去爬山,然后一起回家。

他们的家住在八十层楼，他们一人背着一大包的行李回家，却发现大楼停电了。

于是哥哥就说:弟弟，我们一起爬楼梯上去吧。

于是他们就一起爬上去。

到了二十楼的时候，

哥哥又告诉弟弟:

包包太重了，我们把它放在二十楼，我们爬上去，明天再下来拿。

弟弟说: 好。

于是他们就把他们的包包放在二十楼，继续往上爬。

到了四十楼，弟弟开始抱怨，于是就跟哥哥吵起来了。

他们边吵边爬，爬到了六十楼，

哥哥就对弟弟说:只剩二十层楼了，我们不要吵了，默默的爬完它吧 !! 于是他们就各走各的，终于到了家门口。

哥哥就摆出了很帅的姿势:弟弟开门。

弟弟就对哥哥说: 别闹了，钥匙不是在你那儿。

结果，他们把钥匙留在二十楼的包包里了。

</p> <p>

这个故事其实在反映我们的人生,

有很多人在二十岁以前是活在家人的期望和老师的期许之下,

背负着很多的压力;

在二十岁之后离开了众人的压力,

寒雪谷（/snowyvalley ）

座拥寒雪谷，笑迎风雨来！ 1

8开始满腔的热血,

开始有很多的梦想要完成;

可是工作了二十年后, 开始发觉工作不如意...

于是就开始抱怨老板、抱怨公司、抱怨社会、抱怨政府。

就在这抱怨中又渡过了二十年。

于是告诉自己，六十岁了没什么好抱怨的了，就默默的走完自己的这些年吧。

到了八十岁快要死掉的前夕， …… 此处隐藏：2897字，全部文档内容请下载后查看。喜欢就下载吧 ……

Html_Js_cssWeb基础教程(3).doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/124590.html（转载请注明文章来源）

上一篇：物理实验教学研究(2013.1山西太谷)
下一篇：2017-2022年中国玻璃布增强塑料市场运营态势研究报告(目录)