02、HTML 基础
- 标签来定义的. 灵_夜 这是标题 1
1、html 标题
html 标题（heading）是通过<h1> - <h6> 标签来定义的.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>灵_夜</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
2、html 段落
html 段落是通过标签 <p> 来定义的.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>灵_夜</title>
</head>
<body>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
</body>
</html>
3、html 链接
html 链接是通过标签 <a> 来定义的.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>灵_夜</title>
</head>
<body>
<a href="//www.baidu.com">这是一个链接使用了 href 属性</a>
</body>
</html>
提示:在 href 属性中指定链接的地址。
4、html 图像
html 图像是通过标签 <img> 来定义的.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>灵_夜</title>
</head>
<body>
<img src="/images/logo.png" width="258" height="39" />
</body>
</html>
注意： 图像的名称和尺寸是以属性的形式提供的。以上例子src一定是存在的图片，当然可以指定电脑上的一张图片，否则会出现错误。
说明：
这是标题 1
1、html 标题
html 标题（heading）是通过<h1> - <h6> 标签来定义的.
|
<!doctype html> <html> <head> <meta charset="utf-8"> <title>灵_夜</title> </head> <body>
<h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6>
</body> </html> |
2、html 段落
html 段落是通过标签 <p> 来定义的.
|
<!doctype html> <html> <head> <meta charset="utf-8"> <title>灵_夜</title> </head> <body>
<p>这是一个段落。</p> <p>这是一个段落。</p> <p>这是一个段落。</p>
</body> </html> |
3、html 链接
html 链接是通过标签 <a> 来定义的.
|
<!doctype html> <html> <head> <meta charset="utf-8"> <title>灵_夜</title> </head> <body>
<a href="//www.baidu.com">这是一个链接使用了 href 属性</a>
</body> </html> |
提示:在 href 属性中指定链接的地址。
4、html 图像
html 图像是通过标签 <img> 来定义的.
|
<!doctype html> <html> <head> <meta charset="utf-8"> <title>灵_夜</title> </head> <body>
<img src="/images/logo.png" width="258" height="39" />
</body> </html> |
注意： 图像的名称和尺寸是以属性的形式提供的。以上例子src一定是存在的图片，当然可以指定电脑上的一张图片，否则会出现错误。
说明：