HTML_body中常用的标签部分

meta:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>第一个HTML</title>
</head>
<body> <!--
作者:
时间:2019-08-10
描述:搜索引擎优化
-->
<meta name="author" content="朱自清,张三" />
<meta name="description" content="盼望着盼望着,东风来了" />
<meta name="keywords" content="盼望,东风" /> <!--
作者:
时间:2019-08-10
描述:自动刷新网页
-->
<meta http-equiv="refresh" content="5;http://www.bjsxt.com" /> <!--
作者:
时间:2019-08-10
描述:禁止网页缓存
-->
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="expires" content="0" />
</body>
</html>

h1-h6(标题标签):

台风利奇马致18死14失踪 官方:洪水太快来不及撤离
<hr />
<!--
作者:
时间:2019-08-10
描述:标题标签 h1-h6 自动加粗加黑
align 表示位置 有俩个属性:center right left 默认left
<hr /> 分割线 width:宽度 size:垂直方向的大小 color:颜色
-->
<h1 align="center">台风利奇马致18死14失踪 官方:洪水太快来不及撤离</h1>
<h2 align="right">台风利奇马致18死14失踪 官方:洪水太快来不及撤离</h2>
<h3 align="left">台风利奇马致18死14失踪 官方:洪水太快来不及撤离</h3>
<hr width="700px" color="red" align="center"/>
<h4>台风利奇马致18死14失踪 官方:洪水太快来不及撤离</h4>
<h5>台风利奇马致18死14失踪 官方:洪水太快来不及撤离</h5>
<h6>台风利奇马致18死14失踪 官方:洪水太快来不及撤离</h6>

HTML_body中常用的标签部分网址:yii666.com<

p标签:

<!--
作者:
时间:2019-08-10
描述:<p>:段落文本标签(多个标签自动换行) <br />:换行标签 &nbsp;空格标识符
-->
<p align="center">记者10日从浙江永嘉县委宣传部获悉,受超强台风“利奇马”影响,永嘉县岩坦镇山早村发生山体滑坡,阻塞河流并引发决堤,目前造成13人死亡16人失踪。</p>
<p>&nbsp;&nbsp;据介绍,8月10日凌晨,台风“利奇马”登陆浙江温岭,山早村一山体因特大暴雨,引发山体滑坡,滑坡后堵塞了河流。在10分钟内,山洪最高水位涨到10米,<br />
该村约120人被洪水围困。因溪水上涨太快,部分村民来不及撤离到安全位置,堰塞湖又突发决堤,造成人员伤亡和失联。截至10日下午2时,已发现遇难者13人,16人失联。</p>

HTML_body中常用的标签部分

pre标签:

<!--
作者:
时间:2019-08-10
描述:预文本标签 能自定义换行,过于灵活,不常用
-->
<pre>
记者10日从浙江永嘉县委宣传部获悉,受超强台风“利奇马”影响,
永嘉县岩坦镇山早村发生山体滑坡,阻塞河流并引发决堤,目前造成13人死亡16人失踪。
</pre>

HTML_body中常用的标签部分

u  i  b  del标签:

<!--
作者:
时间:2019-08-12
描述:<u>:下划线 <i>:倾斜 不会自动换行
<b>:加粗加黑 <del>:删除/中划线
-->
<u>北京尚学堂</u>
<i>北京尚学堂</i>
<b>北京尚学堂</b>
<del>北京尚学堂</del>

HTML_body中常用的标签部分

sup和sub标签:

<!--
作者:
时间:2019-08-12
描述:<sup>:上标标签 <sub>:下标标签
-->
2<sup>3</sup>
log<sub>7</sub>

HTML_body中常用的标签部分网址:yii666.com

small和big标签:

<!--
作者:
时间:2019-08-12
描述:<small>:字体变小标签 <big>:字体变大标签
-->
<small>北京尚学堂</small>
<big>北京尚学堂</big>

HTML_body中常用的标签部分

font中的color,size,face标签:

 <!--
作者:
时间:2019-08-12
描述:字体标签属性
color:字体颜色 face:字体样式
size:字体大小
-->
<font color="aqua" size="25px" face="楷体" >北京尚学堂</font>

HTML_body中常用的标签部分

列表标签:

1.有序列表标签:

<b style="font-size: 20px;">有序列表:</b>
<ol>
<li>北京尚学堂</li>
<li>上海尚学堂</li>
<li>深圳尚学堂</li>
</ol>

HTML_body中常用的标签部分

2.无序列表标签:文章来源地址https://www.yii666.com/article/764089.html

<b style="font-size: 20px;">无序列表:</b>
<ul type="square ">
<li>北京尚学堂</li>
<li>上海尚学堂</li>
<li>深圳尚学堂</li>
</ul>

HTML_body中常用的标签部分文章地址https://www.yii666.com/article/764089.html

3.自定义列表标签:

<b style="font-size: 20px;">自定义列表:</b>
         <dl>
             <dt>尚学堂</dt>
             <dd>北京尚学堂</dd>
             <dd>上海尚学堂</dd>
             <dd>深圳尚学堂</dd>
         </dl>

HTML_body中常用的标签部分

marquee(跑马灯)标签:

<!--
作者:
时间:2019-08-12
描述:<marquee>:跑马灯
属性:direction:方向(默认left) scrollamount:移动速度(单位像素) -->
<marquee direction="right" scrollamount="60px">北京尚学堂</marquee>

属性:direction表示方向,默认方向是从右向左(left)

  scrollamount移动的速度HTML_body中常用的标签部分文章来源地址:https://www.yii666.com/article/764089.html

超链接标签(a标签中的href属性):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>03HTML超链接标签</title>
</head>
<body>
<a href="#bottom" name="top">去底部</a>
<br />
<!--
作者:
时间:2019-08-12
描述:超链接标签(不会自动换行)的作用:
1.实现不用页面的跳转
2.实现锚点功能
属性
target="_blank":实现在换网页打开连接,默认是在本网页打开连接
-->
<b style="font-size: 20px;">1.实现不同页面(本地)的跳转:</b><br />
<a href="02body中常用小标签.html">02body中常用小标签跳转测试</a><br />
<br />
<br />
<b style="font-size: 20px;">1.实现不同页面(网络)的跳转:</b><br />
<a href="http://www.taobao.com" target="_blank">淘宝</a><br /> <b style="font-size: 20px;">2.实现锚点功能</b><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="#top" name="bottom">返回顶部</a>
</body>
</html>

HTML_body中常用的标签部分

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png