html文档基本结构(制作网页基础知识)
2014-05-09来源：
HTML运行原理：
1.本地运行：html文件用浏览器打开
2.远程访问运行：本地浏览器访问远程服务器(tomcal)
网页的文件名最好不要有中文,因为将来网页文件都是保存到服务器上的建议都使用英文保存 HTML 文件时，既可以使用 .htm 也可以使用 .html 文件后缀。
二、HTML文档基本结构
1、文档的骨架：所有的网页文件，通常由下面四对标记来构成文档的骨架
代码如下:
网页标题 </title</p>
<p></head></p> <p><body></p>
<p>这里放置的是要在网页中显示的内容</p>
<p><div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="baidu"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="sougou"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div align="center"><a target="_blank" href="/sitemap.xml">map</a></div></body></p>
<p></html></p>
<p><html>....</html>:标识网页的开始与结束，所有的html元素都要放在这对标记中</p>
<p><head>....</head>:标识网页文件的头部信息，如标题，搜索引擎关键字等.里面的内容最先加载</p>
<p><title>....
:标识网页文件的标题
....
:标识网页文件的主体部分，即页面可见的内容
2、meta标签
meta标记用于定义文件信息，对网页进行说明，便于搜索引擎查找，要放置在
之间
设置关键字：(比较短，用于搜索引擎)
value表示要设置的关键字，多个关键字之间用,分隔开
设置描述：(用于对关键字进行扩展,或对网页的内容进行概述性的描述)
value表示要设置的描述，多个描述之间用,分隔开
设置作者：
作者名一般都是公司名称
设置网页的编码：
设置页面定时跳转：
(content="2;url=http://www.baidu.com" 2表示该网页过多少秒跳转到url指定的目的地)
描述网页的版本:
可设置其他网页信息:
描述网页是通过那种软件产生:
代码如下:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
HTML文档基本结构_meta标签
meta标记用于定义文件信息，对网页进行说明，便于搜索引擎查找，
3、head区
代码如下:
网页标题
文件标题声明
一些文档的信息，如对该文档关键词，描述，字符集设置等等。
超链接网址基准参考点
javascript和VBScript程序
stylesheet 可用来设置排版来的声明
可引用外部文件，如CSS排版样本
三、HTML标记的语法
html最基本的语法就是<标记符>内容,标记符通常都是成对使用的一个开头标记和一个结束标记,还有一种单标记没有结束标记，如
HTML标记类型：单标记和双标记
双标记：
有属性：<标记名称 属性="属性值">... 如：.....
无属性：<标记名称>... 如：
.....
单标记：
有属性：<标记名称 属性="属性值"> 如：
（默认是居中的）
无属性：<标记名称> 如：
代码如下:
2、体育老师说：谁敢穿裙子上我的课，就罚她倒立！
3、住在我心里，你交房租了吗？
4、你让我下不了台，我让你连上台的机会都没有
更多信息请查看IT技术专栏