网页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>

1.插入图片 <img src="图形文件名" alt=”图片关键词”>

（alt的重要性不言而喻）

2.设定图框 -- border <img src="图形文件名" border=点数>

3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>

（提高网站打开速度，通过设置图片像素，对比度或者通过代码直接设置）

4.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>

5.图形附注 <img src="图形文件名" alt="说明文字">

（alt的重要性不言而喻）

6.预载图片

<img src="高解析度图形文件名" lowsrc="低解析度图形文件名">P.S.两个图的图形大小最好一致

7.影像地图（Image Map） <img src="图形文件名" usemap="#图的名称"><map name="图的名称">

【1】定义形状 -- shape

shape=rect：矩形 shape=circle：圆形 shape=poly：多边形

【2】定义区域 -- coords

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：<area shape=rect coords=100,50,200,75 href="URL">

b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：<area shape=circle coords=85,155,30 href="URL">

c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"

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

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

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

发表评论

评论列表（0条）