首页  >  文章  >  web前端  >  html文档基本结构(制作网页基础知识)_HTML/Xhtml_网页制作

html文档基本结构(制作网页基础知识)_HTML/Xhtml_网页制作

WBOY
WBOY原创
2016-05-16 16:38:151269浏览

HTML运行原理:

1.本地运行:html文件用浏览器打开

2.远程访问运行:本地浏览器访问远程服务器(tomcal)

网页的文件名最好不要有中文,因为将来网页文件都是保存到服务器上的建议都使用英文保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 文件后缀。

二、HTML文档基本结构

1、文档的骨架:所有的网页文件,通常由下面四对标记来构成文档的骨架


复制代码
代码如下:



网页标题 </title<br /></head></p> <p><body><br>这里放置的是要在网页中显示的内容<br></body><br></html><br> </div> <br><html>....</html>:标识网页的开始与结束,所有的html元素都要放在这对标记中<br><head>....</head>:标识网页文件的头部信息,如标题,搜索引擎关键字等.里面的内容最先加载<br><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、你让我下不了台,我让你连上台的机会都没有

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn