HTML常用标签和属性

下面是一些标签的介绍

<p>这是一段文字</p>              p标签就是一个文本标签,在网页中显示效果为这是一段文字


<h1>标签一</h1>

<h2>标签二</h2>

<h3>标签三</h3>

<h4>标签四</h4>

<h5>标签五</h5>

<h6>标签六</h6>                    h1到h6标签为标题文本标签,从标签一到标签六标题文字依次从大到小


<s>删除效果</s>

<i>斜体效果</i>

<u>下划线效果</u>

<b>文字加粗效果</b>          这四种标签的作用就是写在标签内的解释, 在实际开发中一般将他们当容器使用,在css定义开始时一般给他们设定样式为display:none;


<sup>上标效果</sup>

<sub>下标效果</sub>        这两个标签显示效果为标签内内容上标和下标 ,例如要实现a的n次方,那么n就要用上标


<div></div>                           div是最长使用的标签之一,一般网页中每一个大的模块我们会用一个div来包裹,div里面可以嵌套div,

                                                以及加入别的标签和内容来实现一个模块的整体效果


<span></span>                   span标签是非常好用也是开发中常用到的一个标签,它可以插入到任何你想要插入的地方实现你想要的效果而不影响其他布局


&nbsp;                                   空白站位符,也就相当于空格

&lt;                                          代表左尖括号   "<"  的意思

&gt;                                         代表右尖括号   ">"  的意思

<br>                                        强制换行,用于行内元素之后,例如<span><b><i><u>等等,因为行内元素不会自动换行


<img src="图片路径">         img是html标签中的插入图片标签


使用 ul——li 定义列表,默认每项前都有一个圆点,一般实际开发中不太使用,在css定义其样式为display:none; 

例:

<ul>

    <li>综艺</li> 

    <li>电影</li>

    <li>新闻</li>

</ul>


使用 ol——li 定义列表,默认每项前有一个数字序号 

例:

<ol>

    <li>第一个</li> 

    <li>第二个</li>

    <li>第三个</li>

</ol>


<table>定义表格</table>标签是一个表格标签,在实际开发中也是也是经常用到的一个标签,其中:

     <tbody>.......</tbody>        是表主体行分组

     <tr>......</tr>                        表示表格的行

     <th>.......</th>                     表格头部单元格,默认会居中加粗显示

     <td>.......</td>                     表示表格的列

例:

<table>

     <tbody>

          <tr>

              <th>姓名</th>

              <th>年龄</th>

              <th>性别</th>

          </tr>

          <tr>

              <td>小明</td>

              <td>20</td>

              <td>男</td>

          </tr>

          <tr>

              <td>小丽</td>

              <td>18</td>

              <td>女</td>

          </tr>

     </tbody>

</table> 



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值