网页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、网页的标题

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>先设置锚记

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

4、打开邮件发送邮件

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

<html>

<head>

</head>

<body>

这里是内容，显示在页面中

</body>

</html>

上面就是HTML文档的基本结构。

HTML文档的基本结构

、<HTML>...</HTML>文档标记

这个标记是全部文档内容的容器，<HTML>是开始标记，</HTML>是结束标记，它们分别是网页的第一个和最后一个标记，其他标记代码都位于这两个标记之间。

2、<HEAD>...</HEAK>首部标记

首部标记<HEAD>...</HEAK>用于提供与Web页有关的各种信息。在首部标记中，可以使用<TITLE>...</TITLE>标记来指定网页的标题，<STYLE>和</STYLE>标记来定义CSS样式表，使用<SCRIPT>和</SCRIPT>标记来插入脚本，等等。

3、<BODY>...</BODY>正文标记

正文标记包含了文档的内容，文字、图像、动画、超链接以及其他HTML元素均位于该标记中。正文标记有下列属性。

Backgroud:指定文档背景图像的URL地址。

Bgcolor:指定文档的背景颜色。

Text:指定文档中的文本颜色。

Link：指定文档中链接的颜色。

VLink：指定文档中已被访问过的链接颜色。

ALink：指定文档中正被选中的链接颜色。

ONLoad：指定文档首次加载时调用的事件处理程序。

ONUNLoad：指定文档卸载时调用的事件处理程序。

、文档的基本结构

<HTML>

<HEAD>

<TITLE>这是我的第一张网页

</TITLE>

</HEAD>

<BODY>

这是我做的第一张网页。

</BODY>

</HTML>

2.1.4、注释标记

在HTML语言中，注释由开始标记构成，这两个标记之间的文字被浏览器解释为注释，而不在浏览器窗口中显示。例如：

<!--

注释标记的作用主要就是对某句和某段代码进行注释

-->

HTML（HyperText Mark-up

Language,超文本标记语言或超文本链接标示语言），是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令

组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头

部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

<html>

<head>

<title>title</title>

<head>

<body>place element here</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7090138.html

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

发表评论

评论列表（0条）