静态网页的大体框架

来源:互联网 发布:mysql 安装 编辑:程序博客网 时间:2024/05/29 11:27

下面我来展示一个网页的大体模板是什么

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  这部分一般网页编辑器都会自动生成 ,表示网页显示的格式

<html xmlns="http://www.w3.org/1999/xhtml">     

<head>    

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    

<title>文档的标题</title>     这里显示的是文档的标题

<meta name="keywords" content='手机,电脑,MP3.....' />     这里是文档的搜索关键字

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />这里是网页文档使用的类型

<meta name="description" content="手机电脑,MP3。" />这里是对文档的描述也即是你在百度搜索到一个网页在标题下面那些对网站的描述

</head>

  <body bgcolor="#00CCFF">    网页中显示的部分的开始,同时设置了网页背景颜色

  <p align="center" ><b><a name="b">文章的标题</a></b></p>    这里显示的网页文章的标题,同时设置一个锚点,也即是在文章这里设计一个标记,并且,令标记名字为b,这样当点击网页尾部链接便可以回到网页文章标题的位置  

<ul type="square">    

 <li><a herf="百度的网址">打开百度</a></li>    

 <li>a herf="谷歌的网址">打开Google</a></li>    这里有一个无序列表,用来指引别人打开百度或谷歌,也是无序列表结合链接的应用

 </ul>    

<hr color="#0099CC"/>这是个水平线可以隔开上下文的内容

<marquee direction="down" width="200"  height="200" behavior="scroll" scrollamount="2" id="lk" ><a href="里面填入网址" onmouseover="lk.stop()" onmouseout="lk.start()" >上下移动的文字</a></marquee>这个可以实现上下移动的文字,文字有一个链接,onmouseout这个当鼠标离开,实现开始移动,onmouseover="lk.stop()" 鼠标经过,则移动的文字停止   

 <font size="+4"><a href="#b">返回页首</a></font>这里对应一开始的文档标题锚点链接的名字,所以点击这个链接将回到刚开始标记的位置,href要填写前面锚点标记的名称这里对应了 前面的b,但需在前面加一个#,也即是#b

</body>这个文档的结束

</html>

0 0
原创粉丝点击