HTML学习笔记


前言

学习笔记,用于自查


一、标签

1.文件标签

构成HTML最基本的标签

  1. <html>:根标签。
  2. <head>:头标签。可以用于引入外部资源。
  3. <title>:标题标签
  4. <body>:体标签

2.文本标签

和文本有关的标签

  1. 注释:<!-- 注释内容 -->
  2. <h1><h6>:标题标签。h1~h6:字体大小逐渐减小。
  3. <p>:段落标签
  4. <br>:换行标签
  5. <hr>:展示一条水平线
    * 属性:colorwidthsizealign
  6. <b>:字体加粗
  7. <i>:字体斜体
  8. <font>:字体标签
    * 属性:colorfacesize
  9. <center>:文本居中
    * 属性:colorfacesize

3.图片标签:

  1. <img>:展示图片
    * 属性:src(指定图片的位置), alt(规定图像的替代文本)

4.列表标签:

  1. 有序列表:
    * <ol>
    * <li>: 定义列表项
  2. 无序列表:
    * <ul>
    * <li>: 定义列表项

5.链接标签:

  1. <a>: 定义一个超链接
    属性:
     * href:指定访问资源的URL(统一资源定位符)
     * target:指定打开资源的方式。 _self:默认值,在当前页面打开,_blank:在空白页面打开。

6. 表格标签:

  1. <table>:定义表格
     * width:宽度
     * border:边框
     * cellpadding:定义内容和单元格的距离
     * cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
     * bgcolor:背景色
     * align:对齐方式
  2. <tr>:定义行
     * bgcolor:背景色
     * align:对齐方式
  3. <td>:定义单元格
      * colspan:合并列
     * rowspan:合并行
  4. <th>:定义表头单元格
  5. <caption>:表格标题

7.表单标签

用于采集用户输入的数据的。用于和服务器进行交互。

  1. <form>:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围
     * action:指定提交数据的URL
     * method: 指定提交方式。常用方式:get 或 post。

8. 表单项标签:

  1. <input>:可以通过type属性值,改变元素展示的样式
     * type属性:
       * text:文本输入框,默认值
         * placeholder属性:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息
       * password:密码输入框
       * radio:单选框
          注意:
            1. 要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样。
            2. 一般会给每一个单选框提供value属性,指定其被选中后提交的值。
            3. checked属性,可以指定默认值。true为选中。
       * checkbox:复选框
          注意:
            1. 一般会给每一个单选框提供value属性,指定其被选中后提交的值。
            2. checked属性,可以指定默认值,true为选中。
       * file:文件选择框
       * hidden:隐藏域,用于提交一些信息。
       * 按钮:
         * submit:提交按钮。可以提交表单。
         * button:普通按钮
         * image:图片提交按钮
           * src属性指定图片的路径
       * date:选择年 月 日。
       * datetime-local:选择 年 月 日 时 分。
       * email:邮箱输入框。会自动判断邮箱格式。
       * number:只能输入数字。
  2. <label>:指定输入项的文字描述信息
       注意:
         1. label的for属性一般会和 input 的 id属性值 对应。如果对应了,则点击label区域,会让input输入框获取焦点。
  3. <select>: 下拉列表
       * 子元素:<option>: 指定列表项
  4. <textarea>:文本域
       * cols:指定列数,每一行有多少个字符。
       * rows:指定多少行。

最后

该笔记只记载了部分内容,详细可以查看w3cschool文档

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值