HTML概述:
html 叫做超文本标记语言, 超出了纯文本范畴的语言,
因为可以在里面 定义图片, 视频, 超链接等等非文本性质的内容.
特点:
html 的标签是放到一对尖括号中
标签有 开始标签 和 完结标签 (标签是成对出现的), 也有单标签 ex: <img>
标签之间可以嵌套
标签里面可以定义属性, 和超链接等
常用标签:
1.清单列表标签
清单列表标签是导航栏布局不可少的部分,
清单分为有序清单和无序清单
有序清单的标记是 <ol>
无序清单的标记是 <ul>
清单之间还需要嵌套清单列表项 <li>
2.表格标记
如果一个站点要显示一个集合数据(一组数据),可以使用表格.
<table>: 定义表格
<tr>: 定义表格的行
<td>: 定义表格的列
3.按钮标签
<button>
4.表单标签
表单是用来采集并且提交数据的,
就是将客户数据提交到服务器进行验证操作, ex:登录, 注册
表单的组成: <form> 嵌套 <input>
<br>表示换行
: 表示空格
<input> :表示输入框, 输入框的类型有:
type="text" : 表示文本
type="password" : 表示输入的内容是密码(输入框内容不可见)
type="submit" : 表示提交按钮
type="reset" : 表示重置
type="file" : 文件上传 ex:照片
文件上传需要为表单添加属性 enctype="multipart/form-data"
placeholder="提示内容"
5.表单的属性
表单涉及了前后端数据交互, 如果客户端的数据要传递到服务器端就可以使用表单实现
表单有很多属性, 如 : form的action 属性, method属性, input 的 type 属性
from的 action(提交的地址)属性 : 属性的值就是要提交的路径, 两个参数值是以&隔开的
from的 method(提交的方式)属性 : 属性的值有 get 和 post
值: get 可以让参数在浏览器地址栏显示
值: post 可以让参数不在浏览器地址栏显示
from的 enctype="multipart/form-data" 属性 : 文件上传需要为表单添加属性
复选框
提供一组选项让用户选择, 可以一次选择多个选项
使用 <input type="checkbox">
单选按钮
提供一组按钮给用户选择, 只可以选择其中一项,
使用 <input type="radio">
需要添加 name 属性, 相同则认为是一组, 一组只可以选择一项
文本域
实现采集大内容的信息,
使用 <textarea> 标签
属性: cols(控制宽度), rows(控制行)
下拉列表
用户点击之后弹出内容供给选择, 选择完毕之后又收回弹出内容
使用 <select> 嵌套 <option>
其他标签:
跑马灯标签
内容可以在页面来回移动, 使用 <marquee bgcolor="背景颜色">
这是一个建议废弃的标签, 不常用, 这种动态效果可以使用 JavaScript 实现
音频播放
在页面上插入音频
使用<audio contls="controls"> 嵌套 <source src="地址">
contls="controls" : 控制是否显示播放功能的界面
视频播放:
使用 <embed src"视频地址"> : 需要浏览器安装了 flash 插件
使用 <video contls="controls"> 嵌套 <source src="地址">
html5 本身支持的标签, 不需要安装任何插件