diff --git "a/\350\214\203\344\275\263\346\254\243/20240904markdown\350\257\255\346\263\225.md" "b/\350\214\203\344\275\263\346\254\243/20240904markdown\350\257\255\346\263\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..396824c2627da2dad743522680e242963c20cc93 --- /dev/null +++ "b/\350\214\203\344\275\263\346\254\243/20240904markdown\350\257\255\346\263\225.md" @@ -0,0 +1,33 @@ +# 今天天气比较低沉 +## markdown语法： +### 图片展示 +![嘿嘿嘿](./学习.JPG) + 标题： + 一级标题：# 类似于：

+ 二级标题：##

+ 标签网址： + a标签： 类似于：[XXX](网址) + 斜体：*斜体* 类似于： + 粗体：**粗体** 斜粗体：***斜粗体*** + >引用：>内容 + 返引号：` eg:`内容`;一段内容：(高亮) + ```js + console.log('嘿嘿') + 有序列表：1. 列表 + 1. 列表 + A. 1列表 + 2. 2列表 + 3. 3列表 + 4. 4列表 +2. 列表 +3. 列表 +无序列表:+,-,* +表格： +| 左对齐 | 居中 | 右对齐 | +| :- | :-: | -: | +| 单元格1 | 单元格2 | 单元格3 | +| 单元格4 | 单元格5 | 单元格6 | + + + + diff --git "a/\350\214\203\344\275\263\346\254\243/20240909HTML\350\257\246\350\247\243.md" "b/\350\214\203\344\275\263\346\254\243/20240909HTML\350\257\246\350\247\243.md" new file mode 100644 index 0000000000000000000000000000000000000000..bfbdb73acff376543b1cb960a3c05d99d76376ff --- /dev/null +++ "b/\350\214\203\344\275\263\346\254\243/20240909HTML\350\257\246\350\247\243.md" @@ -0,0 +1,32 @@ +# HTML （HyperText Markup Language）超文本标记语言 +## HTML的概念：HTML 不是一种编程语言，是一种描述性的标记语言。 +作用：HTML是负责描述文档语义的语言。 +超文本含义： +1、超出了文本的限制，有图片、视频等 +2、超级链接文本 +HTML格式的文件是一个纯本文文件（txt文件改名而成），用一些标签来描述语义，这些标签在浏览器页面上是无法直观看到的，所以称之为“超文本标记语言”。 +例如：

标签的作用：给文本增加主标题的语义 + +## html专有名词 +1、网页 ：由各种标记组成的一个页面就叫网页。 +2、主页(首页) : 一个网站的起始页面或者导航页面。 +3、标记： 比如

称为开始标记 ，

称为结束标记，也叫标签。每个标签都规定好了特殊的含义。 +4、元素：比如

内容

称为元素，也叫dom元素，也叫节点. +5、属性：给每一个标签所做的辅助信息。 XHTML：符合XML语法标准的HTML。 +DHTML +HTTP：超文本传输协议、SMTP：邮件传输协议、FTP：文件传输协议。 + +## s新建HTML文件 +1、打开VSCOde的，新建一个文件，名叫test.html，文件名是test，后缀名是html +2、在页面中 ，输入html:5，然后按一下键盘上的Tab键 或者感叹号加回车键 + + + + + + + Document + + + + diff --git "a/\350\214\203\344\275\263\346\254\243/20240913\345\255\227\344\275\223\346\240\207\347\255\276.md" "b/\350\214\203\344\275\263\346\254\243/20240913\345\255\227\344\275\223\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..277c3d07dc9f1735d6ee2df1cae3a91c962a0e64 --- /dev/null +++ "b/\350\214\203\344\275\263\346\254\243/20240913\345\255\227\344\275\223\346\240\207\347\255\276.md" @@ -0,0 +1,52 @@ +# HTML的字体标签和超链接 +## 字体标签 + 常见的字体标签有：,,,, + **特殊字符**： +  ：空格; + <:小于号; + >:大于号 + &：符号`&` + "：双引号 + '：单引号 + ©：版权`©` + ™：商标`™` + ## 冷知识 ： + ೪XX：是mysql数据库默认的端口号； + ഽXX:是window系统远程桌面端口号； + ᔸXX：postgreSQL数据端口号； + 下划线：;中划线：或者; 斜体废弃，在此不再使用 + !(特殊字符)[./特殊字符.jpeg] + 字体标签``（已废弃） + ## 上标和下标 + ### 上标： + O2 53 + ## 超链接 + 其中有两种方式进入 + 点击进入另外一个文件这是进入文件内部 + 点我点我这个椒进入外部文件; + + ## 锚链接 + > **锚链接**：给超链接起一个名字，作用> 是**在本页面或者其他页面的的不同位置?> 进行跳转**。比如说，在网页底部有一个> 向上箭头，点击箭头后回到顶部，这个就> 可以利用锚链接。 + ## 邮件链接 + 点击进入我的邮箱; +超链接的属性: +href：目标URL +title：悬停文本。 +`title`属性举例： +结婚照; +name：主要用于设置一个锚点的名称。 +target：告诉浏览器用什么方式来打开目标页面。`target`属性有以下几个值： +target属性举例： +链接的内容 +self：在同一个网页中显示（默认值） +blank：**在新的窗口中打开**。 +blank就是“空白”的意思，就表示新建一个空白窗口。为啥有一个_ ，就是规定，无需解释。 +parent：在父窗口中显示 +top：在顶级窗口中 +*备注1：分清楚img和a标签的各自的属性 +区别如下： + + +*备注2：a是一个文本级的标签 +是p包含a，而不是a包含b +a的语义要小于p，a就是可以当做文本来处理，所以p里面相当于放的就是纯文字。 \ No newline at end of file diff --git "a/\350\214\203\344\275\263\346\254\243/20240914\345\210\227\350\241\250\350\241\250\346\240\274.md" "b/\350\214\203\344\275\263\346\254\243/20240914\345\210\227\350\241\250\350\241\250\346\240\274.md" new file mode 100644 index 0000000000000000000000000000000000000000..9082663b9930506144684b2c5ef8fe1c66c23274 --- /dev/null +++ "b/\350\214\203\344\275\263\346\254\243/20240914\345\210\227\350\241\250\350\241\250\346\240\274.md" @@ -0,0 +1,66 @@ +# 了解列表标签和表格标签 +## 列表标签： + 列表标签分为：无序标签
    和有序标签
      ，和一个不常用的
      列表 + 当中无序列表中的每一项是
    1. ：是列表项的意思；**并且可以包含
        最多出现三次 + ***声明：ul的儿子，只能是li。但是li是一个容器级标签，**li里面什么都能放，甚至可以再放一个ul***。 + ***列表之间可以出现嵌套*** + eg: + ### 无序列表 + ```html +
          +
        • 嘿嘿嘿
          • +
        • 哈哈哈
          • +
        • 嘎嘎嘎
          • +
        +``` +### 属性： + type="属性值"`。属性值可以选： disc(实心原点，默认)，square(实心方点)，circle(空心圆)。 +效果如下： +> 注意： +> ①.li**不能**单独存在，必须包裹在ul里面；反过来说，***ul的“儿子”不能是别的东西，只能有li***。 +> ②.我们这里再次强调，ul的作用，并不是给文字增加小圆点的，而是**增加无序列表的“语义”**的。 +### 有序列表 +eg： +```html +
          +
        1. 笑飞
          2. +
        2. 嘿嘿
          3. +
        3. 爽了
          4. +
        +``` +> 和无序列表一样，有序列表也是可以嵌套 +### 属性： + - `type="属性值"`。属性值可以是：1(阿拉伯数字，默认)、a、A、i、I。结合`start`属性表示`从几开始`。 + ## 3、定义列表`
        ` + +> 定义列表的作用非常大。 + +
        英文单词：definition list，没有属性。dl的子元素只能是dt和dd。 + +
        ：definition title 列表的标题，这个标签是必须的 +
        ：definition description 列表的列表项，如果不需要它，可以不加 + + ## 表格标签 + ***表格标签***： +一个表格`
        `是由每行``组成的，每行是由每个单元格`,
        `组成的。 +所以我们要记住，一个表格是由行组成的（行是由列组成的） +相关标签：,
        +### **``的属性：** + `border`：边框。像素为单位。 + `style="border-collapse:collapse;"`：单元格的线和表格的边框线合并（表格的两边框合并为一条） +`width`：宽度。px像素为单位。 +`height`：高度。px像素为单位。 + `bordercolor`：表格的边框颜色。 + `align`：**表格**的水平对齐方式。属性值可以填：left right center。 +注意：这里不是设置表格里内容的对齐方式，如果想设置内容的对齐方式，要对单元格标签`
        `进行设置） + `cellpadding`：单元格内容到边的距离，像素为单位。默认情况下，文字是紧挨着左边那条线的，即默认情况下的值为0。 +注意不是单元格内容到四条边的距离哈，而是到一条边的距离，默认是与左边那条线的距离。如果设置属性`dir="rtl"`，那就指的是内容到右边那条线的距离。 + - `cellspacing`：单元格和单元格之间的距离（外边距），像素为单位。默认情况下的值为0 + - `bgcolor="#99cc66"`：表格的背景颜色。 + - `background="路径src/..."`：背景图片。 +背景图片的优先级大于背景颜色。 + - `bordercolorlight`：表格的上、左边框，以及单元格的右、下边框的颜色 + - `bordercolordark`：表格的右、下边框，以及单元格的上、左的边框的颜色 +这两个属性的目的是为了设置3D的效果。 + - `dir`：公有属性，单元格内容的排列方式(direction)。 可以 取值：`ltr`：从左到右（left to right，默认），`rtl`：从右到左（right to left） +既然说`dir`是共有属性，如果把这个属性放在任意标签中，那表明这个标签的位置可能会从右开始排列 \ No newline at end of file diff --git "a/\350\214\203\344\275\263\346\254\243/20240914\345\233\275\345\206\205\345\244\226\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216.md" "b/\350\214\203\344\275\263\346\254\243/20240914\345\233\275\345\206\205\345\244\226\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216.md" new file mode 100644 index 0000000000000000000000000000000000000000..5331f753d3819eb73d100a0c080eb721d7206625 --- /dev/null +++ "b/\350\214\203\344\275\263\346\254\243/20240914\345\233\275\345\206\205\345\244\226\346\265\217\350\247\210\345\231\250\345\274\225\346\223\216.md" @@ -0,0 +1,22 @@ +# ***国内外浏览器引擎*** +## 浏览器引擎分为两个部分：**渲染引擎** 和**js引擎 ** + ### ***国外浏览器引擎***： +五大国外引擎都是`单内核` +|浏览器 | 渲染引擎（浏览器内核） | js引擎 | +|----------|----------|----------| +| Safari | ***WebKit*** | JavaSciptCore｜ +| Chrome谷歌| ***Blink*** | V8 | +|firefox火狐 | ***SpideMonkey*** | RpideMonke| +| IE| Trident| Chakra| +| Opera | ***原Presto，现为Blink***| Carakan | + + +### ***国内浏览器引擎***： +像 qq浏览器或者360浏览器都是`双内核` +|浏览器 | 渲染引擎（浏览器内核） | js引擎 | +|----------|----------|----------| +| 360浏览器 | ***IE+Chrome双内核*** | Chakra | +| 搜狗，遨游，qq浏览器 | ***Trident（兼容模式）+Webkit（高速模式）**| JavaSciptCore 或者 Chakra | +|百度浏览器，世界之窗| ***IE内核***| Chakra| +|2345浏览器| 以前是IE内核，现在是 ***IE+Chrome*** | V8| +> Chrome内核模式下，则会使用V8引擎 \ No newline at end of file diff --git "a/\350\214\203\344\275\263\346\254\243/20240914\345\233\276\345\272\212.md" "b/\350\214\203\344\275\263\346\254\243/20240914\345\233\276\345\272\212.md" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/\350\214\203\344\275\263\346\254\243/20240914\346\213\223\345\261\225.md" "b/\350\214\203\344\275\263\346\254\243/20240914\346\213\223\345\261\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..03716bcb1bf0f4283d104c418dbc9e5958de92d8 --- /dev/null +++ "b/\350\214\203\344\275\263\346\254\243/20240914\346\213\223\345\261\225.md" @@ -0,0 +1,20 @@ +# 了解一些 +1.git log---查看有几个版本 +2.git reset --hard (哈希值前4位)---回到某一个版本 +3.git push -f---强制推送 +# 了解html +> 有标记元素都要正确的嵌套，不能交叉嵌套 +所有的标记都必须小写。 +所有的标签都必须闭合。 + TML标签通常是成对出现的（**双边标记**），比如 `
        ` 和 `
        `；也有少部分单标签（**单边标记**），如：`
        `、`
        `和``等。 +## html骨架标签分类 +| 标签名 | 定义 | 说明 | +| ---------------- | :----: | :----------------------------- | +| `` | HTML标签 | 页面中最大的标签，我们成为根标签 | +| `` | 文档的头部 | 注意在head标签中我们必须要设置的标签是title | +| `` | 文档的标题 | 让页面拥有一个属于自己的网页标题 | +| `` | 文档的主体 | 元素包含文档的所有内容，页面内容 基本都是放到body里面的 | +##　html的规范 +双标签：`` + +单标签：`
        ` 建议写成 `
        ` `
        ` 建议转成 `
        `，还有`` diff --git "a/\350\214\203\344\275\263\346\254\243/20240918\346\240\207\347\255\276\345\233\276\346\226\207.md" "b/\350\214\203\344\275\263\346\254\243/20240918\346\240\207\347\255\276\345\233\276\346\226\207.md" new file mode 100644 index 0000000000000000000000000000000000000000..e0c8d647857e64c0d6e256e02f674359e37471df --- /dev/null +++ "b/\350\214\203\344\275\263\346\254\243/20240918\346\240\207\347\255\276\345\233\276\346\226\207.md" @@ -0,0 +1,83 @@ +# HTML标签图文详细了解 + 标准的div+css页面中，只会用到种类很少的标签 + ```**div；p；h1；span；a；img；ul；ol；dl；input**``` +## 表单标签 +### 定义： +表单标签用
        表示，用于与服务器的交互。表单就是收集用户信息的，就是让用户填写的、选择的。 +### 属性： + ``` name：表单的名称； + id：表单的名称； + action：指定表单数据的处理系统； + method:表单数据的提交方式； + 表单和表格嵌套时，是在``标记中套``标记。 + ***先再
        *** +form标签里面的action属性和method属性，在后续的 ajax文章上再讲。这里简单说一下：action属性就是表示，表单将提交到哪里。 method属性表示用什么HTTP方法提交，有get、post两种。 +``` +## 输入标签（文本框） + 用于接收用户输入 + ` eg： `- - + - `password`：密码类型 + - `radio`：单选按钮，名字相同的按钮作为一组进行单选（单选按钮，天生是不能互斥的，如果想互斥，必须要有相同的name属性。name就是“名字”。 + ）。非常像以前的收音机，按下去一个按钮，其他的就抬起来了。所以叫做radio。 + - `checkbox`：多选按钮，**name 属性值相同的按钮**作为一组进行选择。 + - `checked`：将单选按钮或多选按钮默认处于选中状态。当``标签设置为`type="radio"`或者`type=checkbox`时，可以用这个属性。属性值也是checked，可以省略。 + - `hidden`：隐藏框，在表单中包含不希望用户看见的信息 + - `button`：普通按钮，结合js代码进行使用。 + - `submit`：提交按钮，传送当前表单的数据给服务器或其他程序处理。这个按钮不需要写value自动就会有“提交”文字。这个按钮真的有提交功能。点击按钮后，这个表单就会被提交到form标签的action属性中指定的那个页面中去。 + - `reset`：重置按钮，清空当前表单的内容，并设置为最初的默认值 + - `image`：图片按钮，和提交按钮的功能完全一致，只不过图片按钮可以显示图片。 + - `file`：文件选择框。 + 提示：如果要限制上传文件的类型，需要配合JS来实现验证。对上传文件的安全检查：一是扩展名的检查，二是文件数据内容的检查。 + + - **`value="内容"`**：文本框里的默认内容（已经被填好了的） + + - `size="50"`：表示文本框内可以显示**五十个字符**。一个英文或一个中文都算一个字符。 + 注意**size属性值的单位不是像素哦**。 + + - `readonly`：文本框只读，不能编辑。因为它的属性值也是readonly，所以属性值可以不写。 + 用了这个属性之后，在google浏览器中，光标点不进去；在IE浏览器中，光标可以点进去，但是文字不能编辑。 + + - `disabled`：文本框只读，不能编辑，光标点不进去。属性值可以不写。 +### 属性： +- - + - `password`：密码类型 + - `radio`：单选按钮，名字相同的按钮作为一组进行单选（单选按钮，天生是不能互斥的，如果想互斥，必须要有相同的name属性。name就是“名字”。 + ）。非常像以前的收音机，按下去一个按钮，其他的就抬起来了。所以叫做radio。 + - `checkbox`：多选按钮，**name 属性值相同的按钮**作为一组进行选择。 + - `checked`：将单选按钮或多选按钮默认处于选中状态。当``标签设置为`type="radio"`或者`type=checkbox`时，可以用这个属性。属性值也是checked，可以省略。 + - `hidden`：隐藏框，在表单中包含不希望用户看见的信息 + - `button`：普通按钮，结合js代码进行使用。 + - `submit`：提交按钮，传送当前表单的数据给服务器或其他程序处理。这个按钮不需要写value自动就会有“提交”文字。这个按钮真的有提交功能。点击按钮后，这个表单就会被提交到form标签的action属性中指定的那个页面中去。 + - `reset`：重置按钮，清空当前表单的内容，并设置为最初的默认值 + - `image`：图片按钮，和提交按钮的功能完全一致，只不过图片按钮可以显示图片。 + - `file`：文件选择框。 + 提示：如果要限制上传文件的类型，需要配合JS来实现验证。对上传文件的安全检查：一是扩展名的检查，二是文件数据内容的检查。 + + - **`value="内容"`**：文本框里的默认内容（已经被填好了的） + + - `size="50"`：表示文本框内可以显示**五十个字符**。一个英文或一个中文都算一个字符。 + 注意**size属性值的单位不是像素哦**。 + + - `readonly`：文本框只读，不能编辑。因为它的属性值也是readonly，所以属性值可以不写。 + 用了这个属性之后，在google浏览器中，光标点不进去；在IE浏览器中，光标可以点进去，但是文字不能编辑。 + + - `disabled`：文本框只读，不能编辑，光标点不进去。属性值可以不写。 + ## 一些个常用的 + -`