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>
p标签：
<!--
作者：
时间：2019-08-10
描述：<p>:段落文本标签（多个标签自动换行） <br />：换行标签 空格标识符
-->
<p align="center">记者10日从浙江永嘉县委宣传部获悉，受超强台风“利奇马”影响，永嘉县岩坦镇山早村发生山体滑坡，阻塞河流并引发决堤，目前造成13人死亡16人失踪。</p>
<p> 据介绍，8月10日凌晨，台风“利奇马”登陆浙江温岭，山早村一山体因特大暴雨，引发山体滑坡，滑坡后堵塞了河流。在10分钟内，山洪最高水位涨到10米，<br />
该村约120人被洪水围困。因溪水上涨太快，部分村民来不及撤离到安全位置，堰塞湖又突发决堤，造成人员伤亡和失联。截至10日下午2时，已发现遇难者13人，16人失联。</p>
pre标签：
<!--
作者：
时间：2019-08-10
描述：预文本标签 能自定义换行，过于灵活，不常用
-->
<pre>
记者10日从浙江永嘉县委宣传部获悉，受超强台风“利奇马”影响，
永嘉县岩坦镇山早村发生山体滑坡，阻塞河流并引发决堤，目前造成13人死亡16人失踪。
</pre>
u i b del标签：
<!--
作者：
时间：2019-08-12
描述：<u>:下划线 <i>:倾斜 不会自动换行
<b>:加粗加黑 <del>：删除/中划线
-->
<u>北京尚学堂</u>
<i>北京尚学堂</i>
<b>北京尚学堂</b>
<del>北京尚学堂</del>
sup和sub标签：
<!--
作者：
时间：2019-08-12
描述：<sup>:上标标签 <sub>：下标标签
-->
2<sup>3</sup>
log<sub>7</sub>
small和big标签：
<!--
作者：
时间：2019-08-12
描述：<small>：字体变小标签 <big>:字体变大标签
-->
<small>北京尚学堂</small>
<big>北京尚学堂</big>
font中的color，size，face标签：
<!--
作者：
时间：2019-08-12
描述：字体标签属性
color：字体颜色 face：字体样式
size：字体大小
-->
<font color="aqua" size="25px" face="楷体" >北京尚学堂</font>
列表标签：
1.有序列表标签：
<b style="font-size: 20px;">有序列表：</b>
<ol>
<li>北京尚学堂</li>
<li>上海尚学堂</li>
<li>深圳尚学堂</li>
</ol>
2.无序列表标签：
<b style="font-size: 20px;">无序列表：</b>
<ul type="square ">
<li>北京尚学堂</li>
<li>上海尚学堂</li>
<li>深圳尚学堂</li>
</ul>
3.自定义列表标签：
<b style="font-size: 20px;">自定义列表：</b>
<dl>
<dt>尚学堂</dt>
<dd>北京尚学堂</dd>
<dd>上海尚学堂</dd>
<dd>深圳尚学堂</dd>
</dl>
marquee（跑马灯）标签：
<!--
作者：
时间：2019-08-12
描述：<marquee>:跑马灯
属性：direction：方向（默认left） scrollamount:移动速度（单位像素）
-->
<marquee direction="right" scrollamount="60px">北京尚学堂</marquee>属性：direction表示方向，默认方向是从右向左（left）
scrollamount移动的速度
超链接标签（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中常用的标签部分的更多相关文章
- css中常用的标签
最常用的标签 left 左 top 上 right 右 bottom 下 font 字体 size 大小 width 宽度 height 高度 class 类 label 标签 form 表单 gro ...
- HTML5中常用的标签(及标签的属性和作用)
1.标签:<!DOCTYPE>作用:声明是文档中的第一成分,位于<html>标签之前. 2.标签:<html>作用:此元素可告知浏览器其自身是一个HTML文档.属性 ...
- Liferay JSP中常用的标签
(本文转载自http://www.cnblogs.com/edwardlauxh/archive/2010/03/26/1918614.html) 在Liferay框架中拥有它自身的标签,虽然Port ...
- html5 中常用的标签和属性
标签: <blockquote> 标签定义摘自另一个源的块引用. <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来, ...
- jsp中常用的标签
jsp本质上就是一个servlet,只是tomcat会将其翻译成servlet,servlet本质上是一个类,那么jsp也是一个类.jsp中各种标签都会被tomcat翻译成各种基本的java代码 如果 ...
- html中常用的标签元素
<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></t ...
- html中常用的标签小结
内容详细标签: <h1>~<h6>标题标签<pre>格式化文本<u>下划线(underline)<i>斜体字(italics)<cit ...
- webapi中常用attribute标签
HTTP Methods Instead of using the naming convention for HTTP methods, you can explicitly specify the ...
- python——前端常用的标签
1.meat标签 meta标签的使用 meta标签共有两个属性:http-equiv和name;不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. name属性 name属性主要用于 ...
随机推荐
- SqlServer设置特定用户操作特定表(插入、删除、更新、查询 的权限设置)
目录 一.需求场景: 二.操作步骤: 表上右键选择[属性],选择[权限]选项卡: 点击[搜索],在弹出的框中点击[浏览],选择需要设置的用户: 在上面点击[确定]后,就可以在[权限]选项卡中看到权限列 ...
- 关于GDAL读写Shp乱码的问题总结
目录 1. 正文 1.1. shp文件本身的编码的问题 1.2. 设置读取的编码方式 1.2.1. GDAL设置 1.2.2. 解码方式 1.2.3. 其他 2. 参考 1. 正文 最近在使用GDAL ...
- python学习-练习题
1.使用while循环输入 1 2 3 4 5 6 8 9 10 # cat lx.py #!/usr/local/bin/python3.6 #邹姣姣 #使用while循环输入 1 2 3 ...
- spark-宽依赖和窄依赖
一.窄依赖(Narrow Dependency,) 即一个RDD,对它的父RDD,只有简单的一对一的依赖关系.也就是说, RDD的每个partition ,仅仅依赖于父RDD中的一个partition ...
- 微擎使用post提交，并显示弹出层
微擎使用post提交,并显示弹出层 function changeStatus(id, status) { // 提交数据 var id = parseInt(id); var status = pa ...
- ThinkPHP 怎样让URL访问的时候省略 index.php
ThinkPHP 怎样让URL访问的时候省略 index.php Nginx 服务器配置 修改 nginx.conf 文件 location / { // …..省略部分代码 if (!-e $req ...
- nyoj 108-士兵杀敌（一）(数学)
108-士兵杀敌(一) 内存限制:64MB 时间限制:1000ms 特判: No 通过数:60 提交数:221 难度:3 题目描述: 南将军手下有N个士兵,分别编号1到N,这些士兵的杀敌数都是已知的. ...
- futex-based pthread_cond 源代码分析
pthread_cond的实现使用了几个futex来协同进行同步,以及如何来实现的. 假定你已经明白 futex,futex-requeue,以及 pthread lowlevellock. < ...
- tcp和udp的网络编程（发送消息及回复）
一.UDP 无连接的 高效的 基于数据报的 不可靠 的连接 主要的应用场景: 需要资源少,网络情况稳定的内网,或者对于丢包不敏感的应用,比如 DHCP 就是基于 UDP 协议的.不需要一对一沟 ...
- Android加载大量图片内存溢出解决办法
当我们在做项目过程中,一遇到显示图片时,就要考虑图片的大小,所占内存的大小,原因就是Android分配给Bitmap的大小只有8M,试想想我们用手机拍照,普通的一张照片不也得1M以上,所以androi ...