diff --git "a/\345\220\264\351\221\253\351\270\277/20240904\345\210\227\350\241\250.md" "b/\345\220\264\351\221\253\351\270\277/20240904\345\210\227\350\241\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..cb9758ab1111ddd1786b9708c3eef125cab84c7f --- /dev/null +++ "b/\345\220\264\351\221\253\351\270\277/20240904\345\210\227\350\241\250.md" @@ -0,0 +1,37 @@ +Ctrl+Shift+v：预览 + +![gitee图片演示](./imgs/img01.jpg) + +# 一级标题 + +## 二级标题 + +*斜体* + +**粗体** + +***粗斜体*** + ++、-、*作为无序列表的符号 + +* 无序列表1 + + 又是无序列表1 + + 又是无序列表2 + + 又是无序列表3 + +* 无序列表2 + - 又是无序列表1 + - 又是无序列表2 + - 又是无序列表3 + +* 无序列表3 + * 又是无序列表1 + * 又是无序列表2 + * 又是无序列表3 + +> 我是一段引用 + +| 左对齐 | 居中 | 右对齐 | +| :- | :-: | -: | +| 单元格1 | 单元格2 | 单元格3 | +| 单元格4 | 单元格5 | 单元格6 | \ No newline at end of file diff --git "a/\345\220\264\351\221\253\351\270\277/20240909\345\270\270\350\247\201\346\265\217\350\247\210\345\231\250.md" "b/\345\220\264\351\221\253\351\270\277/20240909\345\270\270\350\247\201\346\265\217\350\247\210\345\231\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..1e960b18ff0eaec34143997f06071621ca5fe13a --- /dev/null +++ "b/\345\220\264\351\221\253\351\270\277/20240909\345\270\270\350\247\201\346\265\217\350\247\210\345\231\250.md" @@ -0,0 +1,53 @@ +1.Web：全球广域网，也称为万维网 Web端就是网页端 +2.网页：网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成 +3.浏览器：浏览器是网页运行的平台，常见的浏览器有谷歌(Chrome)、Safari、火狐(Firefox)、IE、Edge、Opera等 +4.W3C：World Wide Web Consortium：万维网联盟组织，用来制定web标准当机构(组织) +5.Web标准：制作网页要遵循的规范 +(1)结构标准(HTML)：用于对网页元素进行整理和分类 +(2)表现标准(CSS)：用于设置网页元素的板式、颜色、大小等外观样式 +(3)行为标准(JS)：用于定义网页的交互和行为 +6.浏览器当市场占有份额： +![](http://img.smyhvae.com/20200322_1058.png) +7.浏览器当组成：(1)渲染引擎(浏览器内核)：用来解析HTML与CSS，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息 作用：读取网页内容，计算网页的显示方式并显示在页面上 +## 常见浏览器的内核： +|浏览器 | 内核| +|:-------------:|:-------------:| +| chrome | Blink | +| 欧鹏 | Blink | +|360安全浏览器| Blink| +|360极速浏览器| Blink| +|Safari|Webkit| +|Firefox 火狐|Gecko| +|IE| Trident | +(2)JS引擎(JS解释器)：用来解析网页中的JavaScript代码，对其处理后再运行 +## 常见浏览器的JS引擎： +|浏览器 | JS 引擎| +|:-------------:|:-------------| +|chrome / 欧鹏 | V8 | +|Safari|Nitro| +|Firefox 火狐|SpiderMonkey（1.0-3.0）/ TraceMonkey（3.5-3.6）/ JaegerMonkey（4.0-）| +|Opera|Linear A（4.0-6.1）/ Linear B（7.0-9.2）/ Futhark（9.5-10.2）/ Carakan（10.5-）| +|IE|Trident | +8.浏览器工作原理： +(1)User Interface(UI界面)：包括地址栏、前进/后退按钮、书签菜单等 +(2)Browser engine(浏览器引擎)：用来查询和操作渲染引擎。是UI界面和渲染引擎之间的桥梁 +(3)Rendering engine（渲染引擎）：用于解析HTML和CSS，并将解析后的内容显示在浏览器上。 +(4)Networking （网络模块）：用于发送网络请求。 +(5)JavaScript Interpreter（JavaScript解析器）：用于解析和执行 JavaScript 代码。 +(6)UI Backend（UI后端）：用于绘制组合框、弹窗等窗口小组件。 +(7)Data Persistence（数据存储模块）：数据存储 cookie、HTML5中的localStorage、sessionStorage。 +8.HTML概述：(1)概念：**HTML** 全称为HyperText Markup Language，不是一种编程语言，是一种描述性当**标记语言** **作用**：HTML是负责描述文档**语义**的语言 +(2)超文本：从一个文件跳转到另一个文件，与世界各地主机的文件进行连接 +9.HTML的专有名词： +- 网页：有各种标记组成当一个页面 +- 主页(首页)：一个网站的起始页面或者导航页面 +- 标记(标签)：例：`

`为开始标记，`

`为结束标记 +- 元素：标签内的内容称为元素，也叫dom元素，也叫节点 +- 属性：给每一个标签所做当辅助信息 +- XHTML：符合XML语法标准的HTML +- DHTML：javascript + css + html 合起来的页面 +- HTTP：超文本传输协议 +9.html骨架标签分类：(1)``：HTML标签 +(2)``：文档头部，必须设置 +(3)``：文档标题 +(4)``：文档主体 \ No newline at end of file diff --git "a/\345\220\264\351\221\253\351\270\277/20240911\346\240\207\347\255\276.md" "b/\345\220\264\351\221\253\351\270\277/20240911\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..62a80dd5f0f599cf29a5f8b0b1436e2bcee54c4a --- /dev/null +++ "b/\345\220\264\351\221\253\351\270\277/20240911\346\240\207\347\255\276.md" @@ -0,0 +1,63 @@ +## HTML的规范 +- HTML不区分大小写，但HTML的标签名、类名、标签属性、大部分属性值建议统一用小写。 +- HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统) +### 编写XHTML的规范： +（1）所有标记元素都要正确的嵌套，不能交叉嵌套 +（2）所有的标记都必须小写 +（3）所有的标签都必须闭合 +（4）所有的属性值必须加引号 +（5）所有的属性必须有值 +（6）XHTML文档开头必须要有DTD文档类型定义 +### HTML的基本语法特性： +#### (1)HTML对换行不敏感，对tab不敏感 +#### (2)空白折叠现象 +#### (3)标签要严格封闭 +## 标题标签 +标题使用`

`至`

`标签进行定义。`

`定义最大的标题，`

`定义最小的标题。具有align属性，属性值可以是：left、center、right +## 段落标签`

` +**作用**：可以把 HTML 文档分割为若干段落。在网页中如果要把文字有条理地显示出来，离不开段落标签 +## 水平线标签`

` +可以在视觉上将文档分隔成各个部分 +## 换行标签`
` +文本强制换行显示 +## `
`和``标签 +- **div标签**：可以把标签中的内容分割为独立的区块。必须单独占据一行 +- **span标签**：和div的作用一致，但不换行 +div标签的属性： +- `align="属性值"`：设置块儿的位置。属性值可选择：left、right、 center +### div和span的区别： +``是不换行的，而`
`是换行的 +## 内容居中标签 `
` +只要是在这个标签里面的内容，都会居于浏览器的中间 +## 预定义（预格式化）标签`
`
+将保留标签内部所有的空白字符(空格、换行符)，原封不动地输出结果（不要忽略空格和空行）
+## 作业：
+```
+水平线：
+
+
+    

+        

+    

+
+文字居中：
+
+
+    
赤壁赋

+    
宋 苏轼

+    

+    

+        壬戌之秋，七月既望，苏子与客泛舟游于赤壁之下
+    
    
+

+
+```
\ No newline at end of file
diff --git "a/\345\220\264\351\221\253\351\270\277/20240913\346\240\207\347\255\276\345\222\214\345\233\276\347\211\207\346\260\264\345\271\263\345\236\202\347\233\264\345\261\205\344\270\255.md" "b/\345\220\264\351\221\253\351\270\277/20240913\346\240\207\347\255\276\345\222\214\345\233\276\347\211\207\346\260\264\345\271\263\345\236\202\347\233\264\345\261\205\344\270\255.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3406d353921b10d712da55cca62c8927f1cd210b
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/20240913\346\240\207\347\255\276\345\222\214\345\233\276\347\211\207\346\260\264\345\271\263\345\236\202\347\233\264\345\261\205\344\270\255.md"
@@ -0,0 +1,38 @@
+*   空格
+* < ＜ 左尖括号
+* > ＞ 右尖括号
+* © 版权@
+* &trade 商标
+* & 符号&
+* " 双引号
+* &apos 单引号
+* <；u>；标签---下划线
+* <；s>；标签或者<；del>；标签---被划掉的，在css样式中为line-through属性值
+* <；i>；标签或者<；em>；标签---斜体
+* a标签中的target属性的blank值可以全新刷新一次并跳转到新页面
+* 锚链接
+1.内容
+
+2.
+
+图片标签，图片不显示时，展示的文字
+
+## 作业：
+```
+
+    
+    
图片

+    
+```
+
+图片.png
diff --git "a/\345\220\264\351\221\253\351\270\277/20240914\345\210\227\350\241\250\346\240\207\347\255\276.md" "b/\345\220\264\351\221\253\351\270\277/20240914\345\210\227\350\241\250\346\240\207\347\255\276.md"
new file mode 100644
index 0000000000000000000000000000000000000000..4f9a390fd6f6431f58001292ea678f01683ce16a
--- /dev/null
+++ "b/\345\220\264\351\221\253\351\270\277/20240914\345\210\227\350\241\250\346\240\207\347\255\276.md"
@@ -0,0 +1,124 @@
+# 标签:
+ (1)列表标签：`
    `、`
      `、`
      `
+
+ (2)表格标签：``
+
+ (3)框架标签及内嵌框架`