HTML自学笔记跟着pink老师学的

最新推荐文章于 2023-04-25 17:56:59 发布
最新推荐文章于 2023-04-25 17:56:59 发布
阅读量156 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51903996/article/details/109549574
版权

先学HTML5然后CSS再H5C3
网页HTML负责
浏览器由Web
开发网站从网页开始学习
图片 视频 文本 声音 链接 .html/.htm
网页 内核浏览器：读取内容，整理讯息，计算网页
结构由HTML 网页元素
表现CSS 外观
行为javascript 交互

HTML语法规范
在这里插入图片描述
双标签1.包含2.并列
在这里插入图片描述
HTML文档后缀名是.html/.htm
浏览器读取HTML网页

oxygen74751
关注
黑马程序员Pink老师HTML内容总结(一)
weixin_45653998的博客
03-02 826
黑马程序员Pink老师HTML内容总结(一) Web标准主要包括结构、表现和行为。 结构用于对网页元素进行整理和分类，现阶段主要学习HTML。 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指CSS。 行为是指网页模型的定义及交互的编写，现阶段主要学习Javascript HTML基本结构标签 每一个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。 <html></html> 上述为HTML标签，它是页面中最大的标签，我们也称之为根标签 &
JavaScript 学习笔记 超详细（b站pink老师）_pink老师最新版js笔记
最新发布
2401_84435152的博客
04-28 733
文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API。即DOM是浏览器提供的一套专门用来操作网页内容的功能。**DOM作用：**开发网页内容特效和实现用户交互标签天生自带的属性，比如class、id、title等, 可以直接使用点语法操作。比如： disabled、checked、 selected在html5中推出来了专门的data-自定义属性，在标签上一律以data-开头，在DOM对象上一律以dataset对象方式获取。
HTML的第一天，介绍下网页组成及相关知识，大家一起学习
weixin_51612633的博客
10-30 564
HTML第一天 我们接下来是进行的网页开发网页的相关概念: 什么是网页? 什么是HTML? 网页的形成? 什么是网页： 1.网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 2.网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页的组成： 1.网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 [外链图片转存
CSS-07-精灵图 、字体图标 、 ​ 、 CSS 三角 、常见的 CSS 用户界面样式、常见的布局技巧
weixin_51353891的博客
05-06 383
学习目标： ​ 能够使用精灵图 ​ 能够使用字体图标 ​ 能够写出 CSS 三角 ​ 能够写出常见的 CSS 用户界面样式 ​ 能够说出常见的布局技巧 1. 精灵图（重点） 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 为什么使用精灵图（目的）： ​ 为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites.
Pink老师前端笔记-CSS第六天
w1404273025的博客
04-16 280
Pink老师前端笔记-CSS第六天 # day08-前端基础CSS第六天 今日目标 能够说出 为什么要用定位 能够说出 定位的 4 种分类 能够说出 4 种定位各自的特点 能够说出 为什么常用子绝父相布局 能够写出 淘宝轮播图布局 能够说出 显示隐藏的 3 种方式以及区别 1. 定位(position) 介绍 1.1 为什么使用定位 我们先来看一个效果，同时思考一下用标准流或浮动能否实现类似的效果？ 场景1： 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子. 场景2：当我们滚动窗口的
Pink老师前端笔记-第四天
w1404273025的博客
04-16 503
Pink老师前端笔记-第四天 css第二天 一、emmet语法 1、简介 ​ Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 ​ 快速生成HTML结构语法 ​ 快速生成CSS样式语法 2、快速生成HTML结构语法 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键， 就可以生成 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div 如果有父子级关系
jQuery基础自学笔记（pink老师jQuery全内容）
04-12
《jQuery基础自学笔记》 jQuery 是一款非常流行的 JavaScript 库，由 John Resig 在2006年创建，它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。jQuery 的设计理念是“Write Less, Do ...
四、pink老师的学习笔记——元素的显示与隐藏
01-08
1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 ... 1.1 display 显示（重点） display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display：block 除了转换为块级元素之外，同时还有...
黑马程序员, html css javascript 前端笔记 pink老师教程
alexwang的博客
08-03 2128
黑马程序员, html css javascript 前端笔记 pink老师教程
pink老师的JavaScript零基础课小白学习笔记（学习中)
今天也有好好生活吗
04-25 573
小白学习笔记，简单记录一些碎碎念和业余学习，欢迎大佬们指导，我竖起耳朵听！
pink老师推荐的教程里的一个实例 记事本.html
06-15
pink老师推荐的vue教程https://www.bilibili.com/video/BV1HE411e7vY?p=23的第二个示例，小黑记事本，因为没有资源所以都是手写的，欢迎大家来看
css第三天
weixin_51612633的博客
11-03 160
css第03天 一、css三大特性 1、层叠性 ​ 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题 ​ 层叠性原则: 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MXTEfxKc-1604411542521)(images\1571490015544.png)] 2、继承性 ​ CSS中的继承: 子标签会继承父标签的某些样
HTML初学
m0_38141503的博客
07-27 209
1. HTML常识 1.1 HTML常用英文 target 目标 contents 内容 markup tag 标记标签 paragraph 段落标签<p> 1.2 浏览器内核 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefox Gecko 火狐浏览器内核 Safari Webkit 苹果浏览器内核 chrome/Opera Blink chrome/opera浏览器内核。Blink其实是Webkit的分支 目前
pink老师前端基础部分内容笔记
Zaralike的博客
06-17 674
一、浏览器 1.常用浏览器 IE、火狐（Firefox）、谷歌(Chrome)、Safari、Opera等 2.
html学习笔记之列表标签(pink老师)
qq_45300497的博客
11-20 204
列表：用来布局 表格：用来显示数据 分类：（1）无序列表（重点） 无序列表：<ul>标签表示HTML页面中的无序列表，一般以项目符号呈现列表项，而列表项使用<li>标签定义 基本结构及其代码如下： <body> <h4>我最喜欢吃的水果</h4> <ul> <li>苹果</li> <li&g
pink老师前端入门学习笔记（day01）
dream2017seek的博客
04-21 728
pink老师前端入门学习笔记（day01）00 前言01 编码02 VScode使用技巧03 标题标签04 段落标签05 格式化标签06 图片标签img07 布局嵌套div和span08 超链接标签anchor 00 前言 可以参考比较完整的笔记： 「学习笔记」HTML基础 01 编码 直接从记事本复制过来时产生的一个问题 <!-- 在最下方的utf-8中选择其他可以正确显示--> <!DOCTYPE html> <html lang="zh-CN"> &l
pink老师前端入门视频教程笔记(上）
weixin_43200099的博客
12-01 7662
pink老师前端入门视频教程笔记HTML5+CSS3+移动端布局+flex布局rem布局响应式布局摹客蓝湖使用教程笔记基础班学习路线HTML简介网页什么是网页什么是HTML常用浏览器常用浏览器浏览器内核***Web标准（重点）****Web标准的构成*HTML标签HTML语法规范基本语法概述标签关系开发工具功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一
pink老师前端入门视频教程笔记(中）
weixin_43200099的博客
02-18 3086
CSS 圆角边框（重点） 可以使盒子模型变圆角，如： border-radius:length; (圆的半径） 解释如下： 当length数值越大弧形越明显。如下：（可以在网页检查中直接调来看效果，但似乎代码本身是不会改变的?只是一个展示而已） 圆角边框的使用 length可以用px或百分比表示。如下：先给圆形准备一个正方形，然后使圆形的半径为正方形的一半。 注意：top-left这种顺序不能打乱； 如果只写两个数字，则左上右下为一对，剩余两个为一对 盒子阴影 ...
黑马pink老师Web前端入门笔记（一）
m0_46640262的博客
09-10 668
黑马pink老师Web前端入门笔记Web前端入门（一）（一）前言1 基础班学习路线2 HTML简介2.1 网页2.2 常用地浏览器2.3 Web标准 Web前端入门（一） （一）前言 1 基础班学习路线 ※ 基础班目标 PC端网站布置。 最终目标：品优购静态网站。 ※ 目的：精通网页布局，前端人员的必备技能，为以后的JavaScript打下坚实基础。 ※ 学习路线 2 HTML简介 2.1 网页 网站是指因特尔网上根据一定规则，使用HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一页，通
黑马pink老师详解HTML基础与开发工具入门
本资源是一份关于前端HTML的学习笔记，由黑马pink老师讲解，旨在帮助学习者系统理解和掌握HTML基础知识。HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它是Web开发的基础。 首先，【标题】...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值