软件园学生在线

  • {{ item.name }}
  • 2023试用期

登录与注册

【第一次培训】黄幸兒

  • jiayu
  • 2022-10-23
  • 0

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. 特殊字符

字符 意思
"&nbsp" 空格
"&lt" 小于号
"&gt" 大于号

9. 表格标签

优点:整洁展示数据

  1. 语法格式:
    <table>
    <tr>//表头行
    <th></th>//标题单元格标签,加粗居中显示
    </tr>
    <tr>//行
        <td></td>//行中单元格
    </tr>
    </table>

    <caption></caption>是表格名称,写在table外

  2. 合并单元格
    跨行合并:rowspan="合并个数"
    跨列合并:colspan="合并个数"
    跨行合并单元格,写在几个中最上面的那个,跨列写在最左边那个
jiayu
jiayu
© 2025 软件园学生在线
Theme by Wing