美化文字html超文本,html超文本标记语言.doc

html超文本标记语言

html超文本标记语言

步骤一：了解HTML语言

---

双标记：

内容...标记名>

段落标记：

.......

常见的标记：

声明文档类型

HTML:双标记，表示网页文件开始和结束

head:双标记，表示网页头部

body:双标记，表示网页主体

title:双标记，表示网页标题

meta:单标记，元标记

p：段落

h1,h2,h3,h4,h5,h6:标题标记，双标记

img：图像标记，网页中插入一个图像

a:超级链接标记，双标记，在网页中插入一个链接

.....

strong:加粗，双标记

div:层、区块，双标记

CSS：层叠样式表(网页显示方式)

JS：javascript脚本，主要是网页和用户实现交互的

步骤二：了解HTML的文档结构

通过一个最简单的HTML文档案例说明HTML文档结构，所有的HTML网页都是遵循如下文档结构。

新建一个记事本文件，写入以下代码到新文件，然后将文件命名为first.html 。实例代码如下：

copytextpop-up

标题栏内容

Hello world

标题栏内容

Hello world

文件的第一个标记是，告诉浏览器这是HTML文件的头。文件的最后一个标记是，表示HTML文件到此结束。

在

和之间的内容，是Head信息。Head信息是不显示出来的，在浏览器里看也不到。但是这并不表示这些信息没有用处。比如可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。

在

和之间的内容，是文件的标题。可以在浏览器最顶端的标题栏看到标题效果。

在

和之间的信息，是正文内容，将要显示在浏览器中。

浏览效果如图-1所示：

图-1

步骤三：了解HTML属性

HTML 标签可以拥有属性。属性总是以名称/值的形式出现，多个属性时，使用空格隔开。属性总是在 HTML 元素的开始标签中，与标签之间用空格隔开。

属性实例：

HTML 链接由标签定义。链接的地址在href属性中指定，代码如下：

copytextpop-up

标题栏内容

Hello world 百度

标题栏内容

Hello world 百度

浏览效果如图-2所示：

图-2

使用 Target 属性，可以定义被链接的文档在何处显示。例如target=“_blank”代表链接将在一个新的页面打开。代码如下：

copytextpop-up

标题栏内容

Hello world 百度

标题栏内容

Hello world 百度

步骤四：了解标题标签()

HTML语言提供了一系列对文章标题进行操作的标签对。标题(Heading)是通过

……

即一共六对标签进行定义的。

定义最大的标题，而

定义最小的标题，即标签中h后面的数字越大标题文本就越小。像等内容显示的标签都应出现在标签对中。

请确保将标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。