zoukankan      html  css  js  c++  java
  • HTML基础介绍

    一、HTML
    HTML : Hyper Text Markup Language 超文本标记语言
    超文本 : 比普通文本功能更加强大,可以添加各种样式
    标记语言 : 通过一组标签.来对内容进行描述. < 关键字 > , 是由浏览器来解释执行
    虽然是一门弱语言,但是只能是用定义好的标签,
    常见标签含义:
    B: 加粗

    I : 斜体

    strong: 加粗, 带语义标签,比如阅读,会加重语气,建议使用带语义的标签

    em: 斜体, 带语义,

    s : 加删除线

    ins:加下划线

    br :换行

    hr : 水平线

    font : 字体

    color 颜色
    size 改变字体大小
    face:字体形态
    img 插入图片

    src 指定图片路径

    ../ 表示上一级路径
    ./ 表示当前路径
    ../../ 表示上上一级
    alt 图片加载失败时的提示内容
    指定图片宽度
    height 指定图片高度
    border 边框

    solid 单实线
    dashed 虚实线
    dotted 点线
    double 双实线
    无序列表: ul

    元素用 li ,列表项
    type 属性,设置前面点 :小圆圈,小圆点, 小方块
    有序列表: ol

    type : 1 , a , A , I ,
    start : 指定是起始索引,必须是数字
    reversed : 是否进行反向排序
    dl 对术语进行解释

    dd 内部标签项
    没有任何项目符号
    header 元素,用来导航和引导的结构元素,标题。
    nav 导航链接
    article 代表文档页面或者程序中与上下文不相关的独立部分。
    aside 当前页面或者文章的副属信息,包含侧边栏,广告等
    section 对网站的内容进行分块
    footer , 页面底部
    details 和 summary ,隐藏属性
    progress ,任务进度
    draggable 是否可以被拖动,
    a 超链接标签

    常用的属性:

    * href: 指定要跳转去的链接地址 ,如果是网络地址需要加上http协议 , 如果访问的是本网站的html文件,可以直接写文件路径
    target : 以什么方式打开

    _self: 默认打开方式,在当前窗口打开
    _blank: 新起一个标签页打开页面
    百度一下
    锚点链接

    a href = ' # id ' > 链接文本 /a
    table 标签

    border: 指定边框
    width : 宽度,填充设置成 100% 即可,
    height : 高度
    bgcolor : 背景颜色
    align : 对齐方式
    tr标签
    td标签 , 可以操作列合并或者行合并,但是合并要占用单元格,需要把被占用的单元格删除,不然会溢出

    colspan : 跨列操作,合并
    rowspan : 跨行操作,合并
    注意: 跨行或者跨列操作之后,被占掉的格子需要删除掉
    表格单元格的合并
    表格的嵌套,在一个表格中新增其他表格
    表单标签

    action : 直接提交的地址
    method :

    get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 , 4k
    post 方式 会将参数封装在请求体中, 没有这样的限制
    input :

    type : 指定输入项的类型
    text : 文本
    password : 密码框
    radio : 单选按钮
    checkbox : 复选框
    file : 上传文件
    submit : 提交按钮
    button : 普通按钮
    reset : 重置按钮
    hidden : 隐藏域
    date : 日期类型
    tel : 手机号
    number : 只允许输入数字
    placeholder : 指定默认的提示信息
    required 规定输入框内容不为空。否则不允许提交表单
    name : 在表单提交的时候,当作参数的名称
    id : 给输入项取一个名字, 以便于后期我们去找到它,并且操作它
    textarea : 文本域, 可以输入一段文本

    cols : 指定宽度
    rows : 指定的是高度
    select : 下拉列表

    option : 选择项
    frameset 框架标签,使用需要将 body 去除

    clos : 按列划分
    rows : 按行划分
    Ctrl + D 删除光标当前所在的行
    Ctrl + Shift + R 复制当前行到下一行
    Ctrl + Enter 将光标移动到下一行
    Ctrl + Shift + Enter 将光标定位在上一行
    Ctrl + Shift + / 注释当前行
    Ctrl + R 运行当前网页/刷新当前网页

  • 相关阅读:
    计算机硬件发展史
    17.Java8新特性_传统时间格式化的线程安全问题
    13. Java8新特性_Stream API 练习
    12. Java8新特性_Stream_归约与收集
    11.Java8新特性_Stream_查找与匹配
    10.Java8新特性_Stream_排序
    9. Java8新特性_Stream_映射
    8. Java8新特性_Stream_筛选与切片
    CentOS 安装 Python3
    CentOS7安装图形桌面系统(GNOME / KDE / Cinnamon / MATE / Xfce)
  • 原文地址:https://www.cnblogs.com/fgy11/p/13054956.html
Copyright © 2011-2022 走看看