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

前端技术 2023/09/08 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=\"phpstudy\" />
<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、你让我下不了台，我让你连上台的机会都没有

本文地址：https://www.stayed.cn/item/22902

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案