HTML学习课堂笔记

最新推荐文章于 2022-05-07 16:32:50 发布
最新推荐文章于 2022-05-07 16:32:50 发布
阅读量228 收藏 1
点赞数
分类专栏： 笔记 学习 HTML 文章标签： html java html5 js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h_jQuery/article/details/114880893
版权
学习 同时被 3 个专栏收录
67 篇文章 0 订阅
订阅专栏
笔记
49 篇文章 0 订阅
订阅专栏
HTML
16 篇文章 0 订阅
订阅专栏

前端的组成

HTML+CSS+JS

H5:HTML5+CSS3+JavaScript+API

组件就是自定义标签

浏览器对于一些不认识的标签，直接忽略，不进行任何的样式渲染

每个页面只有一个h1标签（权重最高）

//简介描述 //关键词

通常在大段文字段落的时候才使用

标签进行定义

换行标签：

超链接标签：;

跨页面：

可以实现跨页面跳转，本质上来说是从当前的HTML文件中打开另一个HTML文件；

实际在href中填写的url应该携带协议名http:或htttps:

如果没有协议名，就按照相对路径来寻找

本页面跳转：

1
2
3
4
5

	<h4><a href="" name="c1">第一章</a></h4>

发起操作

a标签还可以发起邮件操作，可以也可以打电话

打电话给快递员的操作

图片标签(多媒体标签)：

使用网络路径的图片：

使用本地的图片：

使用无数据的图片：使用相对路径

使用有数据的，没有图片的，使用网络路径

没有使用绝对路径的写法

列表标签的使用根据具体的内容来定

没有样式的标签：div、span本身没有任何样式的渲染

块级标签：可以设置宽高，独占一行,可以放任意元素

内联标签：不可以设置宽高，可以写在文字中间，原则上不可放块元素

块元素通常用来进行页面布局，内联元素通常用来进行局部修饰

表单：

作用：提供给用户进行交互的

用户用来填写信息给服务器端，服务器端用来收集用户信息的。

由用户来填写提交给服务器

数据提交的目的：服务器的IP地址，处文件信息的路径

提交的方式：get\post

get：以地址栏的形式来提交

post:以文件的形式来提交

对于密码来说：两种方式都不保密，都不安全；

!DOCTYPE html：以下文档以HTML5的方式来解析

若是没有href属性，就不是a标签

码来说：两种方式都不保密，都不安全；**

!DOCTYPE html：以下文档以HTML5的方式来解析

若是没有href属性，就不是a标签

h_jQuery
关注
专栏目录
HTML课堂笔记.pdf
11-29
HTML基础知识点综述 HTML（HyperText Markup Language）是用于创建网页的标准标记语言。...HTML 是一个功能强大且灵活的标记语言，通过学习和掌握 HTML 的基础知识点，我们可以创建出更加美观、实用的网页。
html课堂笔记
11-09
HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。它构成了互联网上大部分页面的基础，让开发者...这份“html课堂笔记”将帮助初学者快速理解并应用这些概念，为深入学习前端开发打下坚实基础。
HTML5课堂学习笔记(颜色码).pdf
最新发布
11-28
HTML5课堂学习笔记(颜色码).pdf
html学习笔记
07-24
这个“html学习笔记”涵盖了HTML5的基础概念、新特性和实际应用，旨在帮助初级学习者快速入门并掌握这一核心技术。 在HTML5中，许多旧的元素被废弃，同时引入了许多新的元素，这些元素的设计更具有语义化，使得网页...
jsp学习笔记
10-16
### JSP 学习笔记 #### 一、Servlet 开发弊端及 JSP 概念介绍 ##### Servlet 开发弊端分析 - **开发繁琐**: 必须继承 `HttpServlet` 抽象类，并重写 `service` 方法。 - **编译需求**: 修改任何代码都需要重新编译...
javascript——数组、数组遍历、forEach、增加删除元素
h_jQuery的博客
08-10 2312
数组(Array) 数组也是一个对象，它和普通对象的功能类似，也是用来存储数据的；不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素的 对象中是用属性，数组中用索引 索引：数组的索引是从0开始的整数，数组的存储性能比普通对象更好，在开发中我们经常使用数组来存储一些数据 <script> // 创建数组对象 var arr = new Array(); // 使用typeof检查数组时，会返回object /
javascript——事件防抖、节流处理
h_jQuery的博客
08-05 2018
防抖 在规定时间内，多次触发一个事件，事件内会执行一个函数。 应用场景：输入框内搜索，输入关键词就会触发搜索事件函数，一直输入一直触发。用防抖，防止连续发送请求，在规定的时间内（如2000ms内），只会触发一次搜索事件，以规定时间内的最后一次触发为准。 按钮多次点击提交，频繁触发提交事件。利用防抖，防止多次提交，在规定时间内，只处理最后一次的提交事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset
vue项目创建——vue2/vue3
h_jQuery的博客
04-07 1635
创建项目，vue2，vue3，vite
ES6——数组数据去重
h_jQuery的博客
04-26 937
var array = [20, 10, 10, 10, 15, 19, 30, 7, 7, 7, 19, 25, 31, 31]; var newArray = array.filter((v, i, self) => { return self.indexOf(v) === i; }) console.log(newArray); 说明： (v, i, self):当前比较的值(v)，索引(i),原数组(self)； self.indexOf(v) === i:比较的值(v)第一次在原数组(sel
HTML零基础入门学习笔记提供网盘
h_jQuery的博客
01-29 934
HTML学习笔记 百度网盘链接：https://pan.baidu.com/s/1__O4dIxmKMIXPsx5OKb8aw 提取码：fmbv HYML(可在W3School查阅文档) 加粗：< /strong >or 倾斜：or 删除线：or 下划线：or 注释：<!—注释内容–> 快捷键Ctrl+/ Tab键：自动生成 分割线（水平线） 自动换行   空格 < <号 &g
Java入门学习第十七天——字节流读写文件、字节缓冲流拷贝文件
h_jQuery的博客
03-05 915
字节流读写文件 字节流拷贝文件—按单个字节读写 FileInputStream:普通的字节输入流，用来读取数据的 构造方法： ​ public FileInputStream(String pathname); 成员方法： ​ public int read(); 单个：一次读取一个字节，并返回读取到的内容，读不到返回-1 数组：一次读取一个字节数组，将读取到的内容存入到数组中，并返回读取到的有效字节数，读不到则返回-1 FileOutputStream:普通的字节输出流，用来写数据 构造方法： ​ pub
Java学习第十六天——字符流读写文件、字符缓冲流拷贝文件
h_jQuery的博客
03-04 796
字符流读写文件 字符流读数据—按单个字符读取 创建字符流读文件对象： ​ Reader reader = new FileReader(“readme.txt”); 调用方法读取数据： ​ int data = reader.read(); 只读取一个字符，返回该字符代表的整数（ASCII码），若到达流的末尾，返回-1； 异常处理(两种异常处理方式都可用)： throws IOException 关闭资源： reader.close(); 需要自己另外创建相关的文件夹即文件 package io.dem
伸缩盒（Flexble Box）——flex-grow
h_jQuery的博客
03-22 786
伸缩盒（Flexble Box）——flex-grow flex-grow：扩展比率 flex-grow也是写在子元素里面的， flex-grow和flex-shrink的区别： flex-grow是用剩余的容器空间来平均分的 flex-shrink是将全部的容器空间，平均之后，再按照一定的比率分，有些子元素盒子没有设置flex-shrink属性，就默认其占一份 <!DOCTYPE html> <html> <head> <meta charset="utf-
TCP协议——三次握手
h_jQuery的博客
05-07 758
TCP是什么？ TCP（Transmission Control Protocol，传输控制协议）是一个面向连接的、可靠的、基于字节流的传输层协议，是面向客户端和服务器端连接的通讯协议。TCP 的三个特点：面向连接、可靠性和面向字节流。 客户端的状态：CLOSED、SYN-SENT、ESTABLISHED 服务器端的状态：CLOSED、LISTEN、SYN-RCVD、ESTABLISHED SYN（Synchronize Sequence Numbers），同步序列编号； ACK（Acknowledge
javaScript案例——二级联动、三级联动、省市区三级联动
h_jQuery的博客
04-06 717
二级联动： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/联动.js" type="text/javascript" charset="utf-8"></script> </head> <body> <select name="" id
Vue-undefined报错：“TypeError: Cannot read property ‘name‘ of undefined“
h_jQuery的博客
05-18 684
控制台报错： Error in render: “TypeError: Cannot read property ‘name’ of undefined” Error in mounted hook: “TypeError: Cannot read property ‘getAttribute’ of undefined” vue的初始化顺序， 计算属性(computed)在data的后面。 console.log(his.allData)结果为空 因为初始化的时候，allData是空数组，那么th..
JavaScript学习第二天——BOM、DOM、JS的组成、JavaScript
h_jQuery的博客
03-08 642
JavaScript初识导读 1.初识JavaScript 1.1 JavaScript历史 网景公司初命名为LiveScript—>与sun公司合作后，改为JavaScript. 1.2 JavaScript是什么 JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思） 脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行 现在也可以基于Node.js技术进行服务器端编程 1.3 JavaScript的作用 1.表单动态效验（密
JavaScript学习第一天——计算机基础导学（编程语言、计算机基础）
h_jQuery的博客
03-08 550
计算机基础导学 编程语言 1.编程 **编程：**就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程 **计算机程序：**就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过向计算机发出命令。 从事编程的人员，就是程序员 **注意：**上面所定义的计算机指的是任何能够执行代码的设备，可能就是智能手机、ATM机，黑莓PI、服务器等等 2.计算机语言 计算机语言指用于人与计算机之间通讯的语言，它是人鱼计算机之间传递信息的媒介
js单线程如何实现异步？
h_jQuery的博客
04-07 536
js在浏览器中执行过程 同步-异步 同步：会逐行执行代码，前面代码执行完毕后再执行后面的代码，因此会对后续代码造成阻塞（js的单线程跟同步差不多）。 异步：调用之后先不管结果，先放入文物队列，然后再继续向下执行任务。(将任务添加到任务队列，进行等待，等执行栈清空后再执行任务队列内的任务) 异步任务分为宏任务和微任务，微任务优先于宏任务 主任务（执行栈）——微任务——宏任务 浏览器是js的宿主环境之一，但浏览器是多线程的 GUI渲染线程 JS引擎线程 事件触发线程 定时触发器线程 异步http请求线程
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值