diff --git "a/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\345\233\276\345\272\212.md" "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\345\233\276\345\272\212.md" new file mode 100644 index 0000000000000000000000000000000000000000..c942863dcb20aa060487c567cc2c476f6550fa13 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\345\233\276\345\272\212.md" @@ -0,0 +1,3 @@ +## 图床 + +![bianka](https://gitee.com/BMChu070/ovo/raw/master/imgs/bianka.jpg) \ No newline at end of file diff --git "a/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\345\233\276\347\211\207\345\261\205\344\270\255.md" "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\345\233\276\347\211\207\345\261\205\344\270\255.md" new file mode 100644 index 0000000000000000000000000000000000000000..877b7624269063f5e2c2f49dc393b6c4727aed02 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\345\233\276\347\211\207\345\261\205\344\270\255.md" @@ -0,0 +1,19 @@ +## 图片居中 + +### 效果： + +![居中](https://gitee.com/BMChu070/ovo/raw/master/imgs/image-20240922215743879.png) + +### 代码： + +``` +img{ + position: absolute; + margin: auto; + left: 0; + right: 0; + top: 0; + bottom: 0; +} + +``` \ No newline at end of file diff --git "a/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\350\213\271\346\236\234\345\257\274\350\210\252\346\240\217.md" "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\350\213\271\346\236\234\345\257\274\350\210\252\346\240\217.md" new file mode 100644 index 0000000000000000000000000000000000000000..b333365f6f90c4a78c28a521a53f42466ca02d3f --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\350\213\271\346\236\234\345\257\274\350\210\252\346\240\217.md" @@ -0,0 +1,109 @@ +## 苹果导航栏 + +### 效果： + +![导航栏](https://gitee.com/BMChu070/ovo/raw/master/imgs/image-20240922215649249.png) + +### 代码： + +``` + + + + + + + Document + + + + +
+
+ +
+
+ + + + +``` \ No newline at end of file diff --git "a/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\350\247\206\351\242\221+\351\237\263\351\242\221.md" "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\350\247\206\351\242\221+\351\237\263\351\242\221.md" new file mode 100644 index 0000000000000000000000000000000000000000..c8cc054566011ab763ad13d96eb223a1a497f4e1 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\344\275\234\344\270\232/\350\247\206\351\242\221+\351\237\263\351\242\221.md" @@ -0,0 +1,15 @@ +## 视频+音频 + +### 效果： + +![音视频](https://gitee.com/BMChu070/ovo/raw/master/imgs/image-20240922215818947.png) + +### 代码： + +```html + + + +``` \ No newline at end of file diff --git "a/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240904-git .md" "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240904-git .md" new file mode 100644 index 0000000000000000000000000000000000000000..75ee8652486ddd620e151c6fa8ce16e2b2ee8b21 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240904-git .md" @@ -0,0 +1,32 @@ +# 一级标题 + +* git的基本操作 +* git add . +* git commit -m"" +* git status +* git push + +流程：远端—>fork—>远端个人—>clone—>本地个人 + +## 二级标题 + +1. *斜体* +2. **粗体** +3. ***又粗又斜*** + +### 三级标题 + +| 一 | 二 | 三 | 四 | 五 | 六 | 日 | +|-|-|-|-|-|-|-| +|-|-|-|-|-|-|-| +|这|是|一|个|表|格|哦| +|-|-|-|-|-|-|-| + +#### 四级标题 + +`高亮` + +``` +这是代码块 + + diff --git "a/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240905-html\346\246\202\345\277\265 .md" "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240905-html\346\246\202\345\277\265 .md" new file mode 100644 index 0000000000000000000000000000000000000000..7822cb4b41f1eb4483783cc9e5d220d8f4e783a0 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240905-html\346\246\202\345\277\265 .md" @@ -0,0 +1,27 @@ +# 概念 + +html超文本标记语言，是一种用于创建网页的标准标记语言。 + + +## 协议/文件骨架 + +``` + + + + + + Document + + + + + + +``` + +### 基本元素 + + 标签要有头有尾 + 例： +

\ No newline at end of file diff --git "a/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240909-html\345\237\272\347\241\200\346\240\207\347\255\276.md" "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240909-html\345\237\272\347\241\200\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..492bd7d98e710dd677045ad14627555eac9c360a --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240909-html\345\237\272\347\241\200\346\240\207\347\255\276.md" @@ -0,0 +1,17 @@ +# 基础标签 + +分为行级标签和块级标签 + +## 协议/文件骨架 + +``` + 段落标签：

+ 区块标签：
+ 行级的区块标签： + 换行：
+ 水平线：
+ + + +``` + diff --git "a/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240918-html\350\241\250\346\240\274&\350\241\250\345\215\225.md" "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240918-html\350\241\250\346\240\274&\350\241\250\345\215\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..204e1bf0e14e9f8b0412129da98d411c429b4e44 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/20240918-html\350\241\250\346\240\274&\350\241\250\345\215\225.md" @@ -0,0 +1,50 @@ +## table表格 + +- <table>表格标签 +- <tr>行标签 +- <td>单元格 +- <caption>表格标题 +- <th>表头单元格 + + +```css +// 一些相关属性 + table{ + border: 1px black solid; 1px黑色实线边框 + border-collapse: collapse; 塌陷实心 + text-align: center; 数据文字居中 + } + + +``` + +## form表单 + +```html +
+ 文本框 + 密码框 + 按钮 + 单选框 + 复选框 + 下拉列表 + + +
+ +``` + + + + +### 表格单元格悬停高亮 +效果如图： +![](https://gitee.com/BMChu070/ovo/raw/master/imgs/pink.png) + +主要代码： +```css + td:hover{ + background-color: pink; + } + +``` \ No newline at end of file diff --git "a/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240911-html\345\255\227\344\275\223\346\240\267\345\274\217\345\222\214\351\223\276\346\216\245.md" "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240911-html\345\255\227\344\275\223\346\240\267\345\274\217\345\222\214\351\223\276\346\216\245.md" new file mode 100644 index 0000000000000000000000000000000000000000..5cd7618c45d99a0512cdac63690ed8f48e3f61ca --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240911-html\345\255\227\344\275\223\346\240\267\345\274\217\345\222\214\351\223\276\346\216\245.md" @@ -0,0 +1,31 @@ +## htnl字体样式 + +``` +字体大小：font-size: large; +字体：font-family: ; +字体粗细：font-weight: ; +斜体：font-style: italic; +下划线：text-decoration: underline; +删除线：text-decoration: line-through; + +``` + +## htnl链接 + +``` + +href=""是链接 +title=""是悬停显示文字 +target="_blank"是点击后链接通过新页面打开 + +``` + +## htnl图片 + +``` + +src="" 图片链接 +alt="" 加载失败显示文字 +title="" 悬停显示文字 + +``` \ No newline at end of file diff --git "a/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240914-html\345\210\227\350\241\250.md" "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240914-html\345\210\227\350\241\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..82770f65b83df158b684c3a883b4c707b4ae66c8 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240914-html\345\210\227\350\241\250.md" @@ -0,0 +1,16 @@ +## html列表 + +- ul是无序列表，里面只能套li，但是li可以多层嵌套 +- ol是有序列表 +- dl是描述列表 + +## ul及li的一些属性 + +``` +list-style: none; 没有前面的点（设置ul或者li都可以） +float: left; 左浮动，就可以把垂直排布的列表设置为水平排布 +background-image: url(); 设置列表头头的图标，可以直接设置成背景图片，很方便 +background-position: 0 0; 设置背景图标的位置 +background-repeat: no-repeat; 背景图片不重复 + +``` diff --git "a/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240919-html\350\241\250\345\215\225\345\222\214\345\244\232\345\252\222\344\275\223.md" "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240919-html\350\241\250\345\215\225\345\222\214\345\244\232\345\252\222\344\275\223.md" new file mode 100644 index 0000000000000000000000000000000000000000..706dfdd6ca31c048c0c710c642e216a80a930460 --- /dev/null +++ "b/\347\216\213\350\212\267\345\256\201/\347\254\224\350\256\260/29240919-html\350\241\250\345\215\225\345\222\214\345\244\232\345\252\222\344\275\223.md" @@ -0,0 +1,67 @@ +## 表单和多媒体 + +### input的一些可选type及属性 + +``` +提示文字：placeholder="" + +textarea //大文本框 +color //取色器 +date //日期 +file //文件上传 +image //图片上传 + +``` + +### 滚动字符标签 + +``` + +1. direction="left" //移动的目标方向，从右向左 +2. behavior="slide" //行为方式，slide移动一次，scroll循环移动（默认） +3. scrollamount="30" //移动的速度 +4. loop="3" //循环多少圈 +5. scrolldelay="100" //移动一次休息多长时间，单位是毫秒 + +``` + + +### 表单属性 + +``` +placeholder //提示文字 +autofocus //自动获取焦点 +multiple //文件上次多选或多个邮箱地址 +autocomplete //自动完成 +form //指定表单项属于哪个form。处理复杂表单式会需要 +novalidate //关闭默认验证功能（只能加给from） +required //必填项 +pattern //自定义正则，验证表单 + +``` + +### 多媒体标签 + +音频`