html基础

一 常用快捷键

ctrl+s 保存
F2 重命名
F11 全屏
ctrl+tab 同一个程序文档之间切换
alt+tab 不同程序之间的切换
wid+e 打开计算机
wid+d 回到桌面
wid+r 运行面板 cmd
Ctrl+w 关闭当前文档
wid+L 锁屏

二 的基本结构

HTML的基本机构
声明文档类型
                   根标签
title
                   主体标签
......

三 标签分类

单标签(无闭合标签)

双标签(以'/'闭合标签)

四 常用标签

… 定义 HTML 文档
… 文档的信息
HTML 文档的元信息
文档的标题
文档与外部资源的关系
文档的样式信息
… 可见的页面内容
注释

...

标题字大小(h1~h6)
... 粗体字
... 粗体字(强调)
... 斜体字
... 斜体字(强调)
... 下划线
... 删除线(表示删除)
居中文本
无序列表
有序列表
  • 列表项目
    超链接
    定义文本字体尺寸、颜色、大小
    < sub > 下标
    < sup > 上标

    段落
    定义图像

    定义表格
    … 定义表格中的表头单元格
    … 定义表格中的行
    … 定义表格中的单元
    定义供用户输入的 HTML 表单 定义框架集的窗口或框架

    五 文件路径

    相对路径
    文件和文件在同一个目录(文件夹),直接写文件名即可
    文件在文件的下一级目录(从当前文档出发的文件夹)
    文件夹名+/+文件名
    文件在文件的上一级目录或者文件夹
    ../+文件名
    文件在文件的下一级的下一级 / /
    文件在文件的上一级的下一级
    ../wenjianming/wenjian


    绝对路径
    从盘符开始的绝对路径最好不用,建议使用相对路径
    从服务器根目录开始

    六 列表

    列表是用来装数据的容器
    无序列表 顺序没有要求




    注意:
    ul里只能嵌套li
    li里可以嵌套任意标签
    type=“disc” 默认值 实心小圆圈
    circle 空心小圆圈
    square 小方块

    有序列表 对顺序有要求的 按规则排序
    li是列表项
    type=“1”“a”“A”默认阿拉伯数字排序
    stary=“起始值”



    自定义列表
    注意:dl里只能嵌套dt和dd,dt里只能嵌套行内元素,dd可以嵌套任意标签。

    七 表格

    表格的基本结构
    width 宽度 height 高度 border 边框
    cellpadding 内容距边框的距离
    cellspacing 单元格与单元格的距离 默认值为2
    bgcolor 背景颜色
    align=“left”“right”“center” 水平对齐方式 使用在table上,决定了表格的对齐方式,使用在tr或者td上,是行或者单元格里内容的对齐方式。
    表格的标准结构
    一般情况下,可以省略, 一般是一行
    四标题、表头、单元格合并
    table>tr3>td3
    caption 表格标题
    特殊单元格,表格的表头,内容居中加粗
    colspan 水平方向单元格的合并
    rowspan 垂直方向单元格的合并
    注意事项:
    table里边只能嵌套thead tbody tfoot tr caption
    tr里可以嵌套td和th td和th里可以嵌套任意标签的

    八 表单

    表单是用来收集用户信息的。
    表单分三部分组成
    1.提示信息
    2.表单控件
    3.表单域


    action 表单收集的信息给哪个文件处理
    method=“get”/“post”.
    用户名:name=“username”
    密码:name="pwd"
    单行文本输入框

    name 输入框名称
    value 默认值
    placeholder 期望用户输入的值
    readonly 只读 (可以复制但是不能输入)
    disable 未激活
    autofocus 自动获取光标焦点
    accesskey 获取光标焦点的快捷键 Chrome 需要配合alt使用
    autocomplete=“on/off” 自动记忆功能 默认值on,off关闭自动记忆功能
    required 输入的内容不能为空
    密码输入框

    注意:单行文本输入框的所有属性值,对于密码输入框都有效
    单选框
    如果想实现单选效果,就要将name的值设置相同
    checked 设置默认选项
    多选框
    checked 设置默认选项

    下拉列表

    selected 设置下拉列表的默认选项
    实现下拉列表多选效果 multiple
    下拉列表分组效果
    optgroup 实现下拉列表分组效果
    label 下拉列表分组名称

    文件上传控件

    multiple 实现多选效果 shift连续选 alt 间隔选
    隐藏域
    文本域