[HTML]Web前端开发技术18（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用——喵喵画网页

最新推荐文章于 2025-12-02 22:10:11 发布
最新推荐文章于 2025-12-02 22:10:11 发布
阅读量2.5k 收藏 115
点赞数 129
CC 4.0 BY-SA版权
分类专栏： 喵喵画网页 文章标签： html 前端 html5 javascript css3 计算机学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ormstq/article/details/135875118
本文介绍了HTML5的基本概念、特性、优势，详细讲解了新增的结构元素和页面元素，同时讨论了HTML5废除的元素与属性。通过一个课后练习，指导读者进行HTML5页面布局设计，以加深理解。

希望你开心，希望你健康，希望你幸福，希望你点赞！

最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！

喵喵喵，你对我真的很重要！

目录

前言

HTML5 概述

HTML5 的八个特性

HTML5 的优势

HTML5 新增结构元素及页面元素

HTML5 废除的元素与属性

浏览器支持与选择

课后练习

html5页面布局设计

总结

前言

熟悉掌握 HTML5 新特性。

HTML5 概述

WHATWG（Web Hypertext Application Technology Working Group，Web 超文本应用技术工作组），

了解本专栏 订阅专栏 解锁全文 超级会员免费看
[HTML]Web前端开发技术30（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页
ormstq的博客
02-25 3728
前言 　 网页标题：手机批发业务-商品备选区 总结
[HTML]Web前端开发技术7（HTML5、CSS3、JavaScript ）CSS的定位机制——喵喵画网页
ormstq的博客
12-05 2760
CSS的定位机制文档流定位元素类型浮动定位float的用处float的特点clear属性层定位position属性fixed固定定位相对定位：relative课后练习网页标题：CSS背景样式的应用网页标题：背景图像的应用网页标题：炫彩网站Logo网页标题：鼠标悬停效果
[HTML]Web前端开发技术29（HTML5、CSS3、JavaScript ）JavaScript基础——喵喵画网页
ormstq的博客
02-25 2752
上一节的课后练习 　 网页标题：用户登录 　 网页标题：下拉菜单 　 网页标题：改变新闻网页中字号和颜色 　 网页标题：鼠标移动事件
[HTML]Web前端开发技术6（HTML5、CSS3、JavaScript ）DIV与SPAN，盒模型，Overflow——喵喵画网页
ormstq的博客
12-02 2919
CSS盒模型简介CSS盒模型CSS盒模型结构盒模型的属性边框border边框宽度border-width边框样式border-style边框颜色border-color边框简写border边框的四个方向border-radius外边距margin内边距padding盒模型的大小课后练习应用CSS行内样式表使用border-radius属性制作圆角边框。网页标题：字体样式综合应用
[HTML]Web前端开发技术13（HTML5、CSS3、JavaScript ）横向二级导航菜单 Web页面设计实例——喵喵画网页
ormstq的博客
01-17 3732
横向二级导航菜单 Web页面设计实例
[HTML]Web前端开发技术22（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用，animation ，@keyframes，Transition——喵喵画网页
ormstq的博客
02-10 3325
前言 CSS3 转换transform 属性 　 2．CSS3 3D 转换 CSS3 过渡transition 属性 Transition子属性设置语法 CSS3 动画animation 　 1．CSS3 动画animation 基本语法 　 2．@keyframes 规则定义 总结
[HTML]Web前端开发技术14（HTML5、CSS3、JavaScript ）鼠标经过图片显示大图 网页标题：表格标签的综合应用——喵喵画网页
ormstq的博客
01-19 1666
鼠标经过图片显示大图 网页标题：表格标签的综合应用
[HTML]Web前端开发技术12（HTML5、CSS3、JavaScript ）——喵喵画网页
ormstq的博客
01-15 4121
网页标题：三列自适应宽度 网页标题：多行三列自适应宽度 一级水平导航菜单：采用“无序列表+超链接”设计
[HTML]Web前端开发技术5.2（HTML5、CSS3、JavaScript ）CSS基础，decoration，selector，properties，Cascading——喵喵画网页
ormstq的博客
11-29 1907
CSS基础CSS继承与层叠使用CSS控制Web页面CSS选择器类型CSS选择器声明课后练习应用CSS链接外部样式表应用CSS导入外部样式表网页标题：类选择器的应用理解集体声明选择器的使用理解派生选择器以及通配符选择器（全局声明）的使用理解伪类选择器的使用网页标题：京东商品导购
vue2/html 实现高德点聚合
m0_49789433的博客
12-02 74
1.vue2 高德点聚合。2.html高德点聚合。这里要换成自己的key。这里换成自己的key。
【HTML Living Standard 01】HTML基础概述
风高秋月白，雨霁晚霞红
12-01 684
HTML-01 基础概念相关。
HTML DOM 对象
最新发布
wjs2024的博客
12-02 269
DOM（Document Object Model）是一种抽象的模型，用于表示 HTML 和 XML 文档。通过 DOM，开发者可以访问和操作文档中的任何元素，如文本、图像、链接等。DOM 对象化地表示了网页的结构，使得开发者可以像操作对象一样操作网页内容。HTML DOM 对象是网页设计和开发的基础，掌握 DOM 对象的基本概念、常用方法和实际应用，将有助于提高开发效率和代码质量。本文对 HTML DOM 对象进行了简要介绍，希望对您有所帮助。
【JavaWeb】HTML常见标签——标题段落和换行
qq_43494013的博客
12-02 123
【JavaWeb】HTML常见标签——标题段落和换行
HTML 基础
wjs2024的博客
12-02 264
HTML是构建网页和网站的基础，掌握HTML基础知识对于成为一名优秀的网页开发者至关重要。本篇文章为您介绍了HTML的发展历程、基本结构、常用标签以及一些高级特性。希望您能够通过学习，更好地掌握HTML，为您的网页开发之路打下坚实的基础。
【JavaWeb】HTML——超链接标签
qq_43494013的博客
12-02 173
【JavaWeb】HTML——超链接标签
HTML/CSS 核心考点详解（字节跳动 ToB 中台场景）
2402_87628679的博客
12-01 818
语义化 HTML 就是用有明确含义的标签（如<header><nav><main>）替代无意义的通用标签<div>，让 HTML 结构 “自解释”—— 不用看 CSS/JS，就能看懂页面各部分的功能。块级格式化上下文，是一个 “独立的渲染区域”，区域内的元素布局不受外部影响，同时也不会影响外部元素。可以理解为：BFC 是一个 “隔离的盒子”，盒子里的元素怎么布局，都和盒子外的元素没关系。知识点核心考点实战场景语义化 HTML常用语义标签、结构合理性系统页面布局、模块划分Flex 布局。
html css js网页制作成品——鹿晗html+css+js 4页附源码
卡拉米
12-01 620
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
html css js网页制作成品——敖瑞鹏html+css+js 4页附源码
卡拉米
12-02 524
本文介绍了一个关于中国篆刻艺术的静态网站设计与实现。网站采用HTML5+CSS3技术，包含首页、作品展示、历史渊源等页面，使用DIV+CSS布局，兼容主流浏览器。提供了完整的HTML代码示例，展示了导航栏、banner区和作品展示区的实现方法。文章还针对编程初学者给出学习建议，推荐通过牛客网等平台进行编程练习，并分享了获取更多前端开发资源的途径。该网站模板可灵活修改为旅游、美食等各类主题展示网站。
【JavaWeb】HTML专业词汇
qq_43494013的博客
12-01 161
【JavaWeb】HTML专业词汇
HTML与CSS教程：学成在线网页制作指南
3. 学成在线网页制作课程：考虑到“学成在线网页制作”这一描述，这很可能是一个系统性的在线教学课程，通过视频讲解、互动练习和实际项目来教授学生如何使用HTML和CSS制作网页。课程可能覆盖了从基础的HTML标签使用...
评论 95
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猫佛佛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值