HTML学习笔记（详细）

HTML学习笔记（详细）

、

、

HTML元素	描述
	超文本的开始和结束
、	超文本头部信息的开始和结束
	超文本创口标题的开始和结束，它被显示在浏览器的标题栏中
	用来描述HTML文档的元信息，即文档自身的信息
、	网页主体部分，是HTML语言的核心部分
~	定义字体的大小
或者	字体加粗
、或者	字体变斜体
	字体加下划线
	字体加中划线
	字体为上标
	字体为下标
	定义字体属性
	使空格、回车有效
、	段落的开始和结束
	换行标签
	加水平线
	插入图片（alt表示图像替代的文字，title表示鼠标悬停显示的文字）
	插入视频(显示视频控件，打开网页自动播放）
	插入音频(显示视频控件，打开网页自动播放）
和	标题分级方式：UL表示无序，OL表示有序
	子标题
	超链接（_blank,_self)
	显示表格
表格的行显示
colspan = “2”	表格的跨列显示（此处跨了两列）
rowspan ="2”	表格的跨行显示（此处跨了两行）
	、	表格的列显示
	、	表头
	标签
	列表名称
、	列表内容
表标题
src	设置Midi文件及路径
hidden	是否完全隐藏控制画面
	空格
©	版权符号
gt	>
lt	<
// 去到name所在的位置	锚链接（多用于返回顶部）
点击联系我	邮箱
QQ交流	qq可直接打开对话
点击跳转	点击联接打开内联框架的方法

HTML元素	描述
和	显示表单
	普通输入文本
	密码输入框
	复选框
	单选按钮
	自动验证是否为合法的EMAIL地址 (HTML5)
	自动验证是否为合法的URL地址(HTML5)
	自动验证其中内容是否为合法的数值(HTML5)
	滑块
	搜索框
Readonly	只读
Disabled	不可用
hidden	隐藏
month、week、time、datetime	日期选择器(HTML5)
	标签自动提示功能，与input标签配合使用(HTML5)
	下拉列表框
、	设置下拉选项
	多行文本域
	提交按钮
	重置按钮
	隐藏域
	文件选择
placeholder	输入框提示
required	非空判断
pattern	正则表达式

*多媒体:简单使用embed标签即可，如果要多首歌顺序播放、多页面背景音乐连续播放等功能，可以考虑使用jPlayer跨平台的音视频播放插件。

元素名	描述
header	标题头部区域的内容（用于页面或页面中的一块区域）
footer	标题脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用（常用于地址栏）
nav	导航类辅助内容

属性	说明
type	指定元素的类型。text,password,checkbox,radio,submit,reset,file,hidden,image,button，默认为text
name	指定表单元素的名称
value	元素的初始值。type为radio时必须指定一个值
size	指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位
maxlength	type为text或password时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否被选中

/*表单样例*/

<form method="post" action="result.html">
    <p>
        名字：<input name="name" type="text">
        密码：<input name="pass" type="password">
    p>
    <p>
        <input type="submit" name="button" value="提交"/>
        <input type="reset" name="reset" value="重填"/>
    p>
form>

/*单选的写法*/
<p>
    性别：
    <input type="radio" value="boy" name="sex"/>男
    <input type="radio" value="girl" name="sex"/>女
p>

/*多选的写法*/
<p>
    爱好：
    <input type="checkbox" value="sleep" name="hobby"/>睡觉
    <input type="checkbox" value="code" name="hobby"/>敲代码
    <input type="checkbox" value="chat" name="hobby"/>聊天
    <input type="checkbox" value="game" name="hobby"/>游戏
p>

/*点击文字锁定到输入框*/
<p>
    <label for="mark">你点我试试label>
    <input tpye="text">
p>

/*下拉框的写法*/
<p>国家：
    <select name="列表名称">
        <option value="china">中国option>
        <option value="us">美国option>
        <option value="eth">瑞士option>
        <option value="yindu">印度option>
    select>
p>