html网页架构图,html网页文件基本写法及结构

1.首先为大家介绍下html

html：超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。html语言也是所有网页组成的基础语言，所以大家一定要认真学好。

html超文本标记语言

2.html语言的基本写法及技巧

1)html网页文件创建：

首先我们可以在桌面上创建一个文本文档，将文本文档的后缀.txt修改为.html，然后保存，我们的html网页文件到此便创建完成了。

html网页

注意：如果扩展名未显示请按图3进行操作显示扩展名称(取消小对钩)。

显示扩展名

2)网页文件如何编写？

网页文件创建完成了，可是用浏览器打开没有内容？不要怕，因为我们还没有进行内容的书写；首先我们在我们的网页文件上单击鼠标右键，选择打开方式，选中记事本打开，我们的代码编辑区域就出现了！

3)html网页文件如何书写呢？

如何撰写网页文件，这才是编辑一个网页的重中之重，当然书写前提我们要明确几个概念！

一、html标签概念

既然html超文本标记语言是一种计算机语言，那么它就会有相应的单词、语法；这点显而易见，构成该语言的每一个“单词”便是我们提到的“标签”；那“语法”又是什么呢？很多网友都会有疑问，首先我们先介绍下html标签的样式，每个html标签都由<>与标签名称组成，如：

,就代表标签：换行显示。html标签遵循“嵌套原则”，稍候我们会提到。

二、html标签的分类

html标签主要分为两大类：单标签与双标签；单标签样式为，双标签样式为；双标签遵循“嵌套原则”，双标签之间可以互相嵌套，但是不可以交叉；单标签可以置于内任意位置。

3.html网页文件的基本结构

提到html网页文件的基本结构，野子老师首先要为大家介绍几个双标签，作为基础学习。

:定义该网页文件为html网页，该双标签首尾分别置于网页的顶部和最底部。

:定义html网页文件的头部

:定义html网页的标题，该双标签必须置于头部标签内部。显示效果如下图。

网页标题

:定义html网页的主体部分结构，该双标签内用于书写网页中所有展现的部分，必须置于头部标签下侧。

html网页的基本结构如下图，同学们可以在标题标签和主体标签内书写一些内容，然后用浏览器打开来看看效果如何。

html网页基本结构