【Web前端开发】第四课、HTML基础之标签(I)


HTML基础之HTML标签(I)

1. 标题 h1~h6

看图 看图 看图!看html标题标签
看黑板,敲重点,嘿嘿。

  • <h1></h1> 标签,一个网页中建议只有一对,该标签的作用就是告诉搜索引擎,里面的内容很重要,对搜索引擎优化 (SEO)有好处。(PS:关于SEO的优化,后续文章会讲到)
    简单的理解:h1标签超级重要的噢!可以理解为网页的标题,作用次于 <title>标签,<h2>标签理解为网页的副标题,一个网页中可以有多个 <h2> 标签,<h3>标签可以理解为章标题,或者节标题。
  • 标题的字号,都是浏览器默认的,这些字号也可以通过 CSS样式来修改。

2. 段落标签 p

段落标签
由上述 例子,总结一下

  • <p> 标签会忽略多个空格,只显示一个空格,且不会换行
  • <p> 标签的每个段落,会自动换行

3. 段内换行 br

段内换行
<br /> 标签的作用,想必就不用再多说了吧,这里要提一下的是,
<br /><br>的效果是一样的,但是为了代码的规范,建议还是加上反斜杠 /
在代码演示中,大家也观察到了 &nbsp; 吧,只需要知道这个是空格字符,属于特殊字符,全小写即可

4. 预留格式 pre

预留格式

  • 也可以称为预排版标签
  • 定义预格式化的文本,文本中的空格和换行符会被保留
  • 适合显示计算机代码

5. 段内分组 span

段内分组
可以用 <span>标签,对想要的内容完成特定的修饰

6. 水平线 hr

水平线
作用:添加水平线(滑稽)
水平线默认是从网页的左端一直延伸,和 br /标签一样,为了代码的规范,记得写成 <hr />


附:注释

注释的作用就是,增加代码的可读性,也可以对修改版本,作者进行说明。
为了你好,我好,大家好,千万记得写注释!!!
注释


感谢大家的阅读,已经将Web前端开发的笔记都放在了 Web前端 分栏里面:传送门

发布了12 篇原创文章 · 获赞 10 · 访问量 1901

猜你喜欢

转载自blog.csdn.net/MineSu/article/details/104564168
今日推荐