HTML_body中常用的标签部分

最新推荐文章于 2023-06-04 10:13:38 发布
最新推荐文章于 2023-06-04 10:13:38 发布
阅读量611 收藏 3
点赞数 1
分类专栏： 网页编程和设计 不忘初心，方得始终 文章标签： HTML_body中常用的标签部分
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42031653/article/details/99314209
版权

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 />：换行标签    &nbsp;空格标识符
        -->
        <p align="center">记者10日从浙江永嘉县委宣传部获悉，受超强台风“利奇马”影响，永嘉县岩坦镇山早村发生山体滑坡，阻塞河流并引发决堤，目前造成13人死亡16人失踪。</p>
		<p>&nbsp;&nbsp;据介绍，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>

 

有园人
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中body标签学习
wyqwilliam的博客
12-05 513
body标签学习： 作用：body标签中的内容主要是用来显示真实用户数据的。 使用： 标题标签:<h1>----<h6> 水平线标签：<hr align="center"> 段落标签:<p>数据</p> 换行符:<br /> 空格符：&nbsp; 权重标签： <b>数据&...
body内常用标签
weixin_30815427的博客
02-06 120
一、标签内使用的符号　 # 特殊字符 &nbsp; 空格 &gt; 大于 &lt; 小于 　　更多特殊字符：Here 二、P标签 　　作用：p标签表示段落 <body> <p>&nbsp;&nbsp;吃葡萄不吐葡萄皮，不吃葡萄倒吐葡...
HTML中body内常用标签
dd345898084的博客
04-01 291
基本标签 <b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除<s/> <p>段落标签</p> <h1>标题1</h1> <h2>标题2</h2> &lt...
body 部分的标签
weixin_30952535的博客
06-05 117
<body>//<尖角就代表接下来是标签 <h1>hello,jerry</h1> <h2>hello,tom</h2> //h标签从h1开始h2h3h4...从大到小的标签显示 //h标签一般作为标题 <p>咏鹅</p> <p>鹅鹅鹅</p> <...
html中的body标签
menglong0329的博客
03-10 1321
body用于定义html中所要显示的内容，也称为主题标签，我们所写的代码必须要放在这个标签内 属性： bgcolor 设置整个网页的背景色 background 设置整个网页的背景图片，当背景色和背景图同时设置时，优先展示背景图 text 设置整个网页的文本颜色 leftmargin 网页的...
HTML中的常用标签
09-18
HTML文档的基本结构通常由`<html>`标签包裹，内部包含`<head>`和`<body>`两大部分。 1. **`<html>`标签**：定义整个HTML文档的根元素。 2. **`<head>`标签**：包含了关于文档的信息，但不直接显示在页面上，如标题...
html body标签详解与html常用的控制标记
09-28
在HTML中，`<body>`标签是页面的主要部分，它包含了用户在浏览器窗口中能看到的所有内容，如文字、图片、链接、表格等。了解`<body>`标签及其属性对于网页设计至关重要。 一、`<body>`标签详解： `<body>`标签用于...
HTML基础重点_一般标签、常用标签和表格
12-13
在`<body>`标签中，可以设置不同的属性来调整页面布局，如`bgcolor`定义页面背景色，`text`定义所有文本颜色，`topmargin`、`leftmargin`、`rightmargin`和`bottommargin`分别设置页面的上、左、右、下页边距，`...
HTML.rar_HTML 手册_html 标签 手册
09-22
HTML标签是HTML语法中的核心元素，它们告诉浏览器如何解析和展示网页内容。 HTML手册通常会涵盖以下几个关键部分： 1. **基础结构**：HTML文档的基本结构由`<!DOCTYPE>`声明、`<html>`元素、`<head>`和`<body>`...
html5 body标签
weixin_49346755的博客
09-30 1236
body> 标签定义文档的主体。 标签包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。为页面设计布局一般在标签下，一个页面标签主要包括、、、、、、等，这也是html5中的一些标签。标签为页面或文本片段的首部（页面顶部header，亦或某片段header），包含标题元素、logo、搜索表单等相关信息。
前端学习笔记之HTML body内常用标签
weixin_30722589的博客
05-26 97
阅读目录 一 HTML语义化 二 字符实体 三 h系列标签 四 p标签 五 img标签 六 a标签 七 列表标签 八 table标签 九 form标签 一 HTML语义化 body中的标签是会显示到浏览器窗口中的，body内的标签只有一个作用就是用来标记语义的，语义指的是从字面意思就可以理解被标记的内容是用来做什么的 虽然不同的标签会有不同的显示样式...
005_ body中的超链接标签
weixin_44014460的博客
03-24 134
超链接标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="#bottom" name="top">返回底部</a> &...
body超链接标签部分(5)
c17854254215的博客
07-30 629
&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;了不起的盖茨比&lt;/title&gt; &lt;/head&gt; &lt;
6、html的body内标签之超链接
weixin_30657999的博客
04-25 93
一、超链接<a href="https://www.baidu.com" target="_blank">某度</a> #target="_blank" ：打开新的web页面二、锚<a href="#i1">第一章</a> <a href="#i2">第二章</a> <a href="#i3">第...
html对body 的定义,HTML5 对各个标签的定义与规定：body
weixin_42391485的博客
06-10 438
HTML5 对各个标签的定义与规定：bodybody元素就是就是html文档的主内容标签。可设置属性onafterprint 在打印文档之后运行脚本onbeforeprint 在文档打印之前运行脚本onbeforeonload 在文档加载之前运行脚本onblur 当窗口失去焦点时运行脚本onerror 当错误发生时运行脚本onfocus 当窗口获得焦点时运行脚本onhaschange 当文档改变时...
「HTML和CSS入门指南」hr 标签详解
a451319296的博客
06-04 6016
标签是 HTML5 中用于插入水平分割线的标签，常用于在页面中添加分隔线或者段落之间的分割线。通过灵活运用 标签和属性，我们可以帮助用户更好地理解页面内容，同时也可以美化和装饰页面。在实际应用中需要注意避免过度使用 标签，以使页面看起来简洁明了。
前端初学3| hr标签的扩展及部分特殊符号的表示
printfbaozw的博客
12-04 3380
hr标签的扩展及部分特殊符号的表示
HTML常用标签合集
热门推荐
rbh200812的博客
07-26 1万+
html常见标签的认识与运用
hr标签和注释的总结
ruoruoruo666的博客
04-16 940
hr标签的定义与使用说明 定义以及使用说明 <hr>标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。 <hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hr标签的使用</title> </head> &
html中body标签的作用
最新发布
07-27
body标签是HTML文档的主体部分，它包含了网页的实际内容，比如文本、图像、链接、表格等等。当浏览器解析HTML文档时，它会将body标签中的内容显示在网页上。 body标签定义了网页的可见内容，用户在浏览器中看到的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值