开发者学堂课程【零基础学前端 HTML+CSS:基本标签 】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/398/detail/5110
基本标签
内容介绍:
一、段落 ( p ) 标签和水平线 ( hr ) 标签
二、示例
三、换行 ( br ) 标签、空格标签、注释
四、示例
一、段落 ( p ) 标签和水平线 ( hr ) 标签
段落 ( p ) 标签
< p > 标签在 HTML 页面中创建段落,它是成对出现。
水平线 ( hr ) 标签
< hr > 标签在 HTML 页面中创建水平线,它是单个出现,使用水平线(< hr > 标签)来分隔文章中的小节是一个办法。
二、示例
新建一个 hr.html 文件
输入
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<p>段落4</p>
再来在四个段落上打上 hr
<p>段落1</p><hr>
<p>段落2</p><hr>
<p>段落3</p><hr>
<p>段落4</p><hr>
如图在加入 < hr > 后每个段落中间会加入水平线
在 HTML 里是没有换行概念,所有换行都是由 < P > 标签和 < br > 标签组成。
三、换行( br ) 标签、空格标签、注释
换行 ( br ) 标签
< br >:在 HTML 页面显示为换行,它是单个出现。
空格标签:
在 HTML 页面显示为空格
注释
<!-- -->
:其间的内容为注释,可以提高 HTML 页面的可读性,使代码更容易被人理解。
四、示例
在代码中增加文字你好中国
<p>段落1</p>
<hr>
<p>段落2</p>
<hr>
<p>段落3</p>
<hr>
<p>段落4</p>
<hr>
你好中国
如果此时在你好中国中间输入回车
你好
中国
则此时在页面上显示为你好和中国中间存在一个空格,而不是回车,如果想换行或者换段,则需要在你好和中国之间输入 < br >,需改为你好< br >中国
继续修改代码,加入你好 ;中国
<p>段落1</p>
<hr>
<p>段落2</p>
<hr>
<p>段落3</p>
<hr>
<p>段落4</p>
<hr>
你好<br>中国<br>
你好 中国
想多空多少格,那么一个字符长度就是一个   的一个占位符
如果想要在最后一行加入注释,则
你好 中国<!--空白的标识符 -->
刷新页面后显示与刚才一样
但是网页源代码中存在
总结:
换行是 <br>,  空白的字符,充当空格使用,HTML 里边默认是没有多空格存在。注释是<!-- -->