HTML 基础 之 段落标签() 学习笔记

文档段落:

注释  :   <!--   注释内容 -->  
1. 在<body>      </body>里面写文字,则可显示想要显示的文章。
2. 在<head>      </head>写 <meta charset="utf-8">,则用utf-8编码显示文字。
3.标题标签:       <h1></h1>  到 <h6></h6>  在body里面写
4.段落标签:       <p></p>      n个段落就用n个<p>标签
5. 段落标签的对齐属性:
     写法: <p align="left">要显示的文字内容</p>

     align=“left”        左对齐内容
     align=“right”     右对齐内容
     align=“center”   居中左对齐内容
     align=“justify”    对行进行伸展,这样每行都可以有相等的长度

     
6.换行标签(段落标签内使用):   <br/>:  在想要换行的文字后面添加<br/>,那么<br/>后面的文字就会另起一行
7.空格标签(段落标签内使用):在<p>   </p>里面加入的空格并不起作用,要加入代码才能实现空格功能。
                   即:加上&nbsp;  就是空格功能,需要几个空格,就加上几个&nbsp;
8.预格式化标签(段落标签内使用):<pre>   </pre>,在此标签中手动输入的空格和换行都有效,就不必再输入<br/>和&nbsp;了


9.水平线标签:<hr/>(段落标签内使用):就是在文字上面画一条线


    属性:width        设置水平线宽度,可以像素或百分比。
              color        设置水平线颜色
              align         设置水平线居中对齐
              noshade   设置水平线无阴影
    用法:比如<hr  width="80%" color="#666666" align="left"/>


10.修饰标签(段落标签内使用):
     文字斜体:  <i></i> 或 <em></em>
     加粗       :  <b></b> 或<strong></strong>
     下标       :  <sub>
     上标       :  <sup>
     下划线    :    <ins>
      删除线   :    <del>


11.特殊符号的显示:
      比如说我要显示  “<b>”这个由小于号,字符b,大于号组成的符号,那么就要用特殊符号来显示。
      

 
      这些标签都是写在<p></p>标签之内的
   

 

字体效果  
<h1>...</h1>标题字(最大)  

<h6>...</h6>标题字(最小)  

<b>...</b>粗体字  

<strong>...</strong>粗体字(强调) (同上效果略同) 
 
<i>...</i>斜体字  

<em>...</em>斜体字(强调)  

<dfn>...</dfn>斜体字(表示定义)  

<u>...</u>底线  

<ins>...</ins>底线(表示插入文字)  

<strike>...</strike>横线  

<s>...</s>删除线  

<del>...</del>删除线(表示删除)  

<kbd>...</kbd>键盘文字  

<tt>...</tt> 打字体  

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)  

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)  

<listing>...</listing> 固定宽度小字体  

<font color=00ff00>...</font>字体颜色  

<font size=1>...</font>最小字体  

<font style =’font-size:100 px’>...</font>无限增大  


区断标记  

<hr>水平线  

<hr size=’9’>水平线(设定大小)  

<hr width=’80%’>水平线(设定宽度)  
 
<hr color=’ff0000’>水平线(设定颜色)  

<br>(换行)  

<nobr>...</nobr>水域(不换行) 
 
<p>...</p>水域(段落)  

<center>...</center>置中  

 

posted @ 2019-02-07 16:12  RomanticChopin  阅读(329)  评论(0编辑  收藏  举报
-->
Live2D