zoukankan      html  css  js  c++  java
  • HTML学习笔记(四、body内常用标签)

    4.5.11 iframe内联框架
    内联框架:用于向当前页面中引入其它页面。
    1)语法:

    2)参数:
    (1)src:可以使用网络URL地址,也可以使用本地相对路径。
    (2)宽度和高度:单位是像素(px:pixel的缩写)
    (3)frameborder:边框。0=无边框, 1=有边框

    4.5.12 a标签(超链接)
    百度
    a标签自带下划线和蓝色
    a标签不换行,是内敛标签
    a标签中,可以放任何标签(a标签除外)
    1)href属性
    指定目标网页地址。该地址有以下3种类型:
    (1)绝对URL - 指向另一个站点(比如 href="https://www.jd.com
    (2)相对URL - 指向本机中的html文件(href="007_块元素.html")
    (3)锚URL - 指向页面中的锚(href="#bottom"),跳转到当前页面的其它位置。
    跳转到 id或name为bottom的标签上。

    另外:
    使用href="#"生成的超链接,可以跳转到文件顶部。
    使用href="javascript:;"生成的超链接,不跳转,可以占位使用。

    2)target属性
    指定在当前页面打开,还是在新页面打开
    target="_blank"表示在新标签页中打开目标网页
    target="_self"表示在当前标签页中打开目标网页
    如果不写target,默认在当前标签中打开。

    4.5.13 列表
    1)无序列表
    (1)格式:

    • 第一项
    • 第二项
    (2)type属性: disc(实心圆点,默认值) circle(空心圆圈) square(实心方块) none(无样式)

    2)有序列表
    (1)格式:

    1. 第一项
    2. 第二项
    (2)type属性: 1 数字列表,默认值 A 大写字母 a 小写字母 Ⅰ大写罗马 ⅰ小写罗马 (3)start属性 定义列表从哪个数字开始

    3)标题列表(就像大纲一样,有一个层级效果)
    (1)格式:

    标题1
    内容1
    标题2
    内容1
    内容2
    ![](https://img2020.cnblogs.com/blog/2131273/202102/2131273-20210226133312674-1118379186.png)

    4)列表嵌套:

    4.5.14 表格(重点)
    表格是一个二维数据空间,一个表格由若干行组成,一个行又有若干单元格组成,单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。
    表格最重要的目的是显示表格类数据。
    表格类数据是指最适合组织为表格格式(即按行和列组织)的数据。
    1)格式:

    序号 姓名 爱好
    1 王菲 唱歌
    2 赵丽颖 演电影

    2)属性:
    border: 表格边框.
    cellpadding: 内边距 (内边框和内容的距离)
    cellspacing: 外边距.(内外边框的距离)
    像素 百分比.(最好通过css来设置长宽)
    rowspan: 单元格竖跨多少行
    colspan: 单元格横跨多少列(即合并单元格)

    4.5.15 input标签(输入)
    1)type属性
    input元素会根据不同的type属性,变化为多种形态

    2)其它属性说明:
    (1)name:表单提交时的“键”
    (2)value:表单提交时对应项的值。
    a)type="button", "reset", "submit"时,value值为按钮上显示的文本年内容
    b)type="text"、"password"、"hidden"时,value值为输入框的初始值
    c)type="checkbox", "radio", "file",value值为输入相关联的值
    (3)checked:radio和checkbox默认被选中的项

    喝酒
    (4)readonly:对text和password设置只读,不能填写,默认数据可提交
    用户名:
    密码:
    (5)disabled:所有input均适用,置灰,不可输入或修改,默认数据不可提交
    用户名:

    4.5.16 form标签(提交数据)
    1)功能
    表单用于向服务器传输数据,从而实现用户与Web服务器的交互
    表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。
    表单还可以包含textarea、select、fieldset和 label标签。

    2)属性

    action:接收数据的地址

    form表单触发提交数据的操作:
    (1)
    (2)
    注:上述按钮必须写在form表单标签里面,才能提交数据。写在外面就是普通按钮。

    4.5.17 select标签(下拉框)
    1)格式

    2)属性说明:
    multiple:布尔属性,设置后为多选下拉框,否则默认单选
    disabled:禁用
    selected:默认选中该项
    value:定义提交时的选项值

    4.5.18 label标签(标识标签功能)
    1)定义:

    4.5.19 textarea多行文本
    1)格式

    2)属性说明:
    name:名称
    rows:行数 #相当于文本框高度设置
    cols:列数 #相当于文本框长度设置
    disabled:禁用
    maxlength:显示字符数,例如:maxlength='10' 最多输入十个字符

  • 相关阅读:
    忙活了半宿,写了个小玩意
    luogu P5171 Earthquake
    luogu P1850 换教室
    luogu P2507 [SCOI2008]配对 |动态规划
    luogu P3830 [SHOI2012]随机树
    luogu P3959 宝藏
    牛客竞赛-比赛
    牛客竞赛-Who killed Cock Robin
    luogu P3807 【模板】卢卡斯定理
    牛客竞赛 -被3整除的子序列
  • 原文地址:https://www.cnblogs.com/bdzxh/p/14451872.html
Copyright © 2011-2022 走看看