HTML 基础
下面通过一些实例来学习一下HTML几个基本标签
HTML 标题
HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6> </body> </html>
会输出:
这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
HTML 段落
HTML 段落是通过标签 <p> 来定义的.
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>一个段落。</p> <p>另一个段落。</p> <p>还是一个段落。</p> </body> </html>
输出:
一个段落。
另一个段落。
还是一个段落。
HTML 链接
HTML 链接是通过标签 <a> 来定义的.
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <a href="http://www.php.cn">这是一个链接使用了 href 属性</a> </body> </html>
输出:
这是一个链接使用了 href 属性
提示:在 href 属性中指定链接的地址。
(您将在本教程稍后的章节中学习更多有关属性的知识).
HTML 图像
HTML 图像是通过标签 <img> 来定义的.
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <img src="/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" /> </body> </html>
输出:
注意: 图像的名称和尺寸是以属性的形式提供的。