HTML标签

本文介绍了HTML的基本结构,包括标题标签<h1>-<h6>,段落<p>,换行<br>,文本格式标签如<strong>和<b>,图片<img>的使用,超链接<a>及锚点链接,列表<ol>,<ul>和<dl>,表格<table>的创建和单元格合并,以及表单元素如<input>,<textarea>,<select>和<button>的应用。
摘要由CSDN通过智能技术生成

1.标题标签

<h1>-<h6>

2.段落标签

<p>

3.换行

<br>

4.文本格式标签

  1. 加粗 <strong></strong>或<b></b>
  2. 倾斜<em></em>或<i></i>
  3. 删除线<del></del>或<s></s>
  4. 下划线<ins></ins>或<u></u>

5.图片标签

<img src=路径 alt=图片无法显示替代的文字 title=图片内容 width=宽 height=高>

6.超链接

<a href="链接地址" target="目标窗口位置"></a>

锚点链接

        设置锚点:要跳转的标签设置id属性

        链接锚点:<a href="#id属性值"></a>

7.列表

  • 有序列表: <ol><li>列表项</li></ol>

  • 无序列表:<ul><li>列表项</li></ul>

  • 自定义列表 <dl><dt>标题</dt><dd>数据项</dd></dl>

8.表格标签

    <!-- 表格 -->
    <table> 
        <!-- 行 -->
        <tr>
            <!-- 单元格 -->
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    

合并单元格

  • 跨行合并:rowspan=“合并的行数”

  • 跨列合并: colspan="合并的列数"

9.表单

  • 单行文本框  <input type="text">
  • 密码框 <input type="password">
  • 多行文本框 <textarea name="" id="" cols="30" rows="10"></textarea>
  • 单选框 <input type="radio" name="" value="" checked>  单选框name值相同则为同一组按钮
  • 多选框 <input type="checkbox" name="" value=""> 多选款name值相同为同一组按钮
  • 下拉菜单 
    <select name="" id="">
        <option value=""></option>
        <option value=""></option>
    </select>
  • 浏览框 <input type="file">
  • 按钮   1.普通 type="button" 2.提交 type="submit" 3.重置 type="reset"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值