随到随学/常年招生
自由安排
大连创课教育
中国辽宁省大连市经济技术开发区详细地图
0411-62669520
课程介绍
大连HTML5培训|大连学HTML5多少钱 Html学习总结:电话:0411-65836968
网址:http://www.trunkedu.com/UIsheji
1.什么是html:HyperTextMarket language,超文本标记语言,是用来描述网页语言,html使用标记标签来描述网页,html不是编程语言,是一种标记语言。
2.经历过得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、
3.H5新特性:
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、
新的表单控件,比如 calendar、date、time、email、url、
都是由标签组成的
的基本格式:
复制内容到剪贴板
声明文档的版本
:告诉浏览器一些关于该文档的信息1.html注意事项:
?多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
?想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
?属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。
h5全局属性:
文本元素
复制内容到剪贴板
<a> 超链接,属性:
复制内容到剪贴板
缩略语
b 不带任何强调意义的标记一段文字,加粗
表示重要内容,加粗
em 表示着重强调一段文字,倾斜
i 不带任何强调意义的标记一段文字,倾斜
表示作品标题,将作品名倾斜
del 表示从文档中删除的文字
s 表示文字已经不再准确,也是删除线
u 不带强调意义的给一段文字加下划线
ins 表示加入文档的文字,也是下划线
表示小号字体
sub 表示下标文字
sup 表示上标文字
q 表示引自其它的内容,被q标签修饰的自己加了引号表示引用
pre 表示格式化一段文字,也可以用来引入一段代码
中使用的添加样式的模块
?p会换行,span不会换行
注释
html实体
也就是在网页中使用<,>,空格等。
<>
嵌入元素
1. 嵌入图像
标签嵌入图像
属性:表示图像的路径
属性:表示图像若显示不出来显示的内容
属性:设置图像的宽和高
2. 嵌入一张网页
标签表示嵌入一张网页
属性:表示超链接文档的地址
该区域的宽和高
给iframe命名,方便以后a标签的target属性调用<a href=https://www.52jbj.com/web/"shiti_test.html" target="iframe">进入实体页面</a>
3. 视频/音频
路径
自动播放视频
显示播放控件
循环播放
4. 进度条
标签
属性:规定任务一共需要多少工作
属性:规定已经完成了多少任务 80%分组元素
段落标签,在开始和结束的位置上都会留下一段空行
- 属性:align,对齐方式
分割线
- 属性:width宽度 100px或者30%
对齐方式
粗细
颜色
3. 有序列表
列表前的序标号
从第几个开始
4. 无序列表
5. 自定义列表
表示自定义列表
表示自定义列表项
表示自定义列表标题
6. 区域
- p:声明一块区域
声明一块区域 一般用于用户名密码之后的提示,例如:该用户名已被注册。
- p与span的区别:p一长列,自动换行,span一短列,不换行。
7. 图片区域
图片区域,里边套img标签和figcaption和a标签等
表示对图片的描述<a href=https://www.52jbj.com/web/"http://item.jd.com/2600210.html" target="_blank"><figcaption><font size="2" color="red">华为P9:3999带回家</font></figcaption></a>8. pre:格式化一段文字或者添加代码表格元素(重要)
- 作用:格式化数据
声明一个表格属性:
边框
宽度
文字与内边框的距离
单元格间距
?tr 行
对齐方式
?td 列
合并列
合并行
?th 表头,会加粗,并且会居中
表格的标题
?给表格划分区域(不常用)
、tbody、
语义元素(不多用)
表示标题
表示头部
表示导航
表示尾部
表示文档或article的联系信息
表示侧边栏
表示主题区域
表示一段独立的内容
复制内容到剪贴板
框架(就是在一个页面中展示多个页面),框架标签不能写在body标签当中或下面。不然浏览器无法解析。
框架结构
将页面分为n行
将页面分为n列
放在框架中的每个html文档
复制内容到剪贴板
表单元素(重点)
?作用:可以和服务器进行交互
中的属性:
定义一个URL,当点击提交按钮时,向这个URL发送数据
用于向action URL发送数据的HTTP方法。默认是get。
get和post区别:
1)get方式表单封装的数据直接显示在url上。post方式数据不显示在url上。
2)get方式安全级别较低,post级别较高。
3)get方式数据的长度,post支持大数据。?input 标签:定义输入字段,用户可在其中输入数据。
中 type属性:
1)type=text 文本框
2)type=password 密码
3)type=radio 单选按钮 name属性
4)type=checkbox 多选按钮
单选和多选都有默认值:
5)type=reset 重置按钮
6)type=submit 提交按钮
7)type=file 上传文件的输入项
8)type=button 按钮
9)type=image 图片(也是提交按钮,)
10)type=hidden 隐藏标签(用户不用看到的,但是咱们开发时必须要使用的,可以把数据封装到隐藏标签中,和表单一起提交到后台)
选择标签
选择下拉框 option 表示内容
文本域
文本内容 /textareavalue属性:
对于按钮、重置按钮和确认按钮:定义按钮上的文本。
对于图像按钮:定义传递向某个脚本的此域的符号结果。
对于复选框和单选按钮:定义 input 元素被点击时的结果。
对于隐藏域、密码域以及文本域:定义元素的默认值。
注释:不能与 type="file" 一同使用。
注释:与 type="checkbox" 和 type="radio" 一同使用时,此元素是必需的。name属性:为 input 元素定义的名称。
大连HTML5培训|大连学HTML5多少钱 以上这篇HTML5学习心得总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考。
显示全部
学校介绍
学校人气度:502
2017-04-18
共100个
任晓
相关课程
加载更多
热门推荐
QQ咨询
微信咨询