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

当前位置：首页 > 范文|应用文 > IT技术专栏 > 网页制作

来源：易贤网阅读：654 次日期：2016-06-23 09:51:37

温馨提示：易贤网小编为您整理了“html文档基本结构(制作网页基础知识)”,方便广大网友查阅！

HTML运行原理：

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

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

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

二、HTML文档基本结构

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

代码如下:

<html>

<head>

<title> 网页标题 </title

</head> <body>

这里放置的是要在网页中显示的内容

</body>

</html>

<html>....</html>:标识网页的开始与结束，所有的html元素都要放在这对标记中

<head>....</head>:标识网页文件的头部信息，如标题，搜索引擎关键字等.里面的内容最先加载

<title>....</title>:标识网页文件的标题

<body>....</body>:标识网页文件的主体部分，即页面可见的内容

2、meta标签

meta标记用于定义文件信息，对网页进行说明，便于搜索引擎查找，要放置在<head> <head/>之间

设置关键字：(比较短，用于搜索引擎)

设置描述：(用于对关键字进行扩展,或对网页的内容进行概述性的描述)

设置作者：

<mate name="author" content="作者名" />作者名一般都是公司名称

设置网页的编码：

设置页面定时跳转：

描述网页的版本:

可设置其他网页信息:

描述网页是通过那种软件产生:

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">

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

<head>

<title>HTML文档基本结构_meta标签</title>

</head>

<body>

meta标记用于定义文件信息，对网页进行说明，便于搜索引擎查找，

</body>

</html>

3、head区

代码如下:

<head>

<title> 网页标题 </title>文件标题声明

<mate> 一些文档的信息，如对该文档关键词，描述，字符集设置等等。

<base> 超链接网址基准参考点

javascript和VBScript程序

stylesheet 可用来设置排版来的声明

</head>

三、HTML标记的语法

html最基本的语法就是<标记符>内容</标记符>,标记符通常都是成对使用的一个开头标记和一个结束标记,还有一种单标记没有结束标记，如<hr/>

HTML标记类型：单标记和双标记

双标记：

有属性：<标记名称属性="属性值">...</标记名称> 如：.....

无属性：<标记名称>...</标记名称> 如：<title>.....</title>

单标记：

有属性：<标记名称属性="属性值"> 如：<hr width="200"/>（默认是居中的）

无属性：<标记名称> 如：

代码如下:

2、体育老师说：谁敢穿裙子上我的课，就罚她倒立！

<hr width="200"/> <!--无属性：<标记名称> 如：

表示换行但不换段--> 3、住在我心里，你交房租了吗？

4、你让我下不了台，我让你连上台的机会都没有

上一篇：利用css的样式对文本进行隐藏和显示等操作

下一篇：关于html中meta的作用

易贤网手机网站地址：html文档基本结构(制作网页基础知识)

由于各方面情况的不断调整与变化，易贤网提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！