html笔记(1).

m0_65349567 m0_65349567 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

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属性可去到指定页面。

 

 

 

 

...全文

相关推荐

评论
收藏 已收藏
分享
返回顶部