HTML5实训心得,html5实训心得
Html学习总结
1.什么是html:超文本市场语言，超文本标记语言，是一种用来描述网页语言。html使用标记来描述网页。HTML不是一种编程语言，而是一种标记语言。
2.体验版：HTML2.0，HTML3.2，HTML4.0，HTML4.0.1，HTML5
3.3的新特性。H5:
绘画用画布元素
用于媒体播放的视频和音频元素
更好地支持本地离线存储
新的特殊内容元素，如文章、页脚、页眉、导航、部分
新的表单控件，如日历、日期、时间、电子邮件、url和搜索
4.html是由标签组成的。
5.html的基本格式：
XML/HTML代码将内容复制到剪贴板。html头放置了一些属性信息和辅助信息。引入一些外部文件。(css，javascript)里面的内容会先加载。Meta:提供文档链接的信息：定义与外部资源的关系(css样式)style:定义文档内容中的样式script:定义脚本程序，或外联脚本文档noscript:浏览器禁用脚本或不支持脚本/头体时显示的内容存储真实数据。/body /html- DOCTYPE:声明文档的版本。
-meta:告诉浏览器关于这个文档的一些信息。1.html指出：
大多数标签都有一个开始标签和一个结束标签，有些标签只有一个单一的功能，或者在标签中没有任何装饰来结束。
如果您想丰富标记所修饰的内容，可以使用标记中的属性。通过更改属性值，您可以添加更多的效果选择。
用“=”与属性的属性值连接，属性值可以是双引号，单引号，也可以没有引号。一般用双引号。或者公司规定的书写规范。
h5全局属性：
文本元素
XML/HTML代码将内容复制到剪贴板-br换行-wbr软换行。在英文文章中，当你遇到一个很长的单词时，wbr可以指定从哪里截这个单词。
a 超链接，属性：
XML/HTML代码将内容复制到剪贴板1。2.targert:页面打开方法_空白新页面打开3。锚点：也就是回顶类。先在顶部定义一个id，然后用锚点跳转到超链接中，href= # id4.如果浏览器不能解析href中指定的协议，将调用应用程序，可以解析的程序可以打开。abrr缩写
标记一段没有任何强调的文字，粗体。
强表示重要内容，粗体
Em的意思是强调一个段落，倾斜
我标记一段文字，没有任何强调，倾斜
引用表示作品的标题，倾斜表示产品的名称。
del表示从文档中删除的文本。
s表示文字不再准确，也是删除线。
u给一个段落加下划线，但不强调。
ins表示添加到文档中的文本，该文本也带有下划线。
小意味着小字体
子下标文本
sup表示上标文本。
Q是指引用自其他内容，用Q标签修饰的自我被引用表示引用。
pre表示格式化一段文本，也可用于引入一段代码。
该模块使用span css添加样式
div将换行，span不换行。
！-笔记
html实体
即使用、空格等。在网页中。
lt；gt；nbsp
嵌入元素
1.嵌入图像
-img标签嵌入图像
-src属性：指示图像的路径。
-alt属性：表示图像无法显示时显示的内容。
-width/height属性：设置图像的宽度和高度。
2.嵌入网页
-iframe标签表示嵌入网页。
-src属性：指示超链接文档的地址。
-宽度/高度：区域的宽度和高度。
-name:给iframe命名，这样A标签的目标属性就可以叫lt；a href= shiti _ test . html target= iframe gt；进入实体页面lt。/AGT；
3.视频/音频视频/音频
-scr:路径
-自动播放：自动播放视频
-控件：显示回放控件。
-循环：循环播放
-宽度/高度
4.进度条
-进度选项卡
-max属性：指定任务所需总工时的100%。
-value属性：指定已完成多少任务的80%分组元素。
1.p段落标签在开头和结尾留一个空行。
-属性：对齐，对齐
2.hr分割线
-属性：宽度宽度100像素或30%
-align:对齐方法
-尺寸：厚度
-颜色：彩色
3.有序列表ol li
-type:列表前的序号。
-开始：从几号开始？
4.无序列表ul li
5.自定义列表
-dl:表示自定义列表。
-dd:表示自定义列表项。
-dt:表示自定义列表标题
6.地区
-div:声明一个区域
-span:声明一个区域一般用于用户名和密码后的提示，比如用户名已经注册了。
-div和span的区别：div有长列，自动换行，span有短列，不换行。
7.图像面积
-fig图片区，内部有img标签、figcaption和一个标签。
-figcaption:表示对图片的描述。a href= http://Item.jd.com/2600210.html target= _ blank fig caption font size= 2 color= red 华为P9:3999带回家/font/figcaption/a8。前：格式化段落
-功能：格式化数据
-table声明了一个表属性：
border border=1
2 .宽度宽度
3.单元格填充文本和内部边框单元格填充之间的距离=10
4.单元格间距单元格间距单元格间距=0
•tr 行1.对齐：对齐方法
•td 列1.width/height
2.colspan合并列
3.rowspan合并行
标题将被加粗并居中。
•caption 表格的标题
将表格分成区域(不常用)
1.thead、tbody、tfoot
语义元素(不多用)
H1 ~ H6:表示标题
题头：指明题头
导航：指示导航
脚：表示尾巴。
地址：表示文件或文章的联系信息。
旁白：表示侧边栏
部分：表示主题领域。
文章：指一段独立的内容。
XML/HTML代码将内容复制到剪贴板文章H3 internet explorer 9/H3 p windows internet explorer 9(简称IE9)发表于2011年3月14日./p/文章！-如何使用header-header H3 welcomedyhome page/H3 PMYNAMESLUOGG/p/header！-如何使用section-font color= blue size= 4 3。节的定义/font br/节标记定义文档中的节(节和节)。如章节、页眉、页脚或文档的其他部分。br/br/！-如何使用页脚-font color= blue size= 4 4。如何使用footer: /font footer p作者：Luogg/p p联系我：a href= 3358 www.cnblogs.com/luogg luogg.blog.com/a/p/footer-使用导航标签的新功能-nava href=./right.html 返回主页/a /nav框架(就是在一个页面中展示多个页面)，框架标签不能写在body标签当中或下面。不然浏览器无法解析。
框架集：框架结构
ros:将页面分成n行。
cols:将页面分成n列。
框架：放置在框架中的每个html文档
XML/HTML代码将内容复制到剪贴板framesetrows= 20%，* framesrc= top . HTML frameset cols= 15%，* framesrc= left . HTML framesrc= right . HTML name= right /frameset/frameset010-599
功能：可以和服务器交互。
表单元素(重点)
1.action:定义一个URL，当单击submit按钮时，数据将被发送到该URL。
2.method(get/post):用于向动作URL发送数据的HTTP方法。Get是默认值。
中的属性：
1)由1)get表单封装的数据直接显示在url上。url上不显示发布模式数据。
2)2)get模式的安全级别低，但是post级别高。
3)3)获取模式下的数据长度。邮政支持大数据。Input:定义用户可以输入数据的输入字段。
get和post区别：
1)type=text文本框
2)类型=密码密码
3)type=单选按钮名称属性
4)类型=复选框多选按钮
单项选择和多项选择都有默认值：选中=选中
5)类型=复位复位按钮
6)类型=提交按钮
7)类型=文件。上传文件的输入项
8)类型=按钮按钮
9)类型=图像图片(也是提交按钮，)
10)type=hidden hidden tag(用户不需要看到，但是我们开发的时候不得不使用。可以将数据打包到隐藏标签中，与表单一起提交到后台)
input 中 type属性：
选择/选择选择下拉框选项表示内容/选项。
选择标签textarea文本内容/textareavalue属性：
对于按钮、重置按钮和确认按钮：定义按钮上的文本。
对于图像按钮：定义传递给脚本的该字段的符号结果。
对于复选框和单选按钮：定义单击输入元素时的结果。
对于隐藏字段、密码字段和文本字段：定义元素的默认值。
注意：不能与type=“file”一起使用。
注意：当与type=checkbox 和type=radio 一起使用时，此元素是必需的。名称：为输入元素定义一个唯一的名称。
以上HTML5学习经验总结(推荐)是边肖分享的全部内容。希望能给你一个参考和支持。
原地址：http://www.cnblogs.com/luogg/p/5649398.html
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。