html超文本标记语言题材.doc

html超文本标记语言 步骤一：了解HTML语言 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 。实例代码如下：  HYPERLINK /tts8_source/ttsPage/EME/EME_V01/WEBSITE01/DAY05/CASE/01/index.html copy HYPERLINK /tts8_source/ttsPage/EME/EME_V01/WEBSITE01/DAY05/CASE/01/index.html text HYPERLINK /tts8_source/ttsPage/EME/EME_V01/WEBSITE01/DAY05/CASE/01/index.html pop-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属性中指定，代码如下：  HYPERLINK /tts8_source/ttsPage/EME/EME_V01/WEBSITE01/DAY05/CASE/01/index.html copy HYPERLINK /tts8_source/ttsPage/EME/EME_V01/WEBSITE01/DAY05/CASE/01/index.html text HYPERLINK /tts8_source/ttsPage/EME/EME_V01/WEBSITE01/DAY05/CASE/01/index.html pop-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 使用 Targe