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

这篇文章主要介绍了html文档基本结构,也就是制作网页的基础知识,明白这些才可以做更好的网页,需要的朋友可以参考下

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、你让我下不了台,我让你连上台的机会都没有

以上就是html文档基本结构(制作网页基础知识)的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML 教程