diff --git "a/\346\235\216\345\250\234/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" "b/\346\235\216\345\250\234/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..38e4c41c70c3b4c2847273c2ed15130e9fb19691 --- /dev/null +++ "b/\346\235\216\345\250\234/20240904-git\346\265\201\347\250\213\346\216\214\346\217\241.md" @@ -0,0 +1,29 @@ +# git流程掌握 +![流程图](./imgs/git流程图片.jpg) + +[我是百度](https://www.baidu.com) +## markdown语法普及 +1. #：一级标签 +2. ##：二级标签 +3. 英文的!【】（路径）：显示图片 +4. 英文的【】（网址）：显示超链接 +5. *单星号*：斜体 +6. **双星号**：粗体 +7. ***三星号***：粗斜体 +8. 大于号：引用 + +>你好啊！ + +9. 反引号:代码标签 `h1` +10. 三反引号：多行代码标签 +11. 三反引号＋js：多行代码高亮 +12. 1.＋空格：有序列表 +13. 加号 星号 减号：无序列表 +14. 表格 + +| 左对齐 | 居中 | 右对齐 | +| :- | :-: | -: | +| 单元格1 | 单元格2 | 单元格3 | +| 单元格4 | 单元格5 | 单元格6 | + + diff --git "a/\346\235\216\345\250\234/20240909-\346\265\217\350\247\210\345\231\250\347\232\204\346\270\262\346\237\223\345\274\225\346\223\216.md" "b/\346\235\216\345\250\234/20240909-\346\265\217\350\247\210\345\231\250\347\232\204\346\270\262\346\237\223\345\274\225\346\223\216.md" new file mode 100644 index 0000000000000000000000000000000000000000..952f3805700a38f996ec07b9c42a73ecfbb55972 --- /dev/null +++ "b/\346\235\216\345\250\234/20240909-\346\265\217\350\247\210\345\231\250\347\232\204\346\270\262\346\237\223\345\274\225\346\223\216.md" @@ -0,0 +1,10 @@ +# 浏览器引擎 +| 浏览器 | 渲染引擎 | +| :-:|:-:| +| IE浏览器 | Trident | +| 世界之窗 | Trident | +| Opera | Blink | +| Safar | webkit | +| Firefox火狐浏览器| Gecko | +| Opera（7.0 - 9.60 版本） | Presto | +| Google Chrome | Blink | diff --git "a/\346\235\216\345\250\234/20240909-\350\257\276\345\240\202\347\254\224\350\256\260.md" "b/\346\235\216\345\250\234/20240909-\350\257\276\345\240\202\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..06957f0796194296c0a856460038a3ba1dca097a --- /dev/null +++ "b/\346\235\216\345\250\234/20240909-\350\257\276\345\240\202\347\254\224\350\256\260.md" @@ -0,0 +1,55 @@ +![思维导图](./imgs/20240909190736.jpg) +@startmindmap +* HTML + * vscode + * 扩展工具 + * OmniSharp + * PowerShell 扩展 + * GitLens + * SQL Server (mssql) 扩展 + * Visual Studio Keymap + * Markdown All in One + * 常见用法 + * 代码编辑 + * 版本控制 + * 调试 + * 扩展市场 + * 集成终端 + * 任务运行 + * 代码导航 + * 代码格式化和美化 + * 多光标和选择 + * 集成开发环境（IDE）功能 + * 远程开发 + * 插件开发 + * 浏览器 + * 常见浏览器 + * chrome + * edge + * firefox + * 浏览器的组成 + * 用户界面 + * 渲染引擎 + * JavaScript引擎 + * 网络堆栈 + * UI后端 + * 数据存储 + * 插件 + * 安全功能 + * html概念 + * html标签 + * 文档结构标签 + * 文本和排版标签 + * 链接和导航标签 + * 图片和媒体标签 + * 列表标签 + * 表格标签 + * 表单和输入标签 + * 元数据和脚本标签 + * 其他标签 + + + +@endmindmap + + diff --git "a/\346\235\216\345\250\234/20240911-html\345\237\272\347\241\200\347\254\224\350\256\260.md" "b/\346\235\216\345\250\234/20240911-html\345\237\272\347\241\200\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..d7e77751b0044e730f10fadc6d01589410ec2437 --- /dev/null +++ "b/\346\235\216\345\250\234/20240911-html\345\237\272\347\241\200\347\254\224\350\256\260.md" @@ -0,0 +1,76 @@ +# HTML基础 +## 常用标签 + +`什么是标签？` +用尖括号括起来的代码叫标签 + +`什么是元素？` +由一个起始标签和一个结束标签括起来的代码叫做元素 + +主根元素（顶级元素）：`` + +文档元素：```、、、、 + + + +

山不在高，有仙则名。

+
+

水不在深，有龙则灵。

+ + + +``` \ No newline at end of file diff --git "a/\346\235\216\345\250\234/20240913-\345\255\227\344\275\223\346\240\207\347\255\276\345\222\214\350\266\205\351\223\276\346\216\245\347\254\224\350\256\260.md" "b/\346\235\216\345\250\234/20240913-\345\255\227\344\275\223\346\240\207\347\255\276\345\222\214\350\266\205\351\223\276\346\216\245\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..606877a8b3e00db373c755ed5597650f3e7dc2a5 --- /dev/null +++ "b/\346\235\216\345\250\234/20240913-\345\255\227\344\275\223\346\240\207\347\255\276\345\222\214\350\266\205\351\223\276\346\216\245\347\254\224\350\256\260.md" @@ -0,0 +1,52 @@ +### 字体标签 + ``、 ``、 `` 、`` 、`` + ### 超链接 +超链接有三种形式，下面分别讲讲。 + +### 1、外部链接：链接到外部文件 +`` +### 2、锚链接:给超链接起一个名字，作用是**在本页面或者其他页面的的不同位置进行跳转**。 +`` +### 3、邮件链接 +`` + +## img标签 +`` +这里涉及到图片的一个属性： + +- `src`属性：指图片的路径。英文名称 source。 +在写**图片的路径**时，有两种写法：相对路径、绝对路径 +## 图床作业 +1. 效果如下： +![20240913133054](http://sjos862wn.hn-bkt.clouddn.com/20240913133054.png) +## 图片居中作业 +1. 效果如下： +![](./imgs/屏幕截图%202024-09-19%20112424.png) +2. 主要代码： +```html + + + +
+ +
+ + +``` diff --git "a/\346\235\216\345\250\234/20240914-\345\233\276\346\226\207\350\257\246\350\247\243\347\254\224\350\256\260.md" "b/\346\235\216\345\250\234/20240914-\345\233\276\346\226\207\350\257\246\350\247\243\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..b49d778600ad1547f13aac6396e34553d9954444 --- /dev/null +++ "b/\346\235\216\345\250\234/20240914-\345\233\276\346\226\207\350\257\246\350\247\243\347\254\224\350\256\260.md" @@ -0,0 +1,220 @@ +## 列表标签 +1. 有序列表：列表项目使用数字进行标记；有序列表始于 `
    ` 标签。每个列表项始于 `
  1. ` 标签。 +```html +
      +
    1. Coffee
      2. +
    2. Milk
      3. +
    +``` +**属性：** + - `type="属性值"`。属性值可以是：1(阿拉伯数字，默认)、a、A、i、I。结合`start`属性表示`从几开始`。 + +2. 无序列表：使用粗体圆点（典型的小黑圆圈）进行标记;无序列表始于 `
      ` 标签。每个列表项始于 `
    • `。 +```html +
        +
      • Coffee
        • +
      • Milk
        • +
      +``` +**属性：** + + - `type="属性值"`。属性值可以选： `disc`(实心原点，默认)，`square`(实心方点)，`circle`(空心圆)。 + + ***css 属性***： +```css +list-style-position: inside /* 给 ul 设置这个属性后，将小圆点包含在 li 元素的内部 */ +``` +3. 定义列表： 定义列表的作用非常大。 + +- `
      `英文单词：definition list，没有属性。dl的子元素只能是dt和dd。 + + - `
      `：definition title 列表的标题，这个标签是必须的 + - `
      `：definition description 列表的列表项，如果不需要它，可以不加 + +备注：dt、dd只能在dl里面；dl里面只能有dt、dd。 +## 表格标签 +### ``标签 +1. 定义：一个 HTML 表格由一个 `
      ` 元素和一个或多个 ``、`` 元素 定义表格行 +- `` +- `` +- `` +2. 作用： +* 显示数据：最常见的用途就是以表格的形式展示数据 +* 创建表单：表格可以用于创建网页表单，通过在表格单元格中放置表单控件（如文本框、复选框、下拉菜单等），用户可以方便的输入数据。 +### 表格属性 +1. 边框属性： +![20240914151139](http://sjos862wn.hn-bkt.clouddn.com/20240914151139.png) +2. 表格宽高属性：width、height +3. 跨行/跨列： +- `rowspan`表示纵向跨度，用于指定一个单元格要横跨的行数。 +```html + + + ``` +- `colspan`表示横向跨度，用于指定一个单元格要横跨的列数。 +```html + + +``` +### 表格的``标签、``标签、``标签 +这三个标签有与没有的区别： + +1、如果写了，那么这三个部分的代码顺序可以任意，浏览器显示的时候还是按照thead、tbody、tfoot的顺序依次来显示内容。如果不写thead、tbody、tfoot，那么浏览器解析并显示表格内容的时候是从按照代码的从上到下的顺序来显示。 +2、当表格非常大内容非常多的时候，如果用thead、tbody、tfoot标签的话，那么数据可以边获取边显示。如果不写，则必须等表格的内容全部从服务器获取完成才能显示出来。 +## 内嵌框架 + +内嵌框架用`
      ` 和 `` 元素组成： +- `
      ` 元素 定义表格标题 +- `` 元素 定义表格单元格 +- `
      ` 定义表格的标题 + +**HTML表格还可以包含一下元素：** +- `` +- `` +- `
      姓名地址