用HTML编写一个简单的网页,最基本的结构是的简单介绍

http://www.itjxue.com  2023-02-09 12:57  来源:未知  点击次数: 

网页HTML的基本结构是什么?

HTML网页的基本结构及基本功能

一、HTML网页的基本结构

1、HTML——超文本标记语言,浏览器解析html标记后,展示内容

2、H5——HTML5(目前流行比较火)

3、网页的基本结构

3.1静态网页的拓展名htm或html

3.2新建网页的步骤:

1、新建文本文档,更改拓展名为htm或html

2、编写网页的基本结构,并报春

3、双击html文件,在浏览器中运行

3.3网页的基本结构

html

head

title网页的标题/title

body网页显示的内容/body

/head

/html

4、HTML语言的特点

标记,大部分的都是成对存在

不区分大小写 ?H5区分大小写

浏览器解析HTML标记

二、使用相关的标签进行排版

1、网页的标题

title/title

2、标题标签

h1....h6数字越大 标题越小

3、段落标记——p[/P]可以有也可以没有

4、换行——br/ ?[/]可以有野可以没有

5、水平线——hr/

6、字体加粗strong/strong 斜体em/em

7、HTML中的注释和特殊的符号--P15页

注释:!-- ?--

特殊符号 空格nbsp; 大于号gt; 小于号lt;

引号quot;版权符号copy;

三、在网页上插入图片

img src="图片地址" alt ""替换的文字

title ""鼠标悬浮停留时的文字 width ="宽" height"高"/

ps:src属性必须有 其他的属性可以有可以没有

图片路径:相对路劲和绝对路径

1、相对路径,不出现有磁盘名字的路径

../表示上级目录

../../表示目录的上一级目录

2.绝对路径,有磁盘名字的路径

C:\Documents and Settings\Administrator\桌面

***网页中使用相对路径

四、超链接

1、通用语法:

a href=路径target="-self丨blank"(前是当前页面打开,

后是新建宽口打开超链接上的显示的文字/a

2、作用:页面导航

3、锚链接P23.24

1先设置锚记

a name="锚记名" /a

2超链接访问当前页面中的锚记?

a href="#锚记名”/a

4、打开邮件发送邮件

a href="mailto:邮箱名“点我发送邮件/a

请写出使用HTML写网页的最基本结构。

1、新建一个文本文档。

2、打开文本文档后,输入

html

head

title这是一个网页/title

/head

body

h1hello,人生/h1

p font size="8"face="Verdana"寂寞如雪/foot/p

/body

foot

/foot

/html。

3、输入段代码后,点击保存,保存类型设置为所有文件,文件名保存为test.html。

4、点击保存后,一个html文件就做好了。

5、点击就可以打开html文件了。

网页源代码的基本结构是什么

如图:

1.无论是动态还是静态页面都是以“html”开始,然后在网页最后以“/html”结尾。

2.head”页头

其在head/head中的内容是在浏览器中内容无法显示的,这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域,而里面“title/title”中放置的是网页标题。

3.“meta name="keywords" content="关键字" / meta name="description" content="本页描述或关键字描述" / ”

这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。

4."body/body "

也就是常说的body区 ,这里放置的内容就可以通过浏览器呈现给用户,其内容可以是table表格布局格式内容,也可以DIV布局的内容,也可以直接是文字。这里也是最主要区域,网页的内容呈现区。

5.最后是以"/html "结尾,也就是网页闭合。

以上是一个完整的最简单的html语言基本结构,通过以上可以再增加更多的样式和内容充实网页。

扩展资料:

标签详解:

1.!doctype:是声明用哪个 HTML 版本进行编写的指令。并不是 HTML 标签。!doctype html:html5网页声明,表示网页采用html5。

2.meta:提供有关页面的元信息(针对搜索引擎和更新频度的描述和关键词等),写在head标签内。

a)meta charset="UTF-8":设置页面的编码格式UTF-8;

b)meta name="Generator" content="EditPlus":说明生成工具为EditPlus;

c)meta name="Author" content="":告诉搜索引擎站点制作的作者;

d)meta name="Keywords" content="":告诉搜索引擎网站的关键字;

e)meta name="Description" content="":告诉搜索引擎网站的内容;

参考资料:html代码-百度百科

HTML文档的基本结构是什么?

HTML(HyperText Mark-up Language,超文本标记语言或超文本链接标示语言),是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

HTML文档基本结构

在HTML网页文档的基本结构中主要包含以下几种标记。

1.HTML文件标记

HTML和/HTML标记放在网页文档的最外层,表示这对标记间的内容是HTML文档。HTML放在文件开头,/HTML放在文件结尾,在这两个标记中间嵌套其他标记。

2.HEAD文件头部标记

文件头用HEAD和/HEAD标记,该标记出现在文件的起始部分。标记内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写时间、搜索引擎可用的关键词等。

在HEAD标记内最常用的标记是网页主题标记,即TITLE标记,它的格式为:

TITLE网页标题/TITLE

网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中。一个网页只能有一个标题,并且只能出现在文件的头部。

3.BODY文件主体标记

文件主体用BODY和/BODY标记,它是HTML文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。通常的标记样式如下:

BODY background="image-URL" bgcolor="color" text="

color" link="color" alink="color" vlink="color"

leftmargin="value" topmargin="value"…/BODY.

(责任编辑:IT教学网)

更多

推荐PHP+MySQL视频文章