HTML基础知识(4)

HTML标签学习

1.1.1标题标签

  <h1>1</h1>
    <h2>2</h2>
    <h3>3</h3>
    <h4>4</h4>
    <h5>5</h5>
    <h6>6</h6>

 

 

➢ 标题标签一共有几个?分别表示什么含义?
• h1标签:一级标题
• h2标签:二级标题
• h3标签:三级标题
• h4标签:四级标题
• h5标签:五级标题
• h6标签:六级标题
➢ 标题标签有哪些特点?
• 文字都有加粗
• 文字都有变大,但是从h1 → h6文字逐渐减小
• 独占一行

 1.2.1段落标签

 

场景:在新闻和文章的页面中,用于分段显示
➢ 代码:

<p></p>

➢ 语义:段落
➢ 特点:
• 段落之间存在间隙
• 独占一行

 

1.3.1换行标签

➢ 场景:让文字强制换行显示
➢ 代码:

<br>  单标签

➢ 语义:换行
➢ 特点:
• 单标签
• 让文字强制换行

 

1.4.1水平线标签

➢ 场景:分割不同主题内容的水平线
➢ 代码:

<hr>

➢ 语义:主题的分割转换
➢ 特点:
• 单标签
• 在页面中显示一条水平线

 

1.5.1文本格式化标签

➢ 场景:需要让文字加粗、下划线、倾斜、删除线等效果
➢ 代码:

如果文本很重要用英文标签强调

➢ 语义:突出重要性的强调语境

2.1.1标签语义化

➢ 实际项目开发中选择标签的原则:标签语义化
• 即:根据语义选择对应正确的标签
• 如:需要写标题,就使用h系列标签
• 如:需要写段落,就使用p标签
• ……
➢ 好处:
• 对人:好理解,好记忆
• 对机器:有利于机器解析,对搜索引擎(SEO)有帮助
➢ 推荐:
• strong、ins、em、del,表示的强调语义更强烈!

版权声明:
作者:zhuim521
链接:https://zhuimwl.com/24.html
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
HTML基础知识(4)
HTML标签学习 1.1.1标题标签 <h1>1</h1> <h2>2</h2> <h3>3</h3> <h4>4</h4> <h5&……
<<上一篇
下一篇>>