1.1 HTML基础
1.1.1 什么是 HTML?
HTML 是用来描述网页的一种语言。
· HTML 指的是超文本标记语言 (Hyper Text Markup Language)
· HTML 不是一种编程语言,而是一种标记语言 (markup language)
· 标记语言是一套标记标签 (markup tag)
· HTML 使用标记标签来描述网页
1.1.2 HTML结构
1 | <html></html> html5程序 |
1.1.3 HTML标准开头 (!+Tab)文件后缀名为html
1 | <!DOCTYPE html> |
1.1.4 HTML直接命名方式:
输入“网页.html” Ctrl+S 保存
1.1.5 HTML颜色值
颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)
1.2 HTML标签
1.2.1 h1~h6 六种标题模式,格式大小依次减小
1 | <h1>这是一个标题</h1> |
1.2.2 常见标签:
1 | 超级链接,跳转到另一文件 |
1.2.3 有序列表标签:
1 | <ol> |
1.2.4 无序标签:
1 | <ul> |
文字前面加项目号“点”
1.2.5 描述标签:
1 | <dl> |
标题
描述1
描述2
1.3 div把网页分成不同的布局、分区、容器
1.3.1 <!–注释–>
Ctrl+/ 注释选中的内容、注释该行
1.3.2 增加样式
1 | < header> |
1.3.3 < nav>网页主导航
1 | <nav> |
1.3.4 < hgroup> 标题组
1 | <hgroup></hgroup> |
1.3.5 < article>定义文章
1 | <article></article> |
1.4 HTML各种标签嵌套使用
1.4.1 < aside>侧边
1 | <section> |
会生成大纲目录,而div不会生成
里面一般跟< h1>标题< h2> …… 不加的话会导致专题错乱
1.4.2 输入文字时,没有任何区别
1 | <header>头部logo、搜索框、目录等</header> |
1.5 HTML 表单
1.5.1 元素
元素是最重要的表单元素。
元素有很多形态,根据不同的 type 属性。
HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
email
url
number
range
Date pickers (date, month, week, time, datetime, datetime-local)
search
color
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15<form action="/example/html5/demo_form.asp" method="get">
E-mail: <input type="email" name="user_email" /><br />
Homepage: <input type="url" name="user_url" /><br />
Points: <input type="number" name="points" min="1" max="10" /><br />
Points: <input type="number" name="points" min="1" max="10" /><br />
Date: <input type="date" name="user_date" />
<input type="submit" />
</form>1.5.2 Action 属性
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常,表单会被提交到 web 服务器上的网页。
在上面的例子中,指定了某个服务器脚本来处理被提交表单
如果省略 action 属性,则 action 会被设置为当前页面。
1 | <form action="action_page.php"> |
1.5.3 Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
1 | <form action="action_page.php" method="GET"> |
何时使用 GET?
如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。
当您使用 GET 时,表单数据在页面地址栏中是可见的:
action_page.php?firstname=Mickey&lastname=Mouse
GET 最适合少量数据的提交。浏览器会设定容量限制。
何时使用 POST?
如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。
1.5.4 Name 属性
如果要正确地被提交,每个输入字段必须设置一个 name 属性。
本例只会提交 “Last name” 输入字段:
1 | <form action="action_page.php"> |
1.5.5 其他属性
用 组合表单数据 元素组合表单中的相关数据 元素为 元素定义标题。
属性
描述
accept-charset
规定在被提交表单中使用的字符集(默认:页面字符集)。
action
规定向何处提交表单的地址(URL)(提交页面)。
autocomplete
规定浏览器应该自动完成表单(默认:开启)。
enctype
规定被提交数据的编码(默认:url-encoded)。
method
规定在提交表单时所用的 HTTP 方法(默认:GET)。
name
规定识别表单的名称(对于 DOM 使用:document.forms.name)。
novalidate
规定浏览器不验证表单。
target
规定 action 属性中地址的目标(默认:_self)。
onsubmit
onsubmit 属性在提交表单时触发。onsubmit 属性只在