html超文本标记语言..doc
文本预览下载声明
步骤一:了解HTML语言
hr size=2 /
br /
双标记:
标记名 属性=值内容.../标记名
段落标记:p......./p
常见的标记:
!DOCTYPE html :声明文档类型
HTML:双标记,表示网页文件开始和结束
head:双标记,表示网页头部
body:双标记,表示网页主体
title:双标记,表示网页标题
meta:单标记,元标记
p:段落
h1,h2,h3,h4,h5,h6:标题标记,双标记
img:图像标记,网页中插入一个图像
a:超级链接标记,双标记,在网页中插入一个链接
a href=/...../a
strong:加粗,双标记
div:层、区块,双标记
CSS:层叠样式表(网页显示方式)
JS:javascript脚本,主要是网页和用户实现交互的
步骤二:了解HTML的文档结构
通过一个最简单的HTML文档案例说明HTML文档结构,所有的HTML网页都是遵循如下文档结构。
新建一个记事本文件,写入以下代码到新文件,然后将文件命名为first.html 。实例代码如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world
/body
/html
html
head
title标题栏内容/title
/head
body
Hello world
/body
/html
文件的第一个标记是html,告诉浏览器这是HTML文件的头。文件的最后一个标记是/html,表示HTML文件到此结束。
在head和/head之间的内容,是Head信息。Head信息是不显示出来的,在浏览器里看也不到。但是这并不表示这些信息没有用处。比如可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。
在title和/title之间的内容,是文件的标题。可以在浏览器最顶端的标题栏看到标题效果。
在body和/body之间的信息,是正文内容,将要显示在浏览器中。
浏览效果如图-1所示:
图-1
步骤三:了解HTML属性
HTML 标签可以拥有属性。属性总是以名称/值的形式出现,多个属性时,使用空格隔开。属性总是在 HTML 元素的开始标签中,与标签之间用空格隔开。
属性实例:
HTML 链接由a标签定义。链接的地址在href属性中指定,代码如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world a href=百度/a
/body
/html
html
head
title标题栏内容/title
/head
body
Hello world a href=百度/a
/body
/html
浏览效果如图-2所示:
图-2
使用 Target 属性,可以定义被链接的文档在何处显示。例如target=“_blank”代表链接将在一个新的页面打开。代码如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world a href= target=“_blank”百度/a
/body
/html
html
head
title标题栏内容/title
/head
body
Hello world a href= target=“_blank”百度/a
/body
/html
步骤四:了解标题标签(h)
HTML语言提供了一系列对文章标题进行操作的标签对。标题(Heading)是通过h1/h1……h6/h6即一共六对标签进行定义的。h1/h1定义最大的标题,而h6/h6定义最小的标题,即标签中h后面的数字越大标题文本就越小。像h等内容显示的标签都应出现在body/body标签对中。
请确保将h标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为网页的结构和内容编制索引,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
语法如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world a href=百度/a
h1这是1号标题/h1
h2这是2号
显示全部