双标签:<标签>内容</标签>,例如:<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>为换行):
浏览器效果: