HTML的常用标签
1. 标题标签h?
一至六级标签:<h1></h1>
~<h6></h6>
效果:加粗加大,占一行
2. 段落标签p
语法格式:<p></p>
效果:文本会根据浏览器大小自动换行,段落见有间隔
3. 换行标签br
语法格式:<br>
效果:强制换行,行与行之间无间隔
4. 文本格式化标签(css均能修改,不故常用)
1.加粗:<strong></strong>
双标签
2.倾斜:<em></em>
双标签
3.删除线:<del></del>
双标签
4.下划线:<ins></ins>
双标签
5. div和span
小盒子:<span></span>
一行多个,之间有跨距
大盒子:<div></div>
独占一行,宽不设width时和父盒子一样大,高和内容一样大
6. 图像标签img
属性 | 作用 |
---|---|
src | 路径:相对路径/绝对路径 |
alt | 替换文本,党图片无法显示时,alt起作用 |
title | title提示文本,鼠标放在图片上时提示的文字 |
width | 宽度:px/% |
height | 高度:px/% ,宽高只设一个另一个随之变化 |
border | 边框粗细 边框类型 颜色,例:1px solid #000 |
7. 超链接标签a
语法格式:<a></a>
效果:跳转
属性 | 作用 |
---|---|
href | 用于指定链接目标的URL地址 |
target | -self当前窗口打开链接页面,-blank新窗口 |
锚点链接:点击时,可以快速定位到页面中的某个位置
链接处(点击处):<a href="#..."></a>
跳转至处:添加id="..."
8. 特殊字符
字符 | 意思 |
---|---|
" " | 空格 |
"<" | 小于号 |
">" | 大于号 |
9. 表格标签
优点:整洁展示数据
- 语法格式:
<table> <tr>//表头行 <th></th>//标题单元格标签,加粗居中显示 </tr> <tr>//行 <td></td>//行中单元格 </tr> </table>
<caption></caption>
是表格名称,写在table外 - 合并单元格
跨行合并:rowspan="合并个数"
跨列合并:colspan="合并个数"
跨行合并单元格,写在几个中最上面的那个,跨列写在最左边那个