【HTML+CSS】基础快速入门

最新推荐文章于 2024-08-19 17:16:10 发布
最新推荐文章于 2024-08-19 17:16:10 发布
阅读量94 收藏
点赞数
文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55377816/article/details/127140083
版权

【小白笔记 仅供参考】

HTML基础标签

1.标题标签 & 水平线标签

在这里插入图片描述

2.换行标签 & 段落标签

在这里插入图片描述

3.字体样式 （加粗/斜体）

在这里插入图片描述

4.超链接标签 & 图片标签

在这里插入图片描述
在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/6e50e2bd1d9641189ab100d014744087.png在这里插入图片描述

5.列表标签

在这里插入图片描述

6.视频 & 音频元素

在这里插入图片描述
在这里插入图片描述

7.内联框架

在这里插入图片描述

HTML5表单标签

1.表单的基础结构

在这里插入图片描述
在这里插入图片描述

2.表单的元素类型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

盒子模型

在这里插入图片描述

1.边框border

在这里插入图片描述

2.外边距margin

在这里插入图片描述

3.内边距

在这里插入图片描述

4.盒子模型尺寸计算

在这里插入图片描述

CSS基础

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

CSS选择器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

浮动和定位

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

网页结构分析

在这里插入图片描述
在这里插入图片描述
补充——网页内容居中对齐
在这里插入图片描述
【PS】：该笔记所有图片素材来源于B站（【HTML5+CSS3基础知识】 https://www.bilibili.com/video/BV1Po4y1o71J?share_source=copy_web&vd_source=ab77dc7fde17a1dad2b59eabc498a8f5），单纯作为本人自主学习记录，无任何其他用途。

bug滚远点～
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
快速入门HTML和CSS
m0_54129816的博客
03-12 1806
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言这里只是讲一些我自己学习网页制作后认为可以快速掌握的学习方法和小技巧。因为不可能一篇本章就可以把HTML讲的非常清楚明白。感兴趣的可以向下看一看。一、HTML和CSS是什么？二、清楚要重点学什么说回来网页制作这块，我认为重点学习的话是css和javaScript，html的元素常用的会用后，拿过来知道几个结构我觉得差不多了，css才是能让你的网页焕然一新的工具。另外为什么说javascript也是重点？因为学到最后每个人做出来.
HTML5+CSS3基础入门
weixin_48796690的博客
09-05 472
HTML5+CSS3基础入门知识点
零基础HTML+CSS到入门
weixin_51356295的博客
07-10 1991
付款方式支付宝微信银行卡
HTML+CSS入门
Y1128E的博客
03-22 947
标签设置某种自定义格式。5）
前端html+css+js常用总结快速入门
showy0的博客
04-04 1720
学习前端全套所有技术性价比低下且容易忘记，先入门学会所有基础的语法（css+js+heml），常用示例，再根据项目上手练习，哪里不会查哪里是最好的学习方式
HTML5+CSS3+JavaScript从入门到精通【文末送书】
一键难忘的博客
05-23 7389
第二，对图书内容进行了深度更新、优化，如优化了内容布置，弥补了讲解疏漏，将开发环境和工具更新为新版本，增加了对新技术点的剖析，将项目替换为更能体现当今IT开发现状的热门项目等，使其更与时俱进，更适合读者学习；全书共计有205个应用实例，141个编程训练，81个综合练习，1个项目案例，为初学者打造“学习+训练”的强化实战学习环境。读者对象：初学编程的自学者，编程爱好者，大中专院校的老师和学生，相关培训机构的老师和学员，进行毕业设计的学生，初、中级程序开发人员，程序测试及维护人员，参加实习的“菜鸟”程序员。
【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程
chen_nnn的博客
02-17 1360
笔者在哔哩哔哩弹幕网学习前端器件内所做的学习笔记，分享出来供大家参考。
H5+CSS+JavaScript入门学习
qq_40575302的博客
08-02 2475
第一部分 H5 1.认识HTML <!--使用html规范--> <!DOCTYPE html> <html lang="en"> <!--网页头部--> <head> <!--meta用于描述标签，用来描述网站的一些信息--> <meta charset="UTF-8"> <meta name="keywords" content="HTHL5"> <meta name="
【前端】Html+Css+JavaScript基础知识点
lcukyNwa的博客
07-18 6329
Html+Css+JavaScript基础知识点
html5+css3从入门到精通
07-03
本教程"html5+css3从入门到精通"针对前端新手，旨在帮助初学者快速掌握这两项核心技术。 HTML5（超文本标记语言第五版）是网页内容结构的标准，它引入了许多新的元素和属性，以更好地表达内容的语义。例如，`...
尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频尚品汇项目源码
03-06
【标题】中的“尚硅谷前端入门html+css零基础教程”指的是一个由尚硅谷教育机构提供的，面向初学者的前端开发课程，主要涵盖了HTML（超文本标记语言）和CSS（层叠样式表）的基础知识。这个教程是为那些对前端开发...
HTML5+CSS3入门基础知识
12-29
本节课程将介绍 HTML5 和 CSS3 的基础知识，帮助读者快速入门和掌握这两种技术。 HTML5 基础 HTML5 是 HTML 的最新版本，旨在提高网页的可读性、可访问性和可维护性。HTML5 新增了许多新的特性和元素，如音频、...
HTML+CSS+JavaScript快速入门+实战演练
01-08
快速入门CSS，你需要理解选择器的概念，比如元素选择器、类选择器和ID选择器。还要学习盒模型，这是理解元素宽度和高度的关键，包括content、padding、border和margin。同时，要熟悉CSS的基本属性，如颜色、字体、...
响应式Web设计：纯HTML和CSS的实现技巧
Caleb的博客
08-16 729
响应式设计的核心理念是使用灵活的布局和媒体查询来自动调整网页的布局和样式。传统的静态网页设计往往只能适应固定的屏幕尺寸，而响应式设计则能够根据用户设备的不同，自适应地调整内容展示。它允许我们为不同的屏幕尺寸和特性定义不同的CSS样式，从而实现页面的自适应布局。）在响应式设计中非常重要，因为它们可以根据不同的设备和用户设置调整元素的大小。这样，无论图片的实际尺寸如何，它都会根据其容器的宽度自动缩放，从而避免了图片溢出容器的情况。函数，使得网格项在屏幕尺寸变化时自动调整列数和列宽，从而适应不同的显示设备。
加速网页加载，提升用户体验：HTML、JS 和 Vue 项目优化全攻略
服务员的博客
08-16 814
除了以上列出的方法，还有很多其他的优化技巧，例如使用 CDN 加速、HTTP/2 协议、Service Worker 缓存等等。在信息爆炸的时代，网页加载速度成为了用户体验的重中之重。为了留住用户，提升转化率，网页优化势在必行！网页优化是一个持续的过程，需要不断学习和实践。通过以上方法，你可以有效提升网页加载速度，为用户提供更流畅的体验，最终实现更高的转化率和用户满意度。本文将从 HTML、JavaScript 和 Vue 项目三个方面，为你提供一份全面的网页优化指南，助你打造闪电般的加载速度！
html转vue项目
最新发布
qq_38880880的博客
08-19 164
总结来说，将HTML代码转换为Vue需要引入Vue框架并编写Vue组件，使用Vue的数据绑定和事件绑定语法实现页面的动态更新。当我们点击"Change Name"按钮时，changeName方法会被调用，将name属性的值改为"Vue.js"。在Vue的data选项中，我们定义了一个name属性，并将其初始值设为"Vue"。除了简单的数据绑定和事件绑定外，Vue还提供了丰富的指令和组件库，用于构建更复杂的用户界面。通过使用这些特性，我们可以将HTML代码转换为更加动态和交互的Vue应用。
html+css+js实现盒子
qq_51415791的博客
08-19 203
【代码】html+css+js实现盒子。
自动化之响应式Web设计:纯HTML和CSS的实现技巧
yang_xs的博客
08-16 797
响应式Web设计是一种使Web页面在各种设备和屏幕尺寸下都能良好显示的设计方法。随着移动设备的普及，响应式设计已经成为Web开发中的标准实践。本文将探讨如何使用纯HTML和CSS实现响应式Web设计，覆盖常用的技巧和最佳实践，帮助开发者创建适应不同屏幕尺寸的Web页面。
Web前端 - HTML、CSS
qq_57620101的博客
08-19 199
(Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，Live Preview: 右键show Preview 实时预览效果。所有现代的 HTML 页面都可以使用 JavaScript。Live Preview: HTML AI助手。JavaScript 是 Web 的编程语言。我们可以大大提升网页开发的工作效率！文件扩展名为 .css。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

bug滚远点～

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

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

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

打赏作者

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

抵扣说明：

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

余额充值