HTML笔记 ( 二 ) 一些常见的标签

---

博主的 Github 地址

---

1. p 标签

• 作用:
  让标签内容成段落展示
  

• 示例

<p>content</p>

 
 
 

2. h1 - h6 标签

• 作用:
  让文本变成1-6号标题格式的大小&粗细

• 示例

	<h1>this is h1</h1>
    <h2>this is h2</h2>
    <h3>this is h3</h3>
    <h4>this is h4</h4>
    <h5>this is h5</h5>
    <h6>this is h6</h6>

 
 
 

3. strong 和 b 标签

• 作用:
  加粗字体, 这两个标签在加粗字体上并无任何区别
   
   
   

4. em 和 i 标签

• 作用:
  字体变成斜体, 这两个标签在将字体变成斜体上并无区别
   
   
   

5. del 标签

• 作用:
  字体加中划线

• 示例

<b><i><del>b 标签和 i 标签和 del 标签</del></i></b>

 
 
 

6. div 标签

• 作用:
  该标签是块级标签, 用作其它html元素的容器
  其本身并无特定的含义, 与css一同使用可以对大的内容块进行样式属性的设置

• 示例

<div style="border-width: 1px; background-color: #ff0000; 
height: 25px; width: 25px; margin: 50px"></div>

 
 
 

7. span 标签

• 作用:
  该标签是内联标签, 用作文本的容器.
  其本身也并无特定的含义, 与 css 一同使用可以为部分文本进行样式属性的设置

• 示例

<span style="background-color: #ff0000; color: #f9f9f9; 
font-size: larger; font-weight: bold">这是一个span</span>

 
 
 
备注:

1. 一般用 css 来实现文字样式的表现, 并不会用 html 标签去做, 样式能用 css 就用 css
2. <div> 和 <span> 主要用作容器和绑定操作, 让代码结构化, 页面结构化
3. 空格和回车在 html 中是作为文本分割符而存在, 用于分割英文单词
   空格用 html 编码 &nbsp; 来进行展示, 回车用换行符 <br/> 来展示
   换行标签 <br/> 在使用的时候最好在 br 后加上斜杠用以规范,
   这个标签是自闭合标签, 不需要成对出现