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' 最多输入十个字符

  • 相关阅读:
    【校招面试 之 C/C++】第23题 C++ STL(五)之Set
    Cannot create an instance of OLE DB provider “OraOLEDB.Oracle” for linked server "xxxxxxx".
    Redhat Linux安装JDK 1.7
    ORA-10635: Invalid segment or tablespace type
    Symantec Backup Exec 2012 Agent for Linux 卸载
    Symantec Backup Exec 2012 Agent For Linux安装
    You must use the Role Management Tool to install or configure Microsoft .NET Framework 3.5 SP1
    YourSQLDba介绍
    PL/SQL重新编译包无反应
    MS SQL 监控数据/日志文件增长
  • 原文地址:https://www.cnblogs.com/bdzxh/p/14451872.html
Copyright © 2011-2022 走看看