html学习笔记

作者 : 开心源码 本文共5506个字,预计阅读时间需要14分钟 发布时间: 2022-05-11 共88人阅读

1

HTML 文档笔记

001 文件结构

文件开始

文件头

文件主体

002 注意事项

? 标记使用括起,结束使用

? 不区分大小写

? 回车空格不起作使用

? 标记中能放置各种属性

003 页面标题元素

标题

004 元信息元素

name content

generator 编辑软件名

Keywords 关键字

description 页面说明

Author 作者姓名及信息

copyright 网页版权

附加属性

http-equiv content

content Text;charset=utf-8

refresh 跳转秒;url=页面 url

005 body 属性

属性 说明

bgcolor 背景颜色(名称或者十六进制)

background 背景图片(图片地址)

Text 整体文字颜色

link 未访问连接颜色

Alink 正在访问连接颜色

vlink 已经访问连接颜色

leftmargin Ie 左边界距离,像素

topmargin Ie 上边界距离,像素

bgproperties 背景图片固定,仅取 fixed

006 样式元素

样式表

007 脚本元素

属性 说明

type Text/javascript

charset 外部脚本文件编码

defer 能否加载完显示

language 脚本语言,不要使用

src 外部脚本 url

008 字体属性

属性 说明

Face 字体名,逗号分割

size 大小。1-7 或者-4–+4

color 字体颜色

009 标题元素

文字 1

…………

文字 6

010 段落元素

Align 对齐属性

Left right center

011 文本间隔和布局

换行

不换行文字

保留空白文字

行内引使用文字

块级引使用文字

012 水平分割线


属性 说明

Size 粗细

width 宽度

noshade 无立体阴影,无取值

align 对齐,left,center,right

color 颜色

013 文本样式设置

放大的文字

缩小文字

斜体文字:,,

粗体文字:,

作为下标的文字

作为上标的文字

014 无序列表

    • 列表项 1
    • 列表项 n

    2

    Type(符号类型)

    Disc(实心圆) Circle(空心) Square(方形)

    ? 菜单列表:

  • ? 目录列表:

  • 015 有序列表

      1. 列表项 1
      2. 列表项 n

      Type(符号类型)

      1(数字) a(小写英文)

      A(大写英文) I(大写罗马)

      i(小写罗马)

        016 列表条目元素

      1. 属性 说明

        type 符号类型

        value 条目编号,影响其后条目

        017 定义列表

        定义名称 1

        缩进解释 1

        缩进解释 n

        …………

        定义名称 n

        缩进解释 1

        缩进解释 n

        018 图像元素

        属性 功可以说明

        src 图片的 url 路径

        width 图片的显示宽度

        height 图片的显示高度

        hspace 图片的水平间距

        vspace 图片的垂直间距

        align 图片的对齐方式

        border 图片的边框大小,单位像素

        alt 图片的说明文字

        说明:

        ? 宽度和高度单位为像素或者百分比(相对

        于 IE),只定义一个,另一个等比例显

        示,定义两个则会失真。

        ? 对齐方式有两种:绝对和相对,相对指

        与当前行文字的对齐方式。

        属性值 说明

        bottom 图片底与当前文字底对齐

        top 图片顶与当前文字顶对齐

        middle 图片中与当前文字中对齐

        left 图片左对齐,相对于 IE

        right 图片右对齐,相对于 IE

        center 图片居中对齐, 相对于 IE

        ? 水平间距和垂直间距使用于设置图片与

        它周围的文字的水平和垂直距离。

        019 背景音乐

        属性 说明

        src 声音文件的 url,MP3,midi,wav

        loop 循环播放次数,正值 n,-1 或者 infinite

        时无限次播放

        020 滚动标记

        ? 使用于移动文字,图片,表格。

        ? 语 法 : 滚 动 的 内 容

        属性 说明

        direction 方向,up,down,left,right

        behavior 方式,scroll(循环),slide(1

        次),alternate(交替滚动)

        loop 滚动次数

        smallamount 滚动速度,像素单位

        scrolldelay 滚动时间间隔

        bgcolor 滚动区域的背景颜色

        width 背景宽度,默认 IE 同宽

        height 背景高度,默认文字同高

        hspace 背景与内容水平间距,像素

        vspace 背景与内容垂直间距,像素

        021 多媒体

        ? 使用于播放 midi,wav,mp3,aiff,au 等多媒

        体对象。

        ? 语法:

        属性 说明

        src 多媒体文件的 url

        loop 循环次数,true( ),false(1)

        autostart 能否自动播放,true,false

        width 多媒体宽度

        height 多媒体高度

        022 超链接基础

        ? url 两种书写方式:绝对地址(完全的

        路径),相对地址(简写的路径,与基

        3

        本地址合并)

        常使用的 URL

        http:// 进入万维网站点

        ftp:// 进入文件传输服务器

        news:// 启动新闻探讨组

        mailto:// 启动邮件

        023 链接元素

        ? 语法: 链接的内容

        属性 说明

        href 指定链接地址

        name 给链接命名

        title 链接提醒文字

        target

        链接显示目标窗口

        _self:相同的框架或者窗口打开

        _blank 新打开,未命名窗口打开

        _top:在整个窗口打开

        _parent:在父框架集中打开

        024 设置不同的链接目标

        ? 书签:

        链接内容

        ? 图片:

        ? 邮件:链接

        内容

        025 表格元素的结构

        ………………………….

        …………………………

        ………………………….

        …………………………

        ………………………….

        单元格内容 1单元格内容 n
        单元格内容 1单元格内容 n
        单元格内容 1单元格内容 n

        026

        表格元素的属性

        属性 说明

        border 边框宽度,默认 0

        align 对齐方式,left,center,right

        height 高度,像素或者百分比

        width 宽度,像素或者百分比

        bordercolor 边框颜色,border>0

        bordercolorlight 亮边框颜色,border>0

        bordercolordark 暗边框颜色,border>0

        bgcolor 表格背景颜色

        background 表格背景图片

        cellspacing 每个单元格之间间距

        cellspadding 单元格内容与边界距离

        027

        行元素的属性

        属性 说明

        align 水平对齐,left,center,right

        valign 垂直对齐,

        top,middle,bottom

        bgcolor 行背景颜色

        background 行背景图片

        bordercolor 行边框颜色

        bordercolordark 行背光(暗)边框颜色

        bordercolorlight 行向光(亮)边框颜色

        028

        4

        029

        单元格元素属性

        属性 说明

        width 宽度,像素或者百分比

        height 高度,像素或者百分比

        bgcolor 背景颜色

        background 背景图片

        align 水平对齐,left,center,right

        valign 垂直对齐,top,bottom,middle

        bordercolor 单元格边框颜色

        colspan 合并列,单元格占几列

        rowspan 合并行,单元格占几行

        ? 说明:合并行的单元格后应添加行,行

        内添加单元格,并且合并行的单元格所

        在的行内添加单元格以扩充列。

        …..….
        添加的一个单元格
        中用的其余元素

        ? 标题:

        ? 表头:

        //表只可以有一个 thead

        //tr 标记必需包含

        ? 主体:

        //表只可以有一个 tbody

        //tr 标记必需包含

        ? 表尾:

        //表只可以有一个 tfoot

        //tr 标记必需包含

        thead,tbody,tfoot 属性及说明

        bgcolor 背景颜色

        align 水平对齐,left,center,right

        valign 垂直对齐,top,middle,bottom

        030 表单元素

        ? form 为容器标记,其余表单对象放于

        其中。

        ? 语法:……

        属性 说明

        action 提交地址,绝地或者相对

        name 名称,以便脚本语言控制表单

        method 传送方法,get(表单内容在 url后,

        最多 8192 字符),post(无限制)

        enctype

        提交表单编码方式

        ? Text/plain:纯文本

        ? application/x-www-form-url

        encoded:默认编码

        ? multipart/form-data:传文件

        时必需

        target 返回信息打开方式,_top(顶级窗

        口),_blank,_self,_parent(父级)

        031 表单控件

        通使用属性及说明

        type 表单对象类型

        name 表单对象名称,区分对象

        type 属性值及说明

        text 文本字段

        password 密码域

        radio 单选按钮

        checkbox 复选框

        button 普通按钮

        submit 提交按钮

        reset 重置按钮

        image 图像域

        hidden 隐藏域

        file 文件域

        各 type 值控件的标记可附加的属性

        type=”text”

        value 文本框默认值

        size 在页面显示的长度,字符单

        maxlength 文本字段最多输入字符数

        type=”password”

        value 默认值,显示星号或者圆点

        size 显示长度

        maxlength 最多输入字符数

        type=”radio”

        name 多个单选按钮名称可相同

        value 传送四处理程序中的值

        checked 选中,无取值,只可以设置一

        type=”checkbox”

        value 传送四处理程序中的值

        checked 选中,无取值,能设置多个

        type=”button”

        value 按钮上显示的文字

        onclick 按下按钮事件进行的解决

        type=”submit” type=”reset”

        submit 使用于提交,reset 使用于清理表单

        value 显示在按钮上的文字

        type=”image”

        使用图像域代替提交按钮

        src 图像的 url 路径

        type=”hidden”

        5

        收集发送信息到服务器,可插入多个

        value 传送到服务器中的值

        type=”file”

        文本框和浏览按钮,输入或者选择文件路径

        size 显示的最大字符数

        maxlength 可输入的最大字符数

        032 选择列表元素

        属性 说明

        name 列表的名称

        size 显示列表项数,默认 1,小于列

        表项数时,增加滚动条

        multiple 允许多选,无属性值

        033 列表条目元素

        语法:

        选项 1 显示的内容

        选项 2 显示的内容

        ………………………………………..

        属性 说明

        value 提交表单时的值

        selected 选中的项,只可以设一个,无值

        034 多行文本元素

        表格标题
        内容内容
        内容内容
        内容内容