body标签

最新推荐文章于 2023-01-29 18:22:57 发布

多一些不为什么的坚持啊

最新推荐文章于 2023-01-29 18:22:57 发布

阅读量196

点赞数

本文链接：https://blog.csdn.net/weixin_43850619/article/details/101159026

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

（标签的属性是对标签的功能进一步的补充，可以由开发人员自由指定标签的属性值，来达到想要的显示效果）

1. 标题标签

<h1>……</h1> 一直到 <h6>……</h6>：会将其中的数据加粗加黑显示，并且显示依次减弱，标题标签自带换行功能。（块级标签）

属性：align： center right left

2. 水平线标签：
<hr />：会在页面中显示一条水平线，默认居中显示

<hr width = "600px"   size = "10px"     color = "yellow"/>

属性：
width = "宽度" 设置水平线的宽度
size = "高度" 设置水平线的高度
color = "颜色" 设置水平线的颜色
px代表像素，指的是占电脑屏幕的大小
百分比占据的是浏览器窗口的百分比

3. 段落标签：
<p>……</p>：会将一段数据作为整体进行显示，主要是进行css和js操作时比较方便，会自动换行（块级元素）
特点：段间距比较大

4. 换行符：
<br />：告诉浏览器需要在此位置换行

5.空格符：
&nbsp：告诉浏览器在此位置增加空格

6. 权重标签

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字
<u>	定义下划线
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

以上标签不会自动换行，加粗、加黑、斜体三者可以嵌套使用，没有顺序之分
7. 列表标签

   无序列表：<ul>……</ul>
<li>……</li>：该标签中书写列表内容，一个<li>……</li>标签代表列表中的一行数据
     特点：默认数据前有一个黑圆圈符号
   有序列表：<ol>……</ol>
   <li>……</li>：该标签中书写列表内容，一个<li>……</li>标签代表列表中的一行数据
      特点：会自动的给列表进行顺序编码，格式从小到大并且是连续的
属性：type：可以改变顺序编码的值，可以是1、a、A、I，默认使用阿拉伯数字进行编码
   自定义列表：<dl>……</dl>
<dt>……</dt>：数据的标题
  <dd>……</dd>：数据的具体内容，一个dd表示一条数据

示例：

<html>
	<head>
		<title>html的body标签学习</title>
		<meta  charset="utf-8"/>
	</head>
	
	<body>
		<h1>今天天气真好，适合学习</h1>
		<h1 align="center">今天天气真好，适合学习</h1>
		<h2>今天天气真好，适合学习</h2>
		<h3>今天天气真好，适合学习</h3>
		<h4>今天天气真好，适合学习</h4>
		<h5>今天天气真好，适合学习</h5>
		<h6>今天天气真好，适合学习</h6>
		今天天气真好，适合学习
		<hr width = "600px"   size = "10px"     color = "yellow"/>
		<p>
			&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<i>新华社杭州9月14日电（记者殷晓圣）</i>
			激动、好奇、紧张，这是卢旺达学生迈克·曼奇此时的心情。<br />
			他将在中国杭州——电商巨头<b>阿里巴巴</b>的<u>总部所在地</u>，开启四年跨境电商本科班的学习。<br />
		</p>
        <p>
        	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp9月11日，杭州师范大学阿里巴巴商学院举行了2019年留学生开学典礼,这是中国电商为非洲学生开设的首个跨境电商本科国家班。
        </p>
        <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b><i><u>杭州师范大学</u></i></b>阿里巴巴商学院院长曾鸣在开学典礼上致辞说，阿里巴巴商学院并不是一所传统意义上的商学院，而是以互联网经济为特色的商学院。<br />
                             在这里，留学生不仅可以学到<del>互联网</del>、国际贸易和跨境电商的知识，还能亲身体验中国数字经济的发展。
        </p>
        <h3 align = "center">列表标签</h3>
		<hr />
		<h3>中国知名城市</h3>
		<ul>
			<li>太原</li>
			<li>上海</li>
			<li>北京</li>
			<li>南京</li>
		</ul>
		<h3>兴趣爱好</h3>
		<ol type = "I">
			<li>打游戏</li>
			<li>打球</li>
			<li>追剧</li>
			<li>逛街</li>
		</ol>
		<dl>
			<dt>计算机课程</dt>
			<dd>java</dd>
			<dd>python</dd>
			<dd>c++</dd>
			<dd>c语言</dd>
			
			<dt>考研课程</dt>
			<dd>数学</dd>
			<dd>英语</dd>
			<dd>政治</dd>
			<dd>专业课</dd>
		</dl>
	</body>
</html>

多一些不为什么的坚持啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
body标签

（标签的属性是对标签的功能进一步的补充，可以由开发人员自由指定标签的属性值，来达到想要的显示效果）1. 标题标签<h1>……</h1>一直到<h6>……</h6>：会将其中的数据加粗加黑显示，并且显示依次减弱，标题标签自带换行功能。（块级标签）属性：align： center right left2.水平线标签：...
复制链接

扫一扫