zoukankan      html  css  js  c++  java
  • HTML常用基础标签

    带有语义的标签

    <em> </em> 强调

    <strong> </strong> 比em强调级别高

    <abbr> </abbr> 定义缩写,与title属性相互搭配使用

    <address> </address> 定义地址元素

    <blockqute> </blockqute> 定义块引用,通常情况下会产生缩进

    <cite> </cite>通常情况下,某段话引用自某本书,可以使用cite进行说明

    <ins> </ins> 定义被插入文本

    <del> </del> 定义被删除文本

    带有一定样式的标签

    <b> </b> 定义斜体文本

    <i> </i> 定义斜体文本

    <big> </big> 定义大号字体文本

    <small> </small> 定义小号字体文本

    <sub> </sub> 下标文本

    <sup> </sup> 上标文本

    <bdo> </bdo> 定义文本显示方向,属性:dir,值:ltr,rtl

    输出类标签

    <pre> </pre> 代码中样式原样输出

    <code> </code> 定义计算机代码文本

    <kbd> </kbd> 定义键盘文本

    <var> </var> 定义变量

    功能类标签

    a标签

    定义超链接实现页面跳转

    定义锚点实现书签功能

    列表

    无序列表 ul,li

    有序列表 ol,li

    页面嵌套

    iframe

    项目列表描述

    dl,dt,dd

    图片(img标签)

    常用属性有:alt(图片替代文本),width,height,ismap(定义图像映射的一张图像)

    通过img实现图像映射:map标签(定义图像映射),area标签(定义图像映射内部的区域)

    链接跳转的图像:将图片嵌套在a标签中

    表格(table标签)

    • caption标签:表格标题

    • th标签:表格页眉

    • tr标签:表格的行

    • td标签:表格的单元格

    • thead标签:表格的头部

    • tbody标签:表格的主干

    • tfoot标签:表格的尾部

    注:td有两个常用属性rowspan和colspan用于合并单元格

    页面所有链接的基础链接(base标签)

    base标签位于head标签内部

    form标签

    • 作用:登录、注册或者上...

    • form标签中常用属性

    action属性:设置将表单中的数据提交给谁,如果属性值为空,则点击提交后数据提交到当前网页中

    method属性:设置提交给后台的方法get/post,当method属性值为get时,数据被通过url(统一资源定位符)传递到后台中;当method属性值为post时,传输数据通过服务器来传输;当method属性值为空时,默认属性值为get。

    • 输入域 input

    格式:

    <input type="text" name="user">
    

    type属性,其相关属性值有:

        button 按钮

        file 文件

        hidden 隐藏

        text 文本类型

        password 密码

        radio 单选

        checkbox 多选

        image 看似是图片,但其实是一个提交按钮

        reset 重置

        submit 提交

    alt属性:定义当按钮为图片时,图片的替代文本

    src属性:定义当按钮为图片时,图片的链接地址

    checked属性:定义默认选项

    disabled属性:禁用当前输入域

    readonly属性:对当前输入域只读

    maxlength属性:定义输入域字符的最大长度

    name属性:定义当前输入域的名字

    value属性:定义当前输入域是默认值

    • 文本输入区 textarea

    cols属性:规定可见列数

    rows属性:规定可见行数

    disabled属性:禁用当前文本输入区

    name属性:当前文本区是名字

    readonly属性:当前文本区域只读

    • 按钮 button

    disabled属性:禁用此按钮

    name属性:按钮名字

    type属性:按钮类型:(button,reset,submit)

    value属性:按钮上显示文本内容的默认值

    • 下拉菜单 select

    相关属性:disabled属性,禁用此菜单;multipe属性,规定可同时选中多项;name属性,下拉菜单的名字;size属性,菜单中可见项目数目

    optgroup标签,定义下来列表选项分组,其属性有:label属性,定义选项组的标记,必要属性;disabled属性,禁用

    option标签,定义下来列表中的选项,其属性有:disabled属性,禁用;label属性,定义当使用optgroup时所使用的标注;selected属性,规定选项(在首次显示在列表中时)表现为选中状态;value属性,向服务器输送的值

    • 表单中的标记 label

    • 表单中相关元素分组 fieldset

    legend定义分组标题

  • 相关阅读:
    《生命3.0—在亿年的尺度下审视生命的演进》阅读笔记3
    软件杯赛题周总结(2)
    《生命3.0—在亿年的尺度下审视生命的演进》阅读笔记2
    记一次阅读源码的小经历
    11
    解决在 CSS 中,如何实现动态吸顶的样式/效果 ?
    Angular 初始化项目后,如何把默认的 .css 文件修改为 .scss 文件?
    解决 Angular 项目中,添加 <router-outlet> 标签后,报错: ‘router-outlet’ is not a known element 的问题。
    在 Angular 项目中,如何为项目单独创建路由文件?
    [NOIP2013 提高组] 《火柴排队》
  • 原文地址:https://www.cnblogs.com/pallcard-LK/p/7076825.html
Copyright © 2011-2022 走看看