Web前端笔记记录

已于 2023-06-26 08:56:49 修改
阅读量3.4k 收藏 18
点赞数 13
分类专栏： html 文章标签： 前端 css
于 2022-10-19 19:02:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yjnlovepy/article/details/127377762
版权

Web前端笔记记录

概念理解

1、网站

网站是由n多个网页组成的，每一个网页都是一个html.文件

2、VS Code

VS Code来自微软，是一个开源的、基于Electron的轻量代码编辑器。

3、html

html是一种超文本标记语言，通过标记符号来标记要显示的网页中的各个部分，可以说明文字，图形，动画，声音，表格，链接等。
html常见标签：周期表

html的超文本性

可以分为文本内容和非文本内容（图片、视频、音频等）。

html的语言性

是种编程语言。

html的标记性

标记也称标签（可以上下排列也可以组合嵌套）：
例如： ”< header >“”< footer >"

写法

第一种：单标签 ”< header>“
第二种：双标签”< header >< /header>“

4、css

CSS中文意思是“层叠样式表"，它是一种标准的样式语言，主要作用是定义网页的样式（美化网页），对网页中元素的位置、字体、颜色、背景等属性进行精准控制。

5、Web前端的三大核心技术

html： 结构
CSS：样式
JavaScript：行为

6、网站开发

UI设计师：设计稿
Web前端开发工程师（H5开发）

设计稿—>代码
数据库里的数据—>显示到页面
HTML+CSS

实操

快捷键的使用

ctrl + m 静音
*ctrl + s 保存
ctrl + alt + a 截屏
ctrl + a 全选
ctrl + x 剪切
ctrl + c 复制
ctrl + alt + a 复制
ctrl + v 粘贴
ctrl + z 撤销
ctrl + y 前进
ctrl+d 选择相同元素的下一个
ctrl+/ 快速添加注释与删除注释

shift + home 从头选中一行
shift + end 从尾部选中一行
shift + alt +⬇ 快速复制一行
shift +alt +a 快速添加注释和删除注释
alt + a 复制
alt+左键 多光标

tab 向后缩进
tab + shift 向前缩进
tab + 输入的 创建标签（单双）

在VS Code里可以进行的操作（功能）

新建文件

请添加图片描述点击该按钮可以新建一个编写的文件

新建文件夹

请添加图片描述点击该按钮可以新建文件夹，点击文件及可以进行文件夹的重命名、删除等操作

商店

请添加图片描述在最左侧的工具栏中有此”商店“选项，可以在此寻觅自己需要的文件，小功能。

搜索

请添加图片描述在最左侧的工具栏有此”搜索“选项，可以在此输入一段字符（中、英…），可以帮助找出出现过该段字符的文件以及内容。

网页调试

可以在编写文件的同时，右键调出运行该文件下的网页。

网页的编写

html初始代码

每个.html文件都有的代码叫做初始代码，要符合html文件的规范写法。

<!DOCTYPE html>                    /*文档声明：告诉浏览器这是个html文件
<html lang="en">                   /*html文件的最外层标签：包裹着所有的html标签代码   lang=”en“表示这是一个英文网站   
	<head>
		<meta charset="UTF-8">     /*元信息：是编写网页中的一些赋值信息  charest=”UTF-8“国际编码，让网页不出现乱码的情况。
		<title>Document</title>    /*设置网页标题
	<head>
	<body>
		                           /*显示网页内容的区域
	</body>
</html>

html注释

写法：

< ! - - 注释内容 - - >

在浏览器中看不到，只能在代码中能看到注释

意义:
1、把暂时不用的代码注释起来，方便以后使用
2、对开发人员进行提示，方便后续人员理解

快捷添加注释与删除注释：
1、ctrl + /（my think is the best）
2、shift + alt + a

html语义化

所谓HTML语义化指的是，根据网页中内容的结构，选择合适的HTML标签进行编写。

好处：
1、在没有CSS的情况下，页面也能呈现出很好的内容结构。
2、有利于SEO，让搜索引擎爬虫（网络机器人）更好的理解网页。
3、方便其他设备解析（如屏幕保护器，盲人阅读器等）。
4、便于团队开发与维护。

标题与段落

标题 —>双标签 ： < h1>< /h1>…< h6>< /h6>

在一个网页中，h1标题最重要（一级标题）并且一个.html文件中只能出现一次h1标签。
h5、h6标签在网页中不经常使用（h6是级别最小的标题，大小接近与正文）。

段落—> 双标签：< p>< /p>

文本修饰标签

强调—>双标签：
< strong> 加粗文本< /strong> 例如： 加粗
< em>斜体文本< em> 例如：斜体

区别：
1、写法和展示效果是有区别的，一个加粗，一个斜体
2、strong的强调性更强，em的强调性稍弱

< sub>（下标） —— < sup>（上标） 例如：H2O —— 52=25
< del>（删除文本）—< ins>（插入文本）例如： 我是搞笑男 —— 我爱学习

注：一般情况下，删除文本都是和插入文本配合使用的。

图片标签

img—>单标签

src：引入图片的地址（有相对地址和绝对地址之分）

相对地址：分为同级，父级，子级（自己瞎编的没有文献支持）
同级可以直接引用
例如：< img src=“./dog.jpg” alt=“”>
父级需要前缀加“.”，再一层一层的输入地址文件
例如< img src=“…/img/animal/dog.ipg” alt=“”>
子级需要再次添加地址
例如< img src=“/img/animal/dog.jpg” alt=“”>

alt：当图片出现问题的时候，可以显示一段友好的提示（如果图片地址损坏或者不存在，会显示破损图片的标签并显示alt里的内容）
title:提示信息
width、height ：改变图片的大小

如果不加width和height，在网速很慢的情况下会出现图片出现之前一个样子，图片加载出以后又一个样子。
如果加了width和height，则不会出现这样的情况，显示的都是排版时的样子

链接标签

a—> 双标签 < a>< /a>
href属性：链接的地址
target属性：可以改变链接打开的方式，默认情况下是当前页面打开。
_self 当前页面打开
_blank 新窗口打开

base—>单标签：作用是改变链接的默认行为
例如< base target=“_blank”>放在< head>…< /head>语句中就可以实现全部链接标签都是先新窗口打开。

跳转锚点

1、“#”加id属性

< a href=“#html”>HTML< /a>
< h2 id=“html”>< /h2>
可以实现在前面点击“HTML”时跳入下面h2的地方

2、“#”加name属性

< a href=“#html”>HTML< /a>
< a name=“html”>< /a>(该语句放在需要跳到的地方)
该语句同样可以实现点击前面的“HTML”时跳到下一语句存放的下一行的位置。

特殊符号

编写一些文本时，经常会遇到输入法无法输入的字符，如®（注册商标），©（版权符）等，还有往一段文字中加入多个空格时，页面并不会解析出多个空格。这些无法输入和空格符都是特殊字符,还有解决<>的冲突，在HTML中，为这些特殊字符准备了专门的代码

空格—————& nbsp;
版权符号©——& copy;
注册商标®——& reg;
小于号<——& lt;
大于号>——& gt;
和号&——& amp;
人民币¥——& yen;
摄氏度°——& deg;

无序列表

< ul>:列表最外层容器
< li>:列表项

注:< ul>< li>必须是组合出现的,他们之间是不能有其他的标间的

<ul>
	<li>第一项</li>
	<li>第二项</li>
</ul>

成品展示

  • 第一项
  • 第二项

前面的"小黑点"是可以通过"type"属性来改变前面标记的样式(后期一般是通过CSS去控制)
可以查询type属性查询栏了解更多关于"小黑点"的"故事"

有序列表

< ol>列表的最外层容器
< li>列表的列表项

<ol>
	<li>第一项</li>
	<li>第二项</li>
	<li>第三项</li>
</ol>

成品展示

  1. 第一项
  2. 第二项
  3. 第三项

注:有序列表列表用的非常少,经常用的是无序列表,无序列表可以去代替有序列表(后期可以通过CSS实现)

有序列表前的各种符号同样可以用"type"属性来改变,详情可通过type属性查询栏来了解更多的"故事"。

定义列表

< dl>：定义列表
< dt>：定义专业术语或名词
< dd>：对名词进行解释和描述

 <dl>
	 <dt>HTML</dt>
	 <dd>超文本标记语言</dd>
	 <dt>CSS</dt>
	 <dd>层叠样式表</dd>
	 <dt>Javascript</dt>
	 <dd>网页脚本语言</dd>
 </dl>

成品展示

HTML
超文本标记语言
CSS
层叠样式表
Javascript
网页脚本语言 
> <ul>
> 		<li>
> 			我是优降宁
> 				<ul>
> 					<li>
> 					我爱py
> 					</li>
> 				</ul>
> 		</li>
> </ul>

成品展示

  • 我是优降宁
    • 我爱py

注：列表之间可以互相嵌套，形成多层级的列表。

表格标签

< table>:表格的最外层容器
< tr>:定义表格行
< th>:定义表头
< td>:定义单元格
< caption>:定义表格标题
语义化标签（没多大效果，主要是规范）：< tHead>头，< tBody>身，< tFood>尾

注：表格标签之间是有嵌套关系的，要符合嵌套规范。

<table>
	<caption>天气之子</caption>
	<tr>
		<th>日期</th>
		<th>天气情况</th>
		<th>出行情况</th>
	</tr>
	<tr>
		<td>2022年1月1日</td>
		<td>晴</td>
		<td>天气晴朗，适合出行<td>
	</tr>
	<tr>
		<td>2022年1月2日</td>
		<td>小雨</td>
		<td>有小雨，出门请带伞<td>
	</tr>
</table>

成品展示
请添加图片描述

表格属性

border ;表格边框
cellpadding：单元格内的空间
cellspacing：单元格之间的空间
rowspan：合并行
colspan：合并列
align：左右对齐方式
valign：上下对齐方式

border(加在< table>之中< table border=“1”>)
请添加图片描述

cellpadding（加在< table>之中< table border=“1” cellpadding=“30”>）
请添加图片描述

cellspaceing(加在< table>之中，< table border=“1” cellpadding=“30” cellspacing=“30”>)
单元格与单元格之间的距离
请添加图片描述

colspan(加在所需合并的几列的< td>标签里< td colspan=“2”>…< /td>)
请添加图片描述

rowspan（）

表单标签

< form>：表单的最外层容器
< input>（单标签）：标签用于收集用户信息，根据不同的type属性值，展示不同的控件，
如输入框、密码框、复选框等。

text ：普通的输入框
password：密码输入框
checkbox：复选框
radio：单选框
file：上传文件
submit：提交按钮
reset：重置按钮
常见属性还有checked，diasabled，name，for

<form>
	<h2>输入框：</h2>
	<input type="text">
	<h2>密码框：</h2>
	<input type="password">
	<h2>复选框：</h2>
	<input type="checkbox">苹果
	<input type="checkbox">香蕉
	<input type="checkbox">葡萄
	<h2>单选框：</h2>
	<input type="radio" name="gender">男/*name值可以随便取，主要是radio之间的分组*/
	<input type="radio" name="gender">女
	<h2></h2>
	<input type="file">
	<h2></h2>
	<input type="submit">
	<input type="reset">
</form>

成品展示：
请添加图片描述

< textarea>:多行文本框
< select>、< option>：下拉菜单

<form>
	<h2>多行文本框</h2>
	<textarea cols="30" rows"10"></textarea>
	<h2>下拉菜单</h2>
	<select>
		<option select disabled>请选择</option>/*disabled是不可选项，selected是当前被选中选项*/
		<option>北京</option>
		<option>上海</option>
		<option>杭州</option>
	</select>
	<select size="3">                         /*显示项数*/
		<option>北京</option>
		<option>上海</option>
		<option>杭州</option>
	</select>
	<select multiple>                         /*多选属性*/
		<option>北京</option>
		<option>上海</option>
		<option>杭州</option>
	</select>	
</form>

成品展示
请添加图片描述

限时制作（仿制）

<form action="">
	<table border="1" cellpadding="30">
		<tBody>
			<tr align="center">
				<td rowspan="4">总体信息</td>
				<td colspan="2">用户注册</td>
			</tr>
			<tr align="right">
				<td>用户名：</td>
				<td><input type="text" placeholder="请输入用户名"></td>
			</tr>
			<tr align="right">
				<td>密码：</td>
				<td><input type="text" placeholder="请输入密码"></td>
			</tr>
			<tr align="center">
				<td colspan="2">
					<input type="submit">
					<input type="reset">
				</td>
			</tr>
		<tBody>
	<table>
</form>

成品展示请添加图片描述
有关form表单标签的内容提交，method属性，默认为Get

Get：在url后面拼接表单数据，比如：“？username=Tom&age=12”
不推荐，不安全加上url的长度是有限制的

Post：在消息体（请求体）中传递的，参数大小无限制。
推荐使用

div与span的“爱恨情仇”

div：做一个区块的划分（图层或者划分领地范围）
span：对文字进行修饰，内联（样式）
div和span都是没有任何默认样式的，需要配合CSS才行

<div style="border:1px gray solid;">
	<h2><a href="#">【千锋教育】<span style="color:red">html5</span>-中国教数万程序员的选择-官方首页</a></h2>
	<a href="#"><img src="http://ss3.baidu.com/-rVXeDTa2gU2pMbgoY3K/u=2492331056,4193866086&fm=202&mola=" alt=""></a>
	<p>优势：三师护航就业薪资：10k-20k培训方式：全程面授培训类型：IT培训
		千峰-致力于互联网应用研发培训，中国程序员认可的培训机构；前锋开设web大前端，java，UI设计，PHP，HR，linuk，大数据，python，物联..</p>
	<a href="#">www.mobiletrain.org 2019-04- 评价 广告</a>
</div>
/*分为上下两个区域块*/
<div>
	<h2><a href="#"><span>html5</span>_零基础如何学<span>Html5</span>_从小白到大神进阶</a></h2>
	<a href="#"><img src="https://ss3.baidu.com/-rVXeDTa2gU2piibgoY3K/it/u=2922130382,676357541&fm=202&mola=new&crop=v1" alt=""></a>
	<p>培训类型：Web前端特色：包吃包住价格：12期免息城市：319个分校
			html5，中公优就业上市公司，免费试学5天，，不合适全额退款，先就业后付款，过万家合作名企，学员与保险公司签订就业保障协议，毕业..</p>
	<a href="#">www.ujiuye.cn 2019-04- 评价 广告</a>
</div>

成品展示：
请添加图片描述

CSS的基础语言

格式：选择器（属性1：值一；属性2，值而…）
（长度） 单位：px—>像素（pixel）、%—>百分比
基本样式：width（宽）、height（高）、background-color（背景色）
CSS注释：/ * 巴拉巴拉 * /

举例：如下

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		div{height:  5%  ;width: 5%   ; background-color: rgb(97, 156, 188) ;}
	</style>
</head>
<body>
	<div>
		big surprise
	</div>
</body>
</html>

成品展示
请添加图片描述

CSS样式引入的方式

1、内联样式
style属性
2、内部样式
style标签（上述例子便是内部样式）

区别：内部样式的代码可以复用、复合W3C的规范标准，进行让结构和样式分开处理

3、外部样式
引入一个单独的CSS文件，name.CSS

通过link标签引入外部资源，rel属性指定资源跟页面的关系，href属性资源的地址。
详情可通过点击link的爱恨情仇来了解

通过@import方式引入外部样式（这种方式有很多问题，强烈不建议使用）

<div style="height: 10% ;width: 5%;background-color: aquamarine;">这玩意叫内联</div>

成品展示
请添加图片描述

CSS中的颜色表示法

1、颜色表示法 ，such as：blue、yellow、red

可以参照CSS单词颜色表示法

2、十六进制表示法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		div {background-color: #ff0000;}         /*"#ff0000"为红色
	</style>
</head>
<body>
	<div >aaaaaa</div>
</body>
</html>

成品展示：
请添加图片描述

3、RGB三原色表示法：
表示法：RGB（255，255，255）；
注：取值范围为0~255

提取颜色的方式：
1、下载提取颜色的软件，点击“颜色提取软件”下载使用（十六进制表示的）

小提示：使用软件的环境是真实的“网络”，存储在电脑中的照片无法提取颜色。

2、PS中的吸管工具同样可以实现颜色的提取（吸管提取之后可以在颜色板中查看）。

CSS背景样式

background-color：背景颜色
background-image：背景图片
background-repeat：背景图片的平铺方式
background-position：背景图片的位置
background-attachment：背景图随滚动条的移动方式

backgrpund-image背景图片
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		div {width: 300px;height: 300px;background-color: aqua;background-image: url(../照片/热搜.png);}
	</style>
</head>
<body>
	<div ></div>                /*划分了一个区域*/
</body>
</html>

成品展示：
请添加图片描述

background-repeat 背景平铺

repeat-x / * x轴平铺 * /
请添加图片描述

repeat-y/ * y轴平铺 * /
请添加图片描述

repeat（x，y） / * 都进行平铺 * /
请添加图片描述

no-repeat /* 都不平铺*/
请添加图片描述

background-position 背景位置

x ，y：number（px、%）|单词
x：left、center、right
y：top、center、bottom

background-attachment：背景图随滚动条移动的方式

scroll：默认值（背景位置是按照当前元素进行偏移的）
fixed（背景位置是按照浏览器进行偏移的）

注：建议进行尝试，言语难以描述清楚，眼睛无法进行实践

CSS边框样式

border-style:边框的样式

solid：实线
dashed：虚线
dotted：点线

border-width：边框的大小
border-color：边框的颜色

注：边框也可以针对莫一条边进行单独设置：border-left-style：中间是方向 left、right、top、bottom

三角形的实现

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		div{width: 0px;height: 0px;     /*空白区域的大小*/
			border-top-color: aqua;
			border-top-style:solid ;
			border-top-width: 30px;
			border-right-color: red;
			border-right-style:solid ;
			border-right-width: 30px;
			border-left-color: black;
			border-left-style:solid ;
			border-left-width: 30px;
			border-bottom-color: green;
			border-bottom-style:solid ;
			border-bottom-width: 30px;

		}
	</style>
	
</head>
<body>
<div></div>

</body>
</html>

成品展示
请添加图片描述

若需要特定的三角形则只需要将不需要的“三角形”的border-color属性值改成“transparent”（透明）即可。

CSS文字样式

font-family

font-family：文字类型

英文字体：Arial，‘Times New Roman’
中文字体：微软雅黑(‘Microsoft YaHei’)，宋体(SimSun)

注：1、英文样式加在中文上是无效的，等价的是中文样式加在英文上是无效的
2、可以在电脑中的“控制面板”–>“字体”中查看电脑所带的字体类型
3、字体引用的引号：当字体名称中带有空格符号则需要加单引号才能使用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		div1{ font-family: 'Times New Roman', Times, serif;}
		div2{font-family: 宋体;}
	</style>
</head>
<body>
	<div1>This is a text ('Times New Roman')</div1>
	<p>This is a text（默认样式）</p>
	<div2> 这是一段文字（宋体）</div2>
	<p>这是一段文字（默认样式）</p>
</body>
</html>

样式对比
请添加图片描述

font-size：

font-size：字体大小，16px为默认大小
写法：number（px）|| 单词
xx-small——最小
x-small——较小
small——小
medium——正常（默认值）
large——大
x-large——较大
xx-large——最大

注：字体的大小一般为偶数

font-weight

font-weight：字体粗细
模式：正常（normal）& 加粗（bold）
写法：单词（normal、bold） | number（100 200 … 900 ）

注：number写法中只显示两种模式，100 ~ 500是normal，600 ~ 900是bold

font-style

font-style：字体样式
模式：正常（normal） 斜体（italic）
写法：单词（normal、italic）

区别：
1、italic 带有倾斜属性的字体才可以设置倾斜操作
2、oblique没有倾斜属性的也可以进行倾斜操作 （oblique范围更广但是用的却很少，因为没有带有斜体属性的字体强加斜体属性"看起来"不规范，不好看——强扭的瓜不甜）

注：oblique也是表示斜体，用的比较少，一般了解即可

color

字体颜色，不多加解释

CSS的段落样式

text-decoration

text-decoration:文本装饰
下划线：underline
上划线：overline
删除线：line-through
不加任何装饰：none

注：可以添加多个文本装饰
写法如下：
< style> div{ text-decoration:underline overline line-through }< /style>(中间用空格隔开，不一定是< div>里加，看需要的是在哪个“区域”)

text-transform

text-transform：文本大小写（只针对英文段落）
小写：lowercase
大写：uppercase
只针对单词首字母大小写：capitalize

text-indent

text-indent：文本缩进
首行缩进，写法text-indent： **px
em单位：相对单位，1em永远都是跟字体大小写相同，无论字体大小怎么变化

text-align

text-align：文本对齐方式

对齐方式：
1、left——左对齐
2、right——右对齐
3、center——居中
4、justify——两端点对齐

line-height

line-height：定义行高
行高的定义：
请添加图片描述

默认行高：不是固定值，而是变化的，根据当前字体的大小在不断地变化着的
取值：1、number（px）| 2、scale（比例值，跟文字大小成比例关系）

字间距

letter-spacing;字之间的间距
word-spacing：词之间的间距（针对英文段落的）

英文和数字不自动折行的问题（当一个英文单词或者数字太长是，系统默认为一个整体，不会自动进行折行操作）：
1、word-break ： break-all；（非常强烈的折行）
2、word-wrap：break-word（不是那么强烈的折行，会产生一些空白区域）

CSS复合样式

一个CSS属性只控制一种样式，叫做单一样式
一个CSS属性控制多种样式，叫做复合样式

复合样式的写法：是通过空格的方式实现的，复合写法有的是不需要关心顺序，例如backgroun、border；有的是需要关心顺序的，例如font
1、background：red url（） repeat 0 0 ；
2、border：1px red solid；
3、font（最少需要有两个值 ，size family）：

weight style size family √
style weight family size √
weight style size/line-height family √
weight和style为一组，size和family是一组

注：尽量不要混写，如果非要混写，那么一定要先写复合样式再写单一样式，这样才不会被覆盖掉

CSS选择器

ID选择器

CSS：#elem{}
Html：id=“elem”
多余的知识，div#“命名值”+tab键，额能够快速生成< div id=“命名值”>< /div>

注：1、在一个页面中，ID值是唯一的，不能够重复出现，出现多次是不符合规范的。
2、命名规范，“字母”“ _ ”“- ”“数字”(命名的第一位不能是数字)。
3命名方式，驼峰式、下划线、短线式。

驼峰写法：searchButton(小驼峰) SearchBotton(大驼峰)searchSmallButton（小驼峰）
短线写法：search-small-button
下划线写法：search_small_button

CLASS选择器

CSS：.elem{}
Html: class=“elem”

注：
1、calss选择器是可以复用的
2、可以添加多个class样式。
3、多个样式的时候，样式的优先级根据CSS决定（在style中定义时的顺序），而不是class属性中的顺序
4、标签+类的写法 （例如p.贝勒贝莱，这样的话只有p标签可以使用“贝勒贝莱”样式）

优降宁
关注
  • 13
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
web前端笔记
11-30
### Web前端笔记知识点详解 #### 一、JavaScript的引入方式及其特性 JavaScript 是 Web 开发中的重要组成部分，用于实现网页的交互性和动态效果。在 Web 前端开发中，有多种方式可以引入 JavaScript 代码。 1. **...
Web前端学习笔记
weixin_66697447的博客
06-03 645
var 对象名={属性名1：属性值1,属性名2：属性值2,属性名3：属性值3,函数名称：function(形参列表){调用格式：对象名.属性名;对象名.函数名();
全网最强JavaWeb笔记 | 万字长文爆肝JavaWeb开发——day13SpringBootWeb AOP
最新发布
qq_45832461的博客
05-09 359
万字长文爆肝黑马程序员2023最新版JavaWeb教程。这套教程打破常规，不再局限于过时的老套JavaWeb技术，而是与时俱进，运用的都是企业中流行的前沿技术。笔者认真跟着这个教程，再一次认真学习一遍JavaWeb教程，温故而知新，对JavaWeb开发也有了更加深入细致的了解。因此笔者做了全网最全面详细的学习笔记，通篇图文并茂，
Web前端开发学习笔记
qq_41622776的博客
02-02 1729
自学笔记，仅供参考
web前端最全笔记
qqyang_的博客
07-14 4318
#第一章 Web基础知识 Web开发基本概念 1、万维网是一个由许多相互链接的超文本组成的系统，通过互联网访问。 2、web：worldwideweb，万维网，简称web，www，通常称为网页。 3、web开发：进行网页页面制作及其阁下你给功能开发。 4、浏览器：显示网页内容，并让用户与这些文件交互 一种软件。（常用：IE、谷歌、火狐） 5、web服务器：提供web服务的计算机。 6、URL（统一资源定位符）：互联网上标准资源的地址，可以从互联网上得到资源的位置和访问方法。 组成...
Web前端JavaScript基础学习笔记
07-25
这个学习笔记是我基于B站视频Mosh的JavaScript基础篇学习记录的一些笔记和代码。 内容不多，也就作为一个大家学习的参考。 免费的笔记，如果你喜欢，请和大家分享这个资源，谢谢。 视频链接：...
Web前端JavaScript面向对象编程
09-27
这个笔记是我在B站根据Mosh的JavaScript面向对象编程教学视频中学习并记录的，里面有我记录的知识点，自己写的代码，还有小部分的截图。大家可以在学习这个内容的时候看一下我的笔记进行参考一下。 视频链接：...
笔记记录分享-笔记记录分享网站-笔记记录分享网站源码-笔记记录分享网站java代码-基于Web的笔记记录分享网站设计与实现-代码
02-01
笔记记录分享-笔记记录分享网站-笔记记录分享网站源码-笔记记录分享网站java代码-笔记记录分享网站设计与实现-基于springboot的笔记记录分享网站-基于Web的笔记记录分享网站设计与实现-笔记记录分享项目-笔记记录...
web-study:WEB前端学习笔记
05-04
综上所述，"web-study:WEB前端学习笔记"涵盖了HTML基础知识、CSS样式控制、JavaScript交互实现、响应式设计、前端框架应用、浏览器兼容性处理、版本控制实践、WebAPIs与AJAX交互、前端构建工具的使用以及移动优先和...
Web前端学习笔记（1）
maxiaoxiaohaohao的博客
10-19 3636
Web前端学习笔记（1）
Web前端学习重点笔记
m0_65484865的博客
05-03 396
项目1描述1描述2项目2域标题
Web前端笔记
weixin_51582215的博客
04-29 477
Web前端笔记
web前端学习笔记2
2301_80480494的博客
12-21 962
​ float 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。选择器 { float: 属性值;为什么需要清除浮动？父级没高度。子盒子浮动了。影响下面布局了，我们就应该清除浮动了。
Web学习笔记（1）
qq_52227393的博客
01-02 2609
目录 Web前端开发概述 Web前端开发相关的概念 Web前端开发相关的技术 HTML5基础 HTML5-文档头部 HTML5-文本控制类标签 HTML5-图像的运用 表格标签-表格基本结构 HTML5-超链接的应用 表格标签—表格高级样式的设置 Web前端开发概述 Web前端开发相关的概念 1.Web系统的组成 Web是Internet上最受欢迎的一种多媒体信息服务系统。整个系统由Web服务器、浏览器和通信协议组成。 2.Web开发 Web开发就是设计实现Web系.
Web前端 笔记 （21-45）
m0_74246969的博客
10-28 1413
Web前端 笔记 （21-45）
前端web开发学习笔记
m0_61689418的博客
11-26 449
ternet上供外界访问的Web资源分为：静态web资源（如html 页面）：指web页面中供人们浏览的数据始终是不变。动态web资源：指web页面中供人们浏览的数据是由程序产生的，不同时间点访问web页面看到的内容各不相同。静态web资源开发技术：HTML、CSS。动态web资源开发技术：JavaScript、JSP/Servlet、ASP、PHP等。在Java中，动态web资源开发技术统称为Java Web。
前端开发常用笔记
qq_42046017的博客
06-21 537
前端开发常用笔记
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

优降宁

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

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

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

打赏作者

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

抵扣说明：

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

余额充值