HTML 5保留的常用元素

基本元素

<!--...-->:定义HTML注释。
<html>:HTML 5文档的根元素。HTML 5允许省略。
<head>:用于定义HTML 5文档的页面头部分。HTML 5允许省略。
<title>:用于定义HTML 5文档的页面标题。
<body>用于定义HTML 5文档的页面主题部分。
<h1><h6>:定义标题一到标题六。
<p>:定义段落。
<br>:插入一个换行。
<hr>:定义水平线。HTML 5中<hr…/>还代表了主题结束的语言。
<div>:定义文档中的节。
<span>:与<div>基本相似,区别是<span>只是表示一段一般性文本,该元素包含的文本内容默认不会换行。

<!DOCTYPE html>
<html>
<head>
       <meta http-equiv="Content-Type" content="text/html; charset=html" />
       <title>基本元素</title>
</head>
<body>
       <!--采用标题一到标题六来输出文本-->
       <h1>疯狂Java讲义</h1>
       <h2>疯狂Android讲义</h2>
       <h3>轻量级Java EE企业应用实战</h3>
       <h4>疯狂XML讲义</h4>
       <h5>疯狂前端开发讲义</h5>
       <h6>经典Java EE企业应用实战</h6>
       <!--输出一条水平线-->
       <hr />
       <!--使用三个span定义段文本-->
       <span>Tomcat</span><span>Jetty</span><span>Resin</span>
       <!--输出换行-->
       <br />
       <!--使用三个div定义三节-->
       <div>Tomcat</div><div>Jetty</div><div>Resin</div>
       <!--使用三个p定义三个段落-->
       <p>Tomcat<p>Jetty<p>Resin
</body>
</html>

在这里插入图片描述

文本格式相关元素

<b>:定义粗体文本。
<i>:定义斜体文本。
<em>:定义强调文本,实际效果和斜体文本差不多。
<strong>:定义粗体文本。与<b>元素的作用和用法基本相同。
<sup>:定义上标文本。
<sub>:定义下标文本。
<bdo>:定义文本显示方向。该元素应该指定dir属性,属性值为ltr或者rtl,用于指定文本的排列方向。

<!DOCTYPE html>
<html>
<head>
    <meat http-equiv="Content-Type" contend="text/html; charset=uft-8"/>
	<title>基本元素</title>
</head>
<body>
    <span><b>加粗文本</b></span><br />
	<span><i>斜体文本</i><span><br />
	<span><b><i>粗斜体文本</i></b></span><br />
	<span><em>被强调文本</em><span><br />
	<p><strong>加粗文本</strong></p>
	<small>小号字体文本</small><br />
	<!--指定从左向右排列文本-->
	<bdo dir="ltr">从左向右排列的文本</bdo><br />
	<!--指定从右向左排列的文本-->
	<bdo dir="rtl">从右向左排列的文本</bdo><br />
	<h1>X<sup>2</sup></h1>
	<h1>H<sub>2</sub>O</h1>
</body>
</html>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值