示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>这是浏览器中的标题</title>
</head>
<body>
<h1>这是内容中的第一段标题(h1)</h1>
<font size="6">这是第一个font size=6</font>
<p>这是第一个段落</p>
<hr/>
<h2>这是内容中的第一段标题(h2)</h2>
<font size="5">这是第二个font size=5</font>
<p>这是第一个段落</p>
<hr/>
<h3>这是内容中的第一段标题(h3)</h3>
<font size="4">这是第三个font size=4</font>
<p>这是第一个段落</p>
<p>窗前明月光,<br/>疑是地上霜。<br/>以上是测试换行</p>
<p>这是 测试 输出
的文本
</p>
<pre>
这是 格式化<br/>测试
</pre>
<!-- 这是注释内容 -->
</body>
</html>
浏览器加载效果:
标题
- 标题使用<h1>-<h6>表示,<h1>时最大的标题,<h6>是最小的标题
- 标题元素之后,搜索引擎默认添加换行
- 不可以因为想把内容变粗加大就使用标题元素
- 搜索引擎根据文档中的标题元素对html文档的结构和内容生成索引,方便用户可以根据标题索引进行快速定位浏览
段落
- 段落是使用 <p>这是一个段落</p> 元素表示的
- 段落元素在编写时即使没有结束标签对于大多数浏览器依然可以正确的显示,但是不建议省略
- 默认换行
水平线
<hr>是一个空元素,但是建议写成<hr/>在开始标签中关闭的标签
换行
- 换行是使用<br/>表示的,和水平线一样,属于空元素,建议在开始标签中关闭标签
- 多个相邻的换行元素会默认一个
输出格式
- 引擎在解析相邻的多个空格或者换行符时会删除多余的空格,仅仅留一个
- 需要格式化文本的可以使用<pre>元素(见示例代码)
注释
,无论何种语言,在必要的地方加入合适的注释是很有必要的,注释的内容不会显示在浏览器上。注:注释的左面有个感叹号字体大小
<font size=“6”>这是内容</font>
font元素的size属性描述内容字体的大小,1最小,6最大,和标题属性相反,标题的<h1>对应size=“6”,标题的<h6>对应size=“1”