html入门须知--常用标签（2）

html常用标签

单元格标签

写法为<table><tr><td> </td></tr></table>
其中tr为行，td为单元格
table的属性有width（宽），height（高），border（边框），cellspacing（单元格和单元格之间的距离），cellpadding（单元格边框与内容之间的距离），align（表格水平的位置），bgcolor（背景颜色）
下面我们就来看看单元格标签是怎么用的：

<table border="1px" width="100px" height="100px"cellspacing="0px"align="center">
       <tr>
           <td></td>
           <td></td>
           <td></td>
       </tr>
       <tr>
           <td></td>
           <td></td>
           <td></td>
       </tr>
       <tr>
           <td></td>
           <td></td>
           <td></td>
       </tr>
    </table>

运行结果为：

pre标签

预格式化标签，所有字符都会进行原样输出

上方注释标签

<ruby><rt></rt></ruby>
ruby里面放的是中文
rt里面放的是注音
代码如下：

<ruby>你好
     <rt>ni hao</rt>
 </ruby>

运行结果为：

注意：拼音要用空格隔开

分割线标签

<hr>

它的属性有width（宽度）color（颜色）

html实体

空格：&nbsp； 输出为英文空格
&emsp； 输出为中文空格
大于号：&lt
小于号：&gt
&号：&map
字体加粗：b
倾斜：i
下划线：u

图片标签

img
它的属性有：src（图片地址），alt（当图片加载不出来时显示的文字），width（图片的宽度），height（图片高度），title（当鼠标移入时产生的文字），align（图片两边文字的垂直位置）

字体标签

<font></font>
它的属性有：size（字体大小，范围由1-7，从小到大），color（字体颜色），face（改变字体样式）
代码如下：

<font size="1" color="red" face="仿宋">你好</font>

运行结果为：

以上就是今天所介绍的一些常用标签了，如果觉得有帮助的话麻烦来个一键三连吧