html笔记（1）.

[李好]

HTML页面固定结构

        网页中的固定结构是通过特定的HTML标签进行描述的

<html>
   <head>
        <title>网页的标题</title>
   </head>
   <body>
        网页主体
   </body>
      
</html>

HTML标签

    标题标签：h系列

      1~6级标题重要程度依次递减，且独占一行

<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

   段落标签：<p>一段文字</p>

     段落之间存在间隙

   换行标签：<br>

     单标签，文字强制换行

   文本格式化标签（双标签）

标签	说明
b	加粗
u	下划线
i	倾斜
s	删除

标签（重要的语境用该表）	说明
strong	加粗
ins	下划线
em	倾斜
del	删除

   图片标签:<img src="图片路径" >

    单标签，需要借助标签的属性进行设置（属性根据自己需求加）

  标签属性：

 注意：width与height若值设置一个，另一个会自动等比例缩放；若同时设置，设置不当会导致图片变形

<img src="图片路径" alt="替换文字（图片加载不成功时才会显示）">

<img src="图片路径" title="提示文本（鼠标悬停时会显示，可用于其他标签）">

<img src="图片路径" width="200">或<img src="图片路径" height="200">

音频标签：<audio src="音频路径"></audio>

属性名	功能
src	音频的路经
controls	显示播放控件
autoplay	自动播放（部分浏览器不支持）
loop	循环播放

 

 

 

 

 

 

<audio src="音频路径"></audio>

<audio controls"></audio>

<audio autoplay></audio>

<audio loop></audio>

视频标签<video src="视频路径"></video>

   属性同上

链接标签：<a href="./目标网页.html"><a>

  双标签，内部可包裹内容；加href属性可去到指定页面。