HTML笔记

HTML相关

1. 锚点定位

1.先找好要定位到哪里,然后写好id名,如:

<h4 id="definition">定义</h4>

2.再回到需要跳转的地方,创建链接文本,如:

<a href="#definition">①定义</a>

2. base标签

  • 作用:下面的链接都是以新的窗口打开

  • 用法:在head标签里使用

例:

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <base target="_blank">
</head>

3. 预格式化文本标签

  • 作用:单纯用

    ,多余的空格等会被忽略,而用

    则能保留空格和换行,也很适合显示计算机代码

  • 用法:

    <pre>  内 容</pre>
    

4. 几个重要的特殊字符

  • 空格 &nbsp;

  • <小于号 &lt;

  • 大于号 > &gt;

注:&开头,;结尾

5. 表格table

5.1 表格标签table、行标签tr、单元格标签td
5.2 表格属性
  • border 表格的边框 默认为0
  • cellspacing 单元格与单元格之间的空白间距 默认为2

  • cellpadding 单元格内容与单元格边框之间的空白间距 默认为1 (padding是后面CSS的内边距)

  • width height align

以上六个用在

标签里 比如:

<table border="8" cellspacing=""></table>
5.3 表头单元格标签th
5.4 表格标题caption
5.5 合并单元格
  • 跨行合并:rowspan=“合并单元格的个数” (row 行,排的意思)

  • 跨列合并:colspan=“同上” (column 纵队,列的意思)

  • 先上后下 先左后右

    用法如:

  • 在合并单元格后,记得将多余的删去

6. 表格划分结构
  • 头部(放标题);内部必须有标签
  • 主体
  • 脚注

均放在table标签里

7.列表标签

7.1 无序列表(unorganized 无组织的,无条理的)
<ul>
    <li> 内容</li>
</ul>

注:

    中只能嵌套
    • 7.2 有序列表(organized 有条理的)
      <ol>
          <li>内容</li>
          <li>列表</li>
      </ol>
      
      7.3 自定义列表(define 定义)
      <dl>
          <dt>名词1</dt>
          <dd>名词1解释1</dd>
          <dt>名词2</dt>
      </dl>
      

      8.表单标签

      input控件(单标签 输入)

      <input type="属性值" value=",,,">

      8.1 type属性(表单类型)
      • text 单行文本输入框

      • password 密码输入框

      • radio 单选 checkbox复选框

      • button 普通按钮 submit 提交按钮 reset重置按钮

      • image 图像形式 的提交按钮 file 文件域

      8.2 value属性(表单值)
      • value默认的文本值,即页面刚打开时默认显示的字
      8.3 name属性(表单名字)
      • 作用:区别不同的表单

        name=" " “ ”里面自己定义

        radio 如果是一组,命名相同的name值,这样可以多个中选一个

      例:

      <input type="radio"  name="sex"  /><input type="radio" name="sex"  />
      8.4 checked属性
      • 表示默认选中状态(单选、复选较常见)
      9. label标签
      • 作用:用鼠标点击label标签里的文字时,光标会定位到指定的表单里面

      • 用法:

        ①直接包括

        <label>用户名:<input type="radio" name="username" value="请输入用户名"> </label>

        ②for id

      <label for="sex">男</label>
      
      <input type="radio"  name="sex" id="sex">
      
      10. textarea控件(文本域)
      • 作用:可以创建多行文本输入框

        cols=“每行中的字符数” rows=“显示的行数”

      • 语法:<textarea></textarea>

      11. 下拉列表
      • 语法:

      <select> <option>选项1</option> <option>选项2</option> </select>

      注:①中至少包含一对

      ②在option中定义selected="selected"时,当前项即为默认项

      12. form表单域
      • 作用:在HTML中,form标签用于定义表单域,以实现用户信息的收集和传递

      • 用法:

      <form action="url地址" method="提交方式"  name="表单名称">
          各种表单控件
      </form>
      

      url地址 用于指定接收处理表单数据的URL地址

      method get/post 设置表单数据的提交方式

      • 标签用于为用户输入创建 HTML 表单。
    • 1
      点赞
    • 1
      收藏
      觉得还不错? 一键收藏
    • 1
      评论

    “相关推荐”对你有帮助么?

    • 非常没帮助
    • 没帮助
    • 一般
    • 有帮助
    • 非常有帮助
    提交
    评论 1
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值