html 基本元素

来源:互联网 发布:办公软件自学网站 编辑:程序博客网 时间:2024/06/04 17:57

html的一些基本元素,这里介绍的主要是文本语义元素

先看效果:


<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>html5基本元素</title>
</head>
<body style="background-color:#C1BF99">
<span>作者:元稹</span><!--与DIV相似,区别是默认不会换行-->
<hr/>
<h1 align="center" >行宫</h1><!--标题-->
<hr/><!--定义水平线-->
<div align="center">
<blockquote>寥落<sub><!--小标-->[1]</sub>古行<sup>[2]</sup><!--上标-->宫,宫花寂寞红。<br/>
白头宫女在,闲坐说玄宗。
<!--用于定义一段长的引用文体-->
<br/></blockquote>
</div>
<span><b>注解</b></span><!--用于定义粗体-->
<p><!--用于段落--><i>[1]寥落:寂寞冷落。<br/></i><!--用于定义斜体-->
<em>[2]行宫:皇帝在京城之外的宫殿。</em><!--强调文本,与斜体作用差不多--></p>
<strong>译文</strong><!--用于定义粗体-->
<pre><!--预格式化-->
  早已空虚冷寞的古行宫,

  零落宫花依然开行艳红。

  有几个满头白发的宫女,

  闲坐谈论当年的唐玄宗。</pre>
<p><b>赏析:</b></p>
<p>元稹的这首<cite>《行宫》</cite>是一首抒发盛衰之感的诗,可与白居易<q cite="www.baidu.com">上阳白发人</q>参互并观。</p>
<p><samp>这里的古行宫即洛阳行宫上阳宫....</samp><!--用于定义示范文体--></p>
<p><code><!--计算机代码-->
public class cat<br/>
{<br/>
private int name="lanlan";<br/>
}<br/>
</code>
<dfn>html</dfn><!--专业术语-->
是一种广为人知的标记语音
<address>广东省深圳市</address><!--地址-->
<del>宝安区</del><!--删除-->
<ins datetime="2015-8-10">南山区</ins><!--插入-->
<abbr title="Most Valuable Player Award">MVP</abbr><!--缩写-->
</p>
</body>

</html>




0 0
原创粉丝点击