您现在的位置是:网站首页> 编程资料编程资料
HTML5学习心得总结(推荐)html 隐藏滚动条的简单实现HTML基础重点_一般标签、常用标签和表格HTML制作个人简历的简单实现详解HTML中table表格的frame和rules属性HTML的form表单标签用法学习教程HTML中的超链接标签使用教程HTML中table表格标签的基础学习教程HTML基础必看---表单,图片热点,网页划区和拼接详解
2023-10-13
412人已围观
简介 下面小编就为大家带来一篇HTML5学习心得总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Html学习总结
1.什么是html:HyperTextMarket language,超文本标记语言,是用来描述网页语言,html使用标记标签来描述网页,html不是编程语言,是一种标记语言。
2.经历过得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、HTML5
3.H5新特性:
•用于绘画的 canvas 元素
•用于媒介回放的 video 和 audio 元素
•对本地离线存储的更好的支持
•新的特殊内容元素,比如 article、footer、header、nav、section
•新的表单控件,比如 calendar、date、time、email、url、search
4.html都是由标签组成的
5.html的基本格式:
- <html>
- <head>
- 放置一些属性信息,辅助信息。
- 引入一些外部的文件。(css,javascript)
- 它里面的内容会先加载。
- meta:提供关于文档的信息
- link:定义与外部资源的关系(css样式)
- style:在文档内容定义样式
- script:定义脚本程序,或者外联脚本文档
- noscript:包含浏览器禁用脚本,或不支持脚本时显示的内容
- head>
- <body>
- 存放真正的数据。
- body>
- html>
- DOCTYPE:声明文档的版本
- meta:告诉浏览器一些关于该文档的信息1.html注意事项:
•多数标签都是有开始标签和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在标签内结束。
•想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。
•属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号。或公司规定书写规范。
h5全局属性:

文本元素
- - br 换行
- - wbr 软换行,在英文文章中,扩大缩小浏览器的时候,遇到某一个长单词的时候,<wbr>可以规定这个单词从哪里切开。
超链接,属性:
- 1. href:url。
- 2. targert:页面打开方式_blank新建页面打开
- 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实体
也就是在网页中使用<,>,空格等。
<>
嵌入元素
1. 嵌入图像
- img标签嵌入图像
- src属性:表示图像的路径
- alt属性:表示图像若显示不出来显示的内容
- width/height属性:设置图像的宽和高
2. 嵌入一张网页
- iframe标签表示嵌入一张网页
- src属性:表示超链接文档的地址
- width/height:该区域的宽和高
- name:给iframe命名,方便以后a标签的target属性调用进入实体页面
3. 视频/音频 video/audio
- scr:路径
- autoplay:自动播放视频
- controls:显示播放控件
- loop:循环播放
- width/height
4. 进度条
- progress标签
- max属性:规定任务一共需要多少工作 100%
- value属性:规定已经完成了多少任务 80%分组元素
1. p 段落标签,在开始和结束的位置上都会留下一段空行
- 属性:align,对齐方式
2. hr 分割线
- 属性:width宽度 100px或者30%
- align:对齐方式
- size:粗细
- color:颜色
3. 有序列表ol li
- type:列表前的序标号
- start:从第几个开始
4. 无序列表ul li
5. 自定义列表
- dl:表示自定义列表
- dd:表示自定义列表项
- dt:表示自定义列表标题
6. 区域
- div:声明一块区域
- span:声明一块区域 一般用于用户名密码之后的提示,例如:该用户名已被注册。
- div与span的区别:div一长列,自动换行,span一短列,不换行。
7. 图片区域
- figure图片区域,里边套img标签和figcaption和a标签等
- figcaption:表示对图片的描述
- 作用:格式化数据
- 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:表示一段独立的内容
- <article>
- <h3>Internet Explorer 9h3>
- <p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....p>
- article>
- <header>
- <h3>Welcome to my home pageh3>
- <p>My name is Luoggp>
- header>
- <font color="blue" size="4">3.<section>的定义font><br/>
- <<
相关内容
- 全民英雄无紫卡时如何最强搭配 全民英雄搭配技巧攻略_手机游戏_游戏攻略_
- 怒斩轩辕什么职业好 各职业技能解析_手机游戏_游戏攻略_
- 钻石矿工卓越版 道具作用解析_手机游戏_游戏攻略_
- 全民英雄绿杖获得方法攻略 九宫格抽装备技巧分析_手机游戏_游戏攻略_
- 全民英雄技能书获得方法攻略 全民英雄技能书如何获得_手机游戏_游戏攻略_
- 全民英雄光法装备推荐 全民英雄光法出装攻略_手机游戏_游戏攻略_
- 全民英雄紫卡英雄哪个值得培养 紫卡英雄哪个好_手机游戏_游戏攻略_
- 全民英雄急速护符分析 全民英雄急速护符装备属性解析_手机游戏_游戏攻略_
- 全民英雄撼地小牛怎么样 全民英雄撼地小牛属性解析_手机游戏_游戏攻略_
- 全民英雄修改攻击力攻略 全民英雄怎么修改攻击力_手机游戏_游戏攻略_
点击排行
本栏推荐
