今天小编跟大家讲解下有关html文档基本结构(制作网页基础知识) ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关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="AIDI"/><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、你让我下不了台 我让你连上台的机会都没有
来源：爱蒂网
