狂神HTML5学习笔记

狂神bilibiliHTML5学习地址

笔记代码资源获取地址

初识HTML

什么是HTML？

（超文本标记语言）【超文本包括：文字、图片、视频、音频…】

HTML5发展史

HTML5提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图标、图像和动画、以及不需要安装任何插件直接使用网页播放视频等。

HTML5的优势

世界知名浏览器厂商对HTML5的支持

市场的需求
跨平台

W3C标准

常见IDE

记事本、Dreamweaver、IDEA、WebStorm…

HTML基本结构

网页基本信息

网页基本标签

Title

一级标签

二级标签

三级标签

四级标签

五级标签

六级标签

吞风吻雨葬落日未曾彷徨

欺山赶海践雪径也未绝望

拈花把酒偏折煞世人情狂

凭这两眼与百臂或千手不能防

天阔阔雪漫漫共谁同航

这沙滚滚水皱皱笑着浪荡

贪欢一晌偏教那女儿情长埋葬

吞风吻雨葬落日未曾彷徨
欺山赶海践雪径也未绝望
拈花把酒偏折煞世人情狂
凭这两眼与百臂或千手不能防
天阔阔雪漫漫共谁同航
这沙滚滚水皱皱笑着浪荡
贪欢一晌偏教那女儿情长埋葬
粗体: I LOVE YOU 斜体: I LOVE YOU
空格空格
">>
< ©版权所有

效果：

图象标签

常见的图像格式




    
    Title

超链接标签及应用

链接标签




    
    Title







点击我跳转页面1
点击我跳转页面1




    








点击联系我

块元素和行内元素

行内元素和块元素

列表标签

无序列表

有序列表

自定义列表




    
    Title





    JAVA
    前端
    运维
    前端
    C/C++






    JAVA
    前端
    运维
    前端
    C/C++



    学科
    JAVA
    Python
    Linux
    C

    位置
    重庆
    西安
    新疆
    北京

表格标签

媒体元素




    
    Title

页面结构分析




    
    Title




    网页头部



    网页主体



    网页脚部

方便后期嵌套使用

iframe内联框架




    
    Title






点击跳转

初识表单post和get提交

表单语法




    
    Title



注册



    
    名字:
    
    密码:

表单

表单元素格式

表单的应用

标签属性

只读readonly

禁用disabled

隐藏域hidden

表单初级验证

placeholder:提示信息（用于输入框中）

required:非空判断

pattern:正则表达式

HTML总结

search">

``` 表单的应用