HTML day02,一些常见标签

双标签:<标签>内容</标签>,例如:<div></div>、<h1></h1>等

单标签:</标签> ,例如:</br>、</hr>等

注释:<!--内容-->注释里的内容不会被浏览器展示,ctrl+/可以快捷注释,注释了的内容按ctrl+/可以快捷去掉注释

<h1-h6></h1-/h6>:标题标签,可用于设置标题,大小是倒序,h1最大,h6最小

代码展示 

浏览器展示: 

<p></p>: 段落标签,可以把文本内容分成若干个段落,具体看你设置了多少段落标签,若在段落标签中穿插<div></div>,会被分成两个段落

代码展示:

浏览器效果:

<table></table> :表格标签,可在页面创建一个表格,其中子标签:<thead></thead>表示表头,就是表格第一行的分类的效果,<tr></tr>:表示创建一行,<th></th>表示创建一列,<tbody></tbody>表示表格主体,<td></td>表示主体列,当没设置表头、主体时,浏览器会自动帮你设置主体

代码展示(设置了边框,默认效果是没有边框的,为了方便辨认):

浏览器效果:

<a href=“....”></a>:可以设置链接, 其中href属性为设置跳转的地址

代码展示(</br>是换行标签):

浏览器效果:

 

<form></form>:表单标签,用于收集用户信息,由于内容子元素属性分类太多,这里直接展示代码

代码展示(这里为了方便观看和寻找,每个子标签都加了div,让他们独占一行,不是一定要加):

 

 

 

浏览器效果:

 

 一些用于设置文本字体样式的标签:<u></u>:文字加下划线,<i></i>:文字变成斜体字,<del></del>:文字加删除线,<b></b>和<strong></strong>:都是加粗文字

代码展示(</br>为换行):

浏览器效果:

 

  • 8
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值