HTML5国赛,HTML入门与进阶以及HTML5

一、简介

1、前端开发最核心技术

(1)HTML是什么？

(2)CSS

(3)JavaScript

2、前端开发其他技术

二、基础内容

1.基础总结

2.HTML的基本标签

(1)HTML标签

(2)head标签

(3)body标签

3、段落与文字

(一)、段落标签

(二)、网页特殊符号

(三)、自闭合标签

(四)、块元素和行内元素

(五)、练习题

4、列表

(一)、HTML3种列表

(二)、HTML学习中的误区

(三)、练习题

5、表格

(一)、表格语义记忆

(二)、表格基本结构

(三)、表格完整结构

(四)、合并行和合并列

6、图像

(一)、图像标签

(二)、相对路径和绝对路径

(三)、图片格式

7、链接

8、表单

(一)、input标签表单

(二)、textarea标签表单

(三)、select和option

(四)、训练题

9、多媒体

(一)、插入音频、视频和flash

(二)、插入背景音乐

10、浮动框架iframe

(一)、浮动框架iframe简介

(二)、设置浮动框架是否显示滚动条scrolling

三、进阶内容

1、HTML、XHTML和HTML5

(一)HTML 和 XHTML

(二)HTML5

2、div和span

3、id和class

(一)id 属性

(二)class属性

4、浏览器标题栏小图标

5、语义化

(一)简介

(二)标题语义化

(三)图片语义化

(四)表格语义化

(五)表单语义化

(六)其他语义化

(七)语义化验证

6、HTML5舍弃的标签

四、HTML5

一、什么是 HTML5

1.HTML5 的概念与定义

2.HTML5 拓展了哪些内容

3.HTML5 的现状

二、HTML5 新增标签

1.什么是语义化

2.新增了那些语义化标签

3.使用语义化标签的注意

三、多媒体音频标签

1.多媒体标签有两个，分别是

2.audio 标签说明

3.audio 支持的音频格式

4.audio 的参数

5、audio 代码演示

四、多媒体视频标签

1.video 视频标签

2.语法格式

3.video 参数

4.video 代码演示

5.多媒体标签总结

五、新增 input 标签

六、新增表单属性

预备知识与后续知识及项目案例

[HTML入门与进阶以及HTML5]

[CSS]

[JS-上]

[JS-下]

[jQuery]

[Node.js + Gulp 知识点汇总]

[MongoDB + Express 入门及案例代码]

[Vue项目开发-仿蘑菇街电商APP]

一、简介

1、前端开发最核心技术

我们知道，用所谓的网页三剑客已经不能满足需求了，那前端开发究竟要学习什么技术呢？网页最主要由3部分组成：结构、表现和行为。网页现在新的标准是W3C，目前模式是HTML、CSS和JavaScript。

前端开发最核心的3个技术

(1)HTML是什么？

HTML，全称“Hyper Text Markup Language(超文本标记语言)”，简单来说，网页就是用HTML语言制作的。HTML是一门描述性语言，是一门非常容易入门的语言。

(2)CSS

CSS，全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的就是CSS。

(3)JavaScript

JavaScript是一门脚本语言。

2、前端开发其他技术

前端技术最核心的是HTML、CSS和JavaScript，但是对于一个真正的前端工程师来说，哪怕你精通这三个，你也不能称为一个真正的“前端工程师”。因为前端技术除了HTML、CSS和JavaScript这三种，还需要学习Ajax、SEO等。

(1)Ajax

Ajax，即“Asynchronous Javascript And XML(异步JavaScript和XML)”，是指一种创建交互式网页应用的网页开发技术。

通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页(不使用Ajax)如果需要更新内容，必须重载整个页面。

Ajax是前后端交互的技术，主要实现在前端。(不懂？！没关系，我们在Ajax教程中会讲解到)

(2)SEO

SEO，即“Search Engine Optimization(搜索引擎优化)”。SEO优化是专门利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式(国内常见的搜索引擎有百度、360、搜狗等)。

简单来说，你建好了网站并不代表你网站就能被搜索引擎搜索到，我们一般使用百度搜索资料时，搜索出来的网页有很多，但是我们一般看了搜索结果的第一、二页就不再往下看了。SEO，就是为了我们的网站能排在搜索结果的前面，这样你的网站才会有流量。你做网站，相信你也是想让你网站有更多人浏览的吧。

二、基础内容

1.基础总结

1、从web1.0到web2.0，网页制作已经变为前端开发了。现在对于前端开发，你要学的不是什么“网页三剑客”，而是“HTML+CSS+JavaScript”；

2、前端技术核心元素的是HTML、CSS和JavaScript，但是我们还要学习一些Ajax、SEO知识；

3、前端技术只能开发静态网页，而进一步学习了后端技术，你能开发一个用户交互性更好、功能更加强大的网站；

4、后端技术有ASP.NET(或PHP)、SQL Server等；

5、学习路线：HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门(或PHP入门)→Ajax→ASP.NET进阶(或PHP进阶)；

6、学习HTML就是学习各种标签，然后针对你想要的内容来使用相应的标签；

7、HTML标签即“HTML元素”；

8、HTML基本结构：

后续详细内容请前往原帖查看

————————————————

版权声明：本文为CSDN博主「wuyxinu」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/wuyxinu/article/details/103515157