HTML-标签1
2022-08-04 本文已影响0人
aofeilin
截屏2022-08-04 15.59.43.png
1.注释标签 h1-h6 加粗 换行 文字越来越小
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<hr>
<p>
据台媒报道，<hr><br> 昨(3日)深夜，一架大陆无人机飞过金门及北碇地须，遭台军方发射信号弹“警告驱离”。
</p>
<p>金防部还老调重弹称，防区运用联合情监侦手段，金防部还老调重弹称</p>
</body>
截屏2022-08-04 15.45.03.png
2.标签分类组成和关系分类，分为单标签和双标签
hr br
3.排版标签 分为h标签(标题标签)，p标签（段落标签），br标签（换行标签），br,hr标签（换行标签和水平标签)。
4.文本格式的标签，加粗，下划线，倾斜，删除线。b,u,i,s,strong,ins,em,del
<body>
<!-- 文本格式化标签 -->
<b>加粗了</b> <strong>加粗了</strong> <br>
<u>下划线</u> <ins>下划线</ins>
<i>倾斜</i> <em>倾斜</em></em>
<s>删除线</s> <del>删除线</del>
</body>
5.媒体标签，图片标签，视频标签，音频标签。img audio video
图片标签 :标签中的属性，src width height alt title
路径 :相对路径分类：同级目录./，下级目录，上级目录../。
音频标签，（mp3,wav,ogg）
Audio 默认不显示控件，controls autoplay 自动播放， loop循环播放。
视频标签。
video 视频标签 controls 显示播放控件，autoplay自动播放，loop循环播放
视频可以静音播放，
<body>
<!-- 图片标签 -->
<!-- src属性名 = 属性值 一个标签可以存在多个属性，
标签名和属性之间和属性之间都用空格隔开
title:鼠标放在上面等待一会就显示-->
<img src="https://img1.baidu.com/it/u=3491353355,426611978&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" title="放在这里">
<!-- alt 替换文本 网页加载不出来替换文本 图没有-->
<img alt="猫咪">
<!-- title 停在图片上会显示出来 -->
<!-- width height 设置其中一个如果另一个没有设置，会自动比例缩放。图片此时不会变形 -->
<img src="https://img1.baidu.com/it/u=3491353355,426611978&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" title="放在这里" width="80">
</body>
<!-- 单曲循环 loop -->
<!-- autoplay 自动播放 -->
<!-- 控件显示 -->
<audio src="" controls autoplay loop></audio>
<body>
<!-- video 视频标签 controls 显示播放控件，autoplay自动播放，loop循环播放 muted静音播放-->
<video src="" controls autoplay muted></video>
</body>
6.链接标签 a 属性 controls, autoplay, loop,muted
<body>
<a href="https://www.baidu.com/" target="_self">跳转到百度</a>
<br>
<a href="./h1-h5.html" target="_blank">跳转到标题标签html</a>
<br>
<!-- 通链接 空链接 -->
<a href='#' target="_self" >跳转到标题标签html</a>
</body>
7.demo
图像.gif
index.html
<body>
<h1>
今日搜索热词
</h1>
<hr>
<h2> 1、解放军重要军事演训行动已开始爆</h2>
<p>8月4日12时至7日12时，解放军重要军事演训行动进行，并组织实弹射击。此次实战演训选择环岛六大区域，在此期间， <a href="page1.html" target="_blank">有关船只和飞行器不允许进入。</a></p>
<h2> 1、解放军重要军事演训行动已开始爆</h2>
<p>8月4日12时至7日12时，解放军重要军事演训行动进行，并组织实弹射击。此次实战演训选择环岛六大区域，在此期间， <a href="page2.html" target="_blank">有关船只和飞行器不允许进入。</a></p>
</body>
page1
<body>
<h1>
今日搜索热词
</h1>
<hr>
<h2>音频文件</h2>
<audio src="" controls autoplay loop></audio>
</body>
page2
<body>
<h1>
今日搜索热词
</h1>
<hr>
<h2>视频文件</h2>
<video src="" controls autoplay loop></video>
</body>
