位置:电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) 推荐学习资源
第1章 HTML 入门
第2章 HTML 基础标签
第3章 HTML 高级标签
第4章 HTML 表单标签
第5章 HTML 媒体和视频(Videos)
当前阅读教程:HTML入门到精通 > 1.5 入门示例
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 1.4.2 Dreamweaver如何建立一个Web页面 下一篇: 1.6 HTML 元素入门要点

我们前面学会了如何建立了我们第一个HTML页面后,我们这里来看一个入门的示例

小白教程网www.2d5.net

,这里会有更多的标签内容,大家可以在自己选择的工具里面敲入下面的代码,然后运行。代码示例

小白教程网www.2d5.net

如下:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 标题:黄菊华老师</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
<hr>
<p>这是一个段落1。</p>
<p>这是一个段落2。</p>
<hr>
<a href="http://www.taobao.com">这是一个链接,链接到淘宝</a>
<br><br>
<img src="tupian/cp01.jpg" width="50"  /><br>
<img src="tupian/cp02.jpg" width="50"  />
</body>
</html>

在浏览器上运行的效果如图1-18

image.png



上一篇: 1.4.2 Dreamweaver如何建立一个Web页面 下一篇: 1.6 HTML 元素入门要点
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)