实例1.html(下载附件 1.99 KB)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实例1</title>
</head>
<body>
<h1>大家好,欢迎学习HTML5</h1>
<h2>第一章 文字标签</h2>
<h3>第一节 标题标签</h3>
<p>在 HTML 文档中,标题很重要。<br/>
标题是通过 h1-h6标签进行定义的。<br/>
h1定义最大的标题,h6定义最小的标题。</p>
<h3>第二节 段落</h3>
<p>HTML 可以将文档分割为若干段落。段落是通过<b>p标签</b>定义的。</p>
<h3>第三节<i> 字体样式</i></h3>
<p>我们会举例说一些,但是在学习CSS之后,字体样式等于格式有关的功能,都会通过<small>CSS样式表</small>来实现。
<ins>所以,这里大家只要稍微了解下就好。</ins>
</p>
<p><em>强调</em>
<strong>着重</strong>
<dfn>definition</dfn>
<code>表示这一行是源代码,仅用于小部分代码。</code>
<samp>例子代码</samp>
<kbd>用户输入</kbd>
<bar>变量</bar>
<site>引用</site>
<h3>第四节 水平线</h3>
<hr width=90% color="#FF0000">
插入一条水平线
<h3>第五节 列表</h3>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol start=3>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
<h3>第六节 图片</h3>
<img src="html.jpg" alt=HTML width="300" height="300">
在实例1中插入图片
<img src="http://img.taopic.com/uploads/allimg/130501/240451-13050106450911.jpg" width=300 height="300">
<h3>第七节 链接</h3>
<iframe src="http://www.baidu.com" width="500" height="500"> </iframe>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。