html学习随记

HTML

超连接

• 页面间连接

  • 从一个页面连接到另一个页面

• 锚连接

• 功能性连接

## 行内元素和块元素

• 块元素

  • 无论内容多少，该元素独占一行

  • (p、h1-h6……)

• 行内元素

  • 内容撑开宽度，左右都是行内元素的可以在排在一行

  • (a.strong.em……)

列表

• 什么是列表

  • 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息

• 列表的分类

  • 无序列表

  • 有序列表

  • 定义列表

表格

• 为什么使用表格

  • 简单通用

  • 结构稳定

• 基本结构

  • 单元格

  • 行

  • 列

  • 跨行

  • 跨列

视频和音频

• 视频元素

  • video

• 音频元素

  • audio

页面结构分析

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

iframe内联框架

 <iframe src="path" name="mainFrame"></iframe>
 <!--path:引用页面地址
 mainFrame：框架标识名-->

表单语法

 <form method="post" action="result.html">
     <!--
     method:规定如何发送表单数据
     常用值：get|post
     action:表示向何处发送表单数据
     -->
     <p>名字：<input name="name" type="text"/></p>
     <p>密码：<input name="pass" type="password"/></p>
     <p>
         <input type="submit" name="Button" value="提交"/>
         <input type="reset" name="Reset" value="重置"/>
     </p>
 </form>

表单元素格式

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

表单的应用

• 隐藏域 hidden

• 只读 readonly

• 禁用 disabled

表单初级验证

• 常用方式

  • placeholder 提示信息

  • required 非空判断

  • pattern 正则表达式