html常用标签

文本格式化标签

<h1></h1>——<h6></h6>
<!--标题标签,<h1> 表示最高的标题级别,<h6> 表示最低的标题级别-->
<p></p> 
<!--段落标签-->
<br> 
<!--换行标签-->
<em></em>
<!--倾斜标签-->
<strong></strong>
<!--加粗标签-->
<del></del>
<!--删除线-->
<ins></ins>
<!--下划线-->
<sup></sup> 
<!--上标文本-->
<sub></sub>
<!--下标文本-->

盒子标签

<div></div>和<span></span>

链接标签

<a href="" title="" target="">登录</a>
<!-- href存放目标页面的url,为必写属性;
鼠标放在超链接上显示title的内容;
target为页面打开的方式,默认在原页面打开_self,如果设置值为_black,就会打开一个新的页面进行展示。
锚链接

首先定义一个锚点:在标签中添加一个id属性; -->
<!-- 超链接到锚点:<a href="#id属性名">跳转</a> -->

图片标签

<img src="" alt="" title="提示文本" width="" height=""/>
<!-- src:图片的来源,必写属性;
当鼠标放在图片上时显示title的内容;
当图片加载失败时显示alt的内容;
如果不设置图片宽高,显示图片默认大小,如果只设置其中一个,会进行等比例缩放,如果两个都设置就会按照设置的大小进行展示。 -->

列表标签

1.无序列表

<ul>无序列表
  <li></li> 列表项
  <li></li> 独占一行,块级元素
  <li></li>
</ul>

2.有序列表

<ol>有序列表
  <li></li> 列表项
  <li></li> 独占一行,块级元素
  <li></li>
</ol>

3.定义列表

<dl>dl标签定义列表
  <dt></dt>dt标签定义项目
  <dd></dd>dd标签定义内容
  <dd></dd>
  <dt></dt>
</dl>  

表格标签

<table> table标签定义表格
    <tr> tr标签定义行
       <td></td> td标签定义单元格
    </tr>
  </table>
   
  tr行
  td列
  th标题
  caption标题标签
<!---------->
  <table border="1"> table标签定义表格,边框为1
    <tr> tr标签定义行
       <th></th>自动加粗
       <th></th>
       <th></th>
    </tr>
  </table>
<!------------>
<table border="1"> table标签定义表格,边框为1
    <tr> tr标签定义行
       <td rowspan="2"></td> //rowspan跨两行
       <td></td>
    </tr>
  </table>
<!------------>
<table width="宽度" border="边框粗细" cellspacing="单元格间距" cellpadding="单元格填充">  
    <tr style=“行内样式” align="对齐方式:left、center、right">    
      <th colspan="跨列">表头,默认加粗和居中</th>    
      <th rowspan="跨行"></th>  </tr>  
    <tr> --- 行    
   <td>列</td>  
  </tr>  
 </table>

特殊字符

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值