WEB入门
前言
结构:html
表现:css
行为:javascript
HTML
超文本语言
简易结构
Document
在html中不区分大小写
标签
基础标签
-
-
定义标题
最大
最小
- 定义粗体文本
- 定义斜体文本
- 定义文本居中
定义段落
定义换行
特殊符号
> 为>
版权符号为©
音频视频图片
img:定义图片
src:规定显示图片的url(统一资源定位符)
height:定义图片的高度
width:定义图片的宽度
audio:定义音频:支持音频格式:MP3, wav,ogg
scr:定义音频的url
controls:定义播放控制
video:定义视频,支持的视频格式:mp4,webm,ogg
scr:定义音频的url
controls:定义播放控制
超链接标签
定义超链接用于链接到另一个资源
herf:指定访问的资源的url
target:指定打开资源的方式:
_self:默认值,在当前页面打开
_blank:在空白页面打开
列表标签
- : 有序列表 属性:type:A,1,Ⅰ;
- : 无序列表 属性:type:circle 空心圆
square 实心方形
disc 默认 实心圆
表格标签
定义单元格(列)
rowspan 规定单元格可横跨的行数 colspan 规定单元格可横跨的列数 布局标签定义HYML文档中的一个区域部分,经常与CSS一起使用,用来布局页面 块级标签即单独占一行的标签 用于组合行内元素 属于行内标签共处一行的标签: Form表单标签表单:在网页中主要负责数据采集功能,使用定义表单 表单项:不同类型的input元素 定义表单 所有收集的数据必须放在Form中 action:规定当提交表单时向何处发送表单数据,URL method :规定用于发送表单数据的方式 get (默认):浏览器会将数据直接附在表单的action URL 上 缺点:1.不安全 2.有大小限制3.只能传输字符数据 post:post方法将表单数据作为请求体的一部分发送到服务器。与get方法将数据附加在 URL 后面不同,post的数据不会显示在 浏览器的地址栏中,这使得它更适合传输敏感信息 特点:1.安全 2.无大小限制3. 可传输任意数据 输入域 表单项,通过TYPR属性控制输入形式 palceholder:在输入框为空时显示内容 type取值 1.text 默认值 定义单行的输入字段 2.password 定义密码字段 3.radio 定义单元按钮只能选一个 通过name属性属性保证单选效果 要求:name属性值必须一样 (默认选中 :checked) 例:
4.checkbox 定义复选框(默认选中 :checked) 5.file 定义文件上传按钮 6.hidden 定义隐藏的输入字段 在页面上看不到 7.submid 定义提交按钮 提交按钮会清除所有数据 7.button 定义点击按钮 下拉列表 1.需要结合子标签 option一起使用,有N个下拉就有N个option 2.提交到后台数据是用户是用户当前选中的下拉项的option的value项值 3.option的属性SELECTED表示当前下拉项被选中
|