Visit my LeetCode

HTML常用标记

  1. HTML常用标记:
    a. 文本标题:h1~h5
    b. 段落文本:p
    c. 空格: 
    d. 换行:

    e. 水平线:



    f. 加粗:
    i. 加粗的内容 只是显示加粗
    ii. 强调的内容 突出的文本
    g. 倾斜:
    i. 强调文本
    ii. 倾斜文本
    h. 扩展:
    i. 下划线
    ii. 删除线
    iii. 删除线
    iv. 下标
    v. 上标
    i. 列表:
    • 无序列表



    • ………......

    • 有序列表



    1. ………......

    • 自定义列表

    名词

    解释

    ……….

  2. 有序列表的属性
    a. type:规定列表中的列表项目的项目符号类型
    i. 语法:


    1 数字顺序的有序列表(1,2,3,4)
    a 字母顺序的有序列表,小写(a,b,c,d)
    A 字母顺序的有序列表,大写(A,B,C,D)
    i 罗马数字,小写(i,ii,iii,iv)
    I 罗马数字,小写(I,ii,iii,iv)
    b. start属性规定有序列表的开始点
    i. 语法:

      1. 插入图片
        a. <img src="目标文件路径" " alt="图片替换文本" title="图片标题" width="宽度" height="高度">
        b. title的作用:图片的标题,当鼠标悬停在图片上时一个小提示,鼠标离开就消失,title属性就是专门做提示信息的
        c. alt的作用:提示文本 必写;alt属性是在你的图片由于某种原因不能加载时显示的文字的提示信息,会直接输出在图片的位置

      2. 超链接
        a. 在新的页面打开
        b. 属性
        i. target:页面的打开方式
        1) 默认属性值是_self
        2) 在新的页面打开_blank
        ii. title:提示文本

      3. 数据表格的作用及组成
        a. 作用:显示数据

        注:一个tr表示一行,一个td表示一列的一个单元格 b. c. 行分组: 表头 表体必须存在的标签 表尾 i. 说明:一个Table中,只能含有一个thread,一个tfoot,但可以包含多个tbody,tbody标签是写表格时必备的标签。 d. e. 合并单元格属性: i. colspan="所要合并的单元格的列数"合并列 ii. rowspan="所要合并单元格的行数"合并行
      4. 表单的作用及组成:
        a. 表单的作用:用来收集用户的信息的
        b. 表单的组成:表单框(表单域form)、提示信息、表单控件/表单元素
        i. 表单框
        <form action="表单提交的地址" name="表单的名称(英文字母开头的)"
        method(提交方式)="GET/POST">
        ii. 文本框

        iii. 密码框

        iv. 提交按钮

        v. 重置按钮

        vi. 单选框/单选按钮


        单选按钮里的name属性必须写,同一组单选按钮的name属性值必须一样
        vii. 复选框



        复选按钮里的name属性必须写,同一组复选按钮的那么属性值必须一样
        checked="checked" 表示默认被选中,可简写成checked
        disabled="disabled" 表示禁用,可简写disabled
        enabled:可用状态
        viii. 下拉菜单

        ix. 文本域(多行文本框)

        cols:字符宽度 rows:行数
        x. 跳转按钮(多和js搭配使用)


        xi. button和submit的区别是:
        submit是提交按钮起到提交信息的作用,type类型是button只起到跳转的作用,不进行提交
        xii. 上传文件框
        文件域:

        xiii. 图像域:

        xiv. 隐藏文本框
        上传隐藏的值/字段

         提示信息标签:将提示信息及相应的表单控件进行关联 
         <label for="user">提示信息</label>
         <input type="text" name="" id="user">
        
posted @ 2021-07-13 07:59  Dqarden  阅读(245)  评论(0编辑  收藏  举报