HTML5学习心得总结(推荐)

2020-03-24 16:32:21

字体：大中小

来源：转载

供稿：网友

Html学习总结1.什么是html:HyperTextMarket language，超文本标记语言,是用来描述网页语言，html使用标记标签来描述网页，html不是编程语言，是一种标记语言。2.经历过得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、HTML53.H5新特性: 用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search4.html都是由标签组成的5.html的基本格式:XML/HTML Code复制内容到剪贴板
放置一些属性信息，辅助信息。引入一些外部的文件。（css，javascript）它里面的内容会先加载。 meta：提供关于文档的信息 link：定义与外部资源的关系（css样式） style：在文档内容定义样式 script：定义脚本程序，或者外联脚本文档 noscript：包含浏览器禁用脚本，或不支持脚本时显示的内容 /head body 存放真正的数据。 /body /html
- DOCTYPE:声明文档的版本
- meta：告诉浏览器一些关于该文档的信息1.html注意事项: 多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。属性与属性值之间用 = 连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。h5全局属性:
文本元素XML/HTML Code复制内容到剪贴板
-br换行 -wbr软换行，在英文文章中，扩大缩小浏览器的时候，遇到某一个长单词的时候， wbr 可以规定这个单词从哪里切开。
3.锚点:也就是回到顶部那种。先在顶部定义一个id，然后在超链接中使用锚点跳去，href= #id ; 4.如果href中指定的协议，浏览器不能解析，就会调用应用程序，可以解析的程序就可以打开。
abrr 缩略语
b 不带任何强调意义的标记一段文字，加粗
strong 表示重要内容，加粗
em 表示着重强调一段文字，倾斜
i 不带任何强调意义的标记一段文字，倾斜
cite 表示作品标题，将作品名倾斜
del 表示从文档中删除的文字
s 表示文字已经不再准确，也是删除线
u 不带强调意义的给一段文字加下划线
ins 表示加入文档的文字，也是下划线
small 表示小号字体
sub 表示下标文字
sup 表示上标文字
q 表示引自其它的内容，被q标签修饰的自己加了引号表示引用
pre 表示格式化一段文字，也可以用来引入一段代码
span css中使用的添加样式的模块
div会换行，span不会换行
!-- -- 注释html实体也就是在网页中使用， ,空格等。 nbsp;嵌入元素1. 嵌入图像
- img标签嵌入图像
- src属性:表示图像的路径
- alt属性:表示图像若显示不出来显示的内容
- width/height属性:设置图像的宽和高2. 嵌入一张网页
- iframe标签表示嵌入一张网页
- src属性:表示超链接文档的地址
- width/height:该区域的宽和高
- name:给iframe命名，方便以后a标签的target属性调用 a href= shiti_test.html target= iframe 进入实体页面 /a 3. 视频/音频 video/audio
- scr:路径
- autoplay:自动播放视频
- controls:显示播放控件
- loop:循环播放
- width/height4. 进度条
- progress标签
- max属性:规定任务一共需要多少工作 100%
- value属性:规定已经完成了多少任务 80%分组元素1. p 段落标签，在开始和结束的位置上都会留下一段空行
- 属性:align,对齐方式2. hr 分割线
- 属性:width宽度 100px或者30%
- align:对齐方式
- size:粗细
- color:颜色3. 有序列表ol li
- type:列表前的序标号
- start:从第几个开始4. 无序列表ul li5. 自定义列表
- dl:表示自定义列表
- dd:表示自定义列表项
- dt:表示自定义列表标题6. 区域
- div:声明一块区域
- span:声明一块区域一般用于用户名密码之后的提示，例如:该用户名已被注册。
- div与span的区别:div一长列，自动换行，span一短列，不换行。7. 图片区域
- figure图片区域，里边套img标签和figcaption和a标签等
- figcaption:表示对图片的描述 a href= http://item.jd.com/2600210.html target= _blank figcaption font size= 2 color= red 华为P9:3999带回家 /font /figcaption /a 8. pre:格式化一段文字或者添加代码表格元素(重要)
- 作用:格式化数据- table 声明一个表格属性:
1.border 边框 border=1
2.width 宽度
3.cellpadding 文字与内边框的距离 cellpadding=10
4.cellspacing 单元格间距 cellspacing=0 tr 行
1.align:对齐方式 td 列
1.width/height
2.colspan 合并列
3.rowspan 合并行 th 表头，会加粗，并且会居中 caption 表格的标题给表格划分区域(不常用)1.thead、tbody、tfoot语义元素(不多用) h1~h6:表示标题
header:表示头部
nav:表示导航
footer:表示尾部
address:表示文档或article的联系信息
aside:表示侧边栏
section:表示主题区域
article:表示一段独立的内容XML/HTML Code复制内容到剪贴板
h3 InternetExplorer9 /h3 p WindowsInternetExplorer9（简称IE9）于2011年3月14日发布..... /p /article !--header的使用方法-- header h3 Welcometomyhomepage /h3 p MynameisLuogg /p /header !--section的使用方法-- fontcolor= blue size= 4 3. section 的定义 /font br/ section 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 br/ br/ !--footer的使用方法-- fontcolor= blue size= 4 4. footer 的使用方法: /font footer p 作者:Luogg /p p 联系我: ahref= http://www.cnblogs.com/luogg luogg.blog.com /a /p /footer !--新特性之nav导航标签的使用-- nav ahref= ../right.html 回到主页 /a /nav
框架(就是在一个页面中展示多个页面)，框架标签不能写在body标签当中或下面。不然浏览器无法解析。 frameset:框架结构
ros:将页面分为n行
cols:将页面分为n列
frame:放在框架中的每个html文档
XML/HTML Code复制内容到剪贴板
framesrc= left.html framesrc= right.html name= right /frameset /frameset
中的属性:1.action:定义一个URL，当点击提交按钮时，向这个URL发送数据
2.method(get/post):用于向action URL发送数据的HTTP方法。默认是get。get和post区别：1）get方式表单封装的数据直接显示在url上。post方式数据不显示在url上。
2）get方式安全级别较低，post级别较高。
3）get方式数据的长度，post支持大数据。 input 标签:定义输入字段，用户可在其中输入数据。input 中 type属性:1）type=text 文本框
2）type=password 密码
3）type=radio 单选按钮 name属性
4）type=checkbox 多选按钮单选和多选都有默认值：checked= checked 5）type=reset 重置按钮
6）type=submit 提交按钮
7）type=file 上传文件的输入项
8）type=button 按钮
9）type=image 图片（也是提交按钮，）
10）type=hidden 隐藏标签（用户不用看到的，但是咱们开发时必须要使用的，可以把数据封装到隐藏标签中，和表单一起提交到后台）选择标签select /select 选择下拉框 option 表示内容 /option文本域textarea
textarea 文本内容 /textareavalue属性:
对于按钮、重置按钮和确认按钮：定义按钮上的文本。对于图像按钮：定义传递向某个脚本的此域的符号结果。对于复选框和单选按钮：定义 input 元素被点击时的结果。对于隐藏域、密码域以及文本域：定义元素的默认值。注释：不能与 type= file 一同使用。注释：与 type= checkbox 和 type= radio 一同使用时，此元素是必需的。 name属性:为 input 元素定义唯一的名称。以上这篇HTML5学习心得总结(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。原文地址：http://www.cnblogs.com/luogg/p/5649398.htmlhtml教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：HTML框架怎么用

下一篇：HTML怎么设置字体颜色？html字体颜色设置的三种方法