使用HTML的基本结构创建网页
1、 网页的扩展名——html或htm
2、 如何新建网页?
步骤1:
在电脑的空白处,右键选择——>新建——文本文档
步骤2:
把txt的扩展名,改成html或htm,点击确定
步骤3:
用记事本或EditPlus打开该文件,编写网页的基本结构
3、 网页的基本结构,html——超文本标记语言
<html>
<head>
<!—网页的标题title -->
<title> </title>
<!--网页编码的设置-->
<metahttp-equiv="Content-Type"
content="text/html;charset=gb2312">
说明:charset=gb2312(简体中文)或utf-8(国际通用的字符编码)
</head>
<body>
<!—网页要显示的内容,放在body中 -->
<body>
</html>
会使用文本相关标签排版文本信息
ü 标题 <h1>….<h6>,字体从大变小
ü 段落 <p></p>
ü 换行 <br/>
ü 水平线 <hr/>
ü 加粗 <strong></strong>
ü 斜体 <em></em>
ü 特殊的符号:空格 ,详见P16页表1-1
ü 网页注释:<!-- 写注释内容 -->
会使用图像相关标签实现图文并茂的页面
<img src=”图片的相对路径” />
Src: 指定图片的相对路径
1、 如果网页文件和图片,在同一个文件夹
src=”图片的名称”
2、 如果网页文件和图片所在的文件夹,
在同一个文件夹
src=”图片文件夹名/图片的名称”
Title:鼠标悬浮时,提示文字
Alt:如果图片路径有无,替换图片的文字
Width:图片的宽
Height:图片的高
相对路径和绝对路径:P21
n 绝对路径:出现了具体的磁盘名称的路径(不使用)
n 相对路径:
u ../:当前目录的上一级目录
u ../../:当前目录的上一级目录的上一级目录
会使用a标签创建超链接、锚链接以及功能性链接
²超链接:网页导航
<a href=”页面的相对路径”>超链接的文字</a>
可写的属性:target=”_self|_blank”
_blank:打开新的网页
_self:在当前页面打开
²锚链接——页面导航
步骤1:创建锚记
<aname=”锚记名”></a>
步骤2:访问锚记
<ahref=”(页面名称)#锚记名”></a>
²邮件链接——发送邮件
<a href=mailto:邮箱地址> </a>