“HTML基础”的版本间差异
本页内容
(→声明) |
|||
第35行: | 第35行: | ||
<h3>3级标题</h3> | <h3>3级标题</h3> | ||
</sample> | </sample> | ||
<sample-run name='s2'> | |||
<!DOCTYPE html> | |||
<html> | |||
<body> | |||
<h1>1级标题</h1> | |||
<h2>2级标题</h2> | |||
<h3>3级标题</h3> | |||
<h4>4级标题</h4> | |||
<h5>5级标题</h5> | |||
<h6>6级标题</h6> | |||
</body> | |||
</html> | |||
<sample-run> | |||
== HTML 段落 == | |||
HTML 段落是用<nowiki><p></nowiki>标签定义的: | |||
<sample title="" desc="" hererun="s3"> | |||
<p>段落1</p> | |||
<p>段落2</p> | |||
</sample> | |||
<sample-run name='s3'> | |||
<!DOCTYPE html> | |||
<html> | |||
<body> | |||
<p>段落1</p> | |||
<p>段落2</p> | |||
</body> | |||
</html> | |||
<sample-run> | |||
== HTML 链接 == | |||
<sample title="" desc="" hererun="s4"> | |||
<a href="https://www.xiaobai.wang">小白教程</a> | |||
</sample> | |||
<sample-run name='s4'> | |||
<!DOCTYPE html> | |||
<html> | |||
<body> | |||
<a href="https://www.xiaobai.wang">小白教程</a> | |||
</body> | |||
</html> | |||
<sample-run> | |||
* 链接的指向的地址是在href属性中设置的。 | |||
* 属性用于提供有关 HTML 元素的附加信息。 | |||
== HTML 图像 == | |||
HTML 图像是用<nowiki><img></nowiki>标签定义的。 | |||
源文件 ( src)、替代文本 ( alt)、 width和height作为其属性: | |||
<sample title="" desc="" hererun="s5"> | |||
<a href="https://www.xiaobai.wang">小白教程</a> | |||
</sample> | |||
<sample-run name='s5'> | |||
<!DOCTYPE html> | |||
<html> | |||
<body> | |||
<img src="http://www.xiaobai.wang/favicon.ico" alt="xiaobai.wang" width="200" height="200"> | |||
</body> | |||
</html> | |||
<sample-run> |
2022年8月3日 (三) 16:01的版本
HTML 文档
- 所有 HTML 文档都必须以文档类型声明开头:<!DOCTYPE html>.
- HTML 文档本身以 . 开头<html>和结尾</html>。
- HTML 文档的可见部分在<body>和之间</body>。
示例
<!DOCTYPE html>
<html>
<body>
<h1>一级标题</h1>
<p>一段文本</p>
</body>
</html>
<!DOCTYPE> 声明
- 该<!DOCTYPE>声明表示文档类型,并帮助浏览器正确显示网页。
- 它只能出现一次,在页面顶部(在任何 HTML 标记之前)。
- <!DOCTYPE>声明不区分大小写。
- HTML5的<!DOCTYPE>声明是:
<!DOCTYPE html>
HTML 标题
HTML 标题是用<h1>到<h6>标记定义的。 <h1>定义最重要的标题。<h6>定义最不重要的标题:
示例
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<sample-run name='s2'> <!DOCTYPE html>
1级标题
2级标题
3级标题
4级标题
5级标题
6级标题
<sample-run>
HTML 段落
HTML 段落是用<p>标签定义的:
示例
<p>段落1</p>
<p>段落2</p>
<sample-run name='s3'> <!DOCTYPE html>
段落1
段落2
<sample-run>
HTML 链接
示例
<a href="https://www.xiaobai.wang">小白教程</a>
<sample-run name='s4'> <!DOCTYPE html> 小白教程 <sample-run>
- 链接的指向的地址是在href属性中设置的。
- 属性用于提供有关 HTML 元素的附加信息。
HTML 图像
HTML 图像是用<img>标签定义的。 源文件 ( src)、替代文本 ( alt)、 width和height作为其属性:
示例
<a href="https://www.xiaobai.wang">小白教程</a>
<sample-run name='s5'> <!DOCTYPE html> <sample-run>