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

HTML运行原理：

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

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

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

二、HTML文档基本结构

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

复制代码代码如下:
html>
head>
tITle> 网页标题 /title
/head> /p> p> body>
这里放置的是要在网页中显示的内容
/body>
/html>

html> ..../html> :标识网页的开始与结束，所有的html元素都要放在这对标记中
head> ..../head> :标识网页文件的头部信息，如标题，搜索引擎关键字等.里面的内容最先加载
title> ..../title> :标识网页文件的标题
body> ..../body> :标识网页文件的主体部分，即页面可见的内容

2、meta标签

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

设置关键字：(比较短，用于搜索引擎)
meta name="keywords" content="value"/> value表示要设置的关键字，多个关键字之间用,分隔开
设置描述：(用于对关键字进行扩展,或对网页的内容进行概述性的描述)
meta name="description" content="value"/> value表示要设置的描述，多个描述之间用,分隔开
设置作者：
MATE name="author" content="作者名" /> 作者名一般都是公司名称
设置网页的编码：
meta http-equiv="Content-tyPE" content="text/html; charset=utf-8" />
设置页面定时跳转：
meta http-equiv="refresh" content="2; url=http://www.baidu.COM" /> (content="2; url=http://www.baidu.com" 2表示该网页过多少秒跳转到url指定的目的地)

描述网页的版本:
meta name="revised" content="html4.01">
可设置其他网页信息:
meta name="others" content="这个我第一个网站，网站的主要内容有动漫，音乐，文章，博客等等，欢迎大家光临！">

描述网页是通过那种软件产生:
meta name="generator" 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>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
meta name="keywords" content="网页设计,学网页" />
meta name="description" content="如何学习网页设计,学习网页设计的方法,HTML中文手册" />
meta name="author" content="" />
meta http-equiv="refresh" content="2; url=http://www.baidu.com" />
meta name="revised" content="html4.01">
title> HTML文档基本结构_meta标签/title>
/head>
body>
meta标记用于定义文件信息，对网页进行说明，便于搜索引擎查找，
/body>
/html>

3、head区

复制代码代码如下:
head>
title> 网页标题 /title> 文件标题声明
　mate> 一些文档的信息，如对该文档关键词，描述，字符集设置等等。
base> 超链接网址基准参考点
javascript和vbScript程序
stylesheet 可用来设置排版来的声明
link> 可引用外部文件，如CSS排版样本
/head>

三、HTML标记的语法

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

HTML标记类型：单标记和双标记
双标记：
有属性：标记名称 属性="属性值"> .../标记名称> 如：font size="3"> ...../font>
无属性：标记名称> .../标记名称> 如：title> ...../title>

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

复制代码代码如下:
!-- 有属性：标记名称 属性="属性值"> .../标记名称> 如：font size="3"> ...../font> -->
font size="4" color="#33FF00"> 2、体育老师说：谁敢穿裙子上我的课，就罚她倒立！/font> /p> p> !--无属性：标记名称> .../标记名称> 如：title> ...../title> --> /p> p> !-- 有属性：标记名称 属性="属性值"> 如：hr width="200"/> （默认是居中的）-->
hr width="200"/> /p> p> !--无属性：标记名称> 如：
表示换行但不换段--> /p> p> 3、住在我心里，你交房租了吗？
4、你让我下不了台，我让你连上台的机会都没有

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！