黑马pink老师Web前端入门笔记（一）

最新推荐文章于 2022-12-20 16:31:46 发布
最新推荐文章于 2022-12-20 16:31:46 发布
阅读量640 收藏 4
点赞数 1
分类专栏： 前端 文章标签： javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46640262/article/details/117564950
版权

黑马pink老师Web前端入门笔记

Web前端入门（一）

（一）前言

1 基础班学习路线

※ 基础班目标
PC端网站布置。
最终目标：品优购静态网站。
包括首页、列表页、注册页
※ 目的：精通网页布局，前端人员的必备技能，为以后的JavaScript打下坚实基础。

※ 学习路线
在这里插入图片描述

2 HTML简介

2.1 网页

网站是指因特尔网上根据一定规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页是网站中的一页，通常是HTML格式的文件，它要通过浏览器来阅读。
网页是构成网站的基本元素，

最低0.47元/天 解锁文章
耿天霸
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 学习笔记 超详细（b站pink老师）_pink老师最新版js笔记
2401_84435152的博客
04-28 629
文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API。即DOM是浏览器提供的一套专门用来操作网页内容的功能。**DOM作用：**开发网页内容特效和实现用户交互标签天生自带的属性，比如class、id、title等, 可以直接使用点语法操作。比如： disabled、checked、 selected在html5中推出来了专门的data-自定义属性，在标签上一律以data-开头，在DOM对象上一律以dataset对象方式获取。
品优购项目案例制作需要注意的内容笔记
YuKing_HONG的博客
11-29 452
ClassName的命名应该尽量精短、明确，必须以**字母开头命名**，且**全部字母为小写**，单词之间**统一使用下划线** “_” 连接。专业的综合网购商城，销售家电，数码通讯，电脑、家居百货、服饰服装、母婴、图书、食品等优质商品，便捷，诚信服务，为您提供愉悦的上网购物体验。写好一个样式，其余的页面用到这些相同的样式。具有不可替代性，是我们内页的一个重要标签，是搜索引擎了解网页的入口喝对网页主题归属的最佳判断点。，从而帮助网站获取免费的流量，进而在搜索引擎上提高网站的排名，提高网站的知名度。
【整理+总结】pink老师前端三件套之CSS笔记（三）CSS 页面布局三大核心
weixin_42771853的博客
12-20 721
网页布局过程： 1. 准备网页元素，网页元素基本都是盒子 box 2. 利用 CSS 设置好盒子样式，然后摆放到相应位置。 3. 往盒子里放东西。 CSS 提供了三种传统布局方式： - 普通流（标准流） - 浮动 - 定位 此文介绍CSS页面布局的三大核心：盒子模型、浮动、定位
【整理+总结】pink老师前端三件套之HTML笔记（二）HTML标签
weixin_42771853的博客
12-07 840
HTML 标签是由尖括号包围的关键词，例如``。 HTML 标签通常是成对出现的，例如``和``，称为双标签。第一个是开始标签，第二个是结束标签。有些特殊标签必须是单个标签（极少情况），例如``，我们称之为单标签。 HTML标签包括标题标签、段落标签、图像标签以及表格、列表、表单标签等，将在此文中一一进行介绍。
跟着黑马程序员pink老师学习的笔记及小破站学习的笔记
我是一只蘑菇17的博客
07-22 3570
网页 1.什么是网页？ 网页是
【整理+总结】pink老师前端三件套之CSS笔记（四）HTML和CSS补充知识
weixin_42771853的博客
12-20 1518
随着技术的发展进步，为适应不断增长的网页设计需求，HTML5和CSS3新增了一些特性。此文介绍CSS的一些高阶特性，以及HTML5和CSS3的新增特性
14.------------------------------------------------------------------------------【PC端品优购项目】
你说的白是什么白_
01-18 1236
文章目录【PC端品优购项目】前端小抄(14)电商—主页电商—分类列表页电商—注册页一、品优购项目规划1.1 网站制作流程1.2 品优购项目整体介绍1.3 品优购项目的学习目的1.4 开发工具以及技术栈1.5 品优购项目搭建工作1.6 网站favicon图标1.7 网站TDK三大标签SEO优化二、品优购首页制作2.1 常用模块类名命名2.2 快捷导航shortcut制作2.3 header制作2.4 nav导航制作2.5 footer底部制作2.6 main主体模块制作2.7 推荐模块制作2.8 楼层区flo
黑马pink老师Web前端入门笔记（二）
m0_46640262的博客
06-16 584
黑马pink老师Web前端入门笔记Web前端入门（二）（二）HTML标签1 学习目标2 学习内容2.1 HTML语法规范2.2 HTML基本结构标签2.3 开发工具 Web前端入门（二） （二）HTML标签 1 学习目标 2 学习内容 2.1 HTML语法规范 ※ 所有标签由尖括号加关键词组成，如<html >。 ※ 双标签：大部分情况下标签成对出现。<html></html>,其中<html>为开始标签，</html>为结束标签，多一个/。 双
资料-Web前端入门教程资料下载地址.txt
03-30
|- web前端培训班_web前端开发优质教程_前端工程师培训-黑马程序员.png |- HTML入门及基础02资料.zip |- HTML5入门及基础01资料.zip |- CSS3入门及提高 08资料.zip |- CSS3入门及提高 07资料.zip |- CSS3入门及提高 ...
前端学习笔记-黑马程序员
01-09
前端学习笔记-黑马程序员 本篇文章主要介绍了 HTML 基础知识，涵盖了标签的基本概念、HTML 基本结构、文档类型声明、字符集、标签语义、标题标签、段落和换行标签、文本格式化标签、图像标签、路径、超链接标签、...
黑马程序员 linux从入门到精通配套笔记.docx
06-17
黑马程序员 Linux 从入门到精通配套笔记 本资源汇总了 Linux 操作系统的发展史、安装方法、特点和分支等内容。下面是从文件中提取的知识点： 一、Linux 发展史 1. Linux 的前身是 Unix，于 1968 年由 Multics ...
前端学习笔记-黑马程序员Vue
01-09
前端学习笔记-黑马程序员Vue Vue.js 是一款流行的前端框架，它提供了强大的模板语法、数据绑定、MVVM 模型等特点，帮助开发者快速构建复杂的前端应用程序。下面是对 Vue.js 的一些重要知识点的总结： Vue.js ...
2018黑马程序员web前端开发视频
12-11
2018黑马程序员web前端开发视频
b站pink老师前端课程、品优购项目（跟着练的笔记+代码）
weixin_45727991的博客
11-29 6274
02、网站制作流程 1、 03、品优购项目规划 04、项目搭建 05、样式的模块化开发 06、favicon图标制作 favicon.ico一般用于作为略缩图的网站标志，它显示在浏览器的地址栏或者标签上。 1、制作png图片 2、转换为ico图标（第三方软件eg：bitbug） 3、必须！！！放在文件根目录下（常识） 4、html页面引入favicon图标：在html的head标签内引入代码 <link rel="shortcut icon" href="facvicon.ico"> 0
前端与移动开发----购物商城案例（品优购PC项目下）
東三城的博客
10-27 936
品优购项目-下 目标 能够写出列表页 能够写出注册页 能够把品优购网站部署到本地服务器 能够把品优购网站上传到远程服务器 品优购项目 首页制作 main 主体模块制作 以前书写的就是模块化中的公共部分。 main 主体模块是 index 里面专有的，注意需要新的样式文件 index.css main 盒子宽度为 980 像素，高度是455像素，位置距离左边 220px (margin-left ) ，给高度就不用清除浮动 main 里面包含左侧盒子，宽度为 721像素，左浮动，focus 焦点
pink老师【品优购商城】
aaaa_fan的博客
07-02 468
好久之前学过H5 CSS JS，跟着黑马的pink老师写了品优购商城的静态界面，复习一下的同时也学到了许多东西！
品优购项目——黑马程序员pink老师/完整源代码/项目讲解
热门推荐
m0_46830821的博客
03-30 2万+
话不多说，先上效果图，代码在文末 首页 结尾页 个人注册页 女鞋模块页 1、品优购项目搭建工作 images：放置背景等不经常更换的图片 upload：放置产品类需要经常更换的图片 index.html文件对应首页 common.css对应CSS 公共样式文件 base.css对应CSS 初始化样式文件 2、HTML页面引入 favicon 图标 在 html 页面里面的<head> </head>元素之间引入代码 ...
HTML+CSS大项目2：品优购项目笔记+源码（万字收藏）
黑马程序员官方博客
04-13 3170
本篇目录 品优购项目 首页制作 main 主体模块制作 左侧 focus 模块制作 右侧 newsflash 模块制作 推荐模块制作 --recom 家用电器模块 box_hd制作 box_bd制作 列表页主体sk_container 注册页面（★★★） Web服务器 目标 能够写出列表页 能够写出注册页 能够把品优购网站部署到本地服务器 能够把品优购网站上传到远程服务器 品优购项目 首页制作 main 主体模块制作 以前书写的就是模块化中的公共部分。 ma...
黑马pink老师html css笔记
最新发布
05-31
黑马程序员的Pink老师是一位非常优秀的前端讲师，他的HTML/CSS课程深受学生的喜爱。他的HTML/CSS笔记主要分为以下几个部分： 1. HTML基础部分：介绍HTML的基本概念、标签、元素、属性、语义化标签等知识点，并通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值