使用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>

原文地址:https://www.cnblogs.com/shuchongzeishuai/p/6837675.html