diff --git "a/\351\203\221\351\233\250\350\211\257/.keep" "b/\351\203\221\351\233\250\350\211\257/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240905-HTML\345\237\272\347\241\200.md" "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240905-HTML\345\237\272\347\241\200.md" new file mode 100644 index 0000000000000000000000000000000000000000..7c113291d6314e16d25e2871b60abfd8128650a8 --- /dev/null +++ "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240905-HTML\345\237\272\347\241\200.md" @@ -0,0 +1,41 @@ +## HTML基础 +### 1.Web前端 +* HTML:超文本标记语言,描述页面的结构。相当于人的身体组织结构 +* CSS:美化页面的样式。相当于人的衣服打扮 +* JS:描述页面的行为。相当于人的动作 +### 2.HTML骨架 +``` + + + + + + Document + + + + + +``` +### 3.元素 +``` +1. 图像 +当图片不显示时,显示文字 +2.超链接 + +3.标题 +

+

这个是一级标题

+4.列表 + 无序列表 + + 有序列表 +
    +
  1. +
  2. +
  3. +
\ No newline at end of file diff --git "a/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240909-\346\216\222\347\211\210\346\240\207\347\255\276.md" "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240909-\346\216\222\347\211\210\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..527248fda0950297a13592bc9584a50bc546fa34 --- /dev/null +++ "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240909-\346\216\222\347\211\210\346\240\207\347\255\276.md" @@ -0,0 +1,27 @@ +### 排版标签 +1. 标题标签 +``` +

-

具有align属性,left right center +``` +2. 水平线标签 +``` +
+
+noshade不要阴影 +``` +3. 换行```
``` +4. 段落标签 +``` +

里面只能放文字,图片,表单元素 +``` +5. div和span标签 +``` +

可以把标签中的内容分割为独立的区块,独占一行 +和div作用一样,但是不换行 +区别:
换行,不换行 +``` +6. 内容居中标签```
``` +7. 预定义(预格式化)标签 +``` +
保留标签内部所有的空白字符,原封不动输出结果
+```
\ No newline at end of file
diff --git "a/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240911-\345\255\227\344\275\223\346\240\207\347\255\276\350\266\205\351\223\276\346\216\245\345\233\276\347\211\207\346\240\207\347\255\276.md" "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240911-\345\255\227\344\275\223\346\240\207\347\255\276\350\266\205\351\223\276\346\216\245\345\233\276\347\211\207\346\240\207\347\255\276.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b84b158055c5968b0fb7e1dae90613b95554cc9b
--- /dev/null
+++ "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240911-\345\255\227\344\275\223\346\240\207\347\255\276\350\266\205\351\223\276\346\216\245\345\233\276\347\211\207\346\240\207\347\255\276.md"
@@ -0,0 +1,36 @@
+## 字体标签
+### 1.特殊字符
+    ` `:空格
+    `<`:小于号<
+    `>`:大于号>
+    `&`:&
+### 2.字体标签
+* 下划线 text-decoration:underline
+* 斜体 font-style:italic
+* 中划线 text-decoration:line-through
+* 加粗 font-weight
+* 字体样式 font-family
+* 字体大小 font-size
+* 上标<sup>
+* 下标<sub>
+## 超链接
+### 1.外部链接 (链接到外部文件)
+`aaaaa`
+### 2.锚链接 
+* `顶部`
+* `回到顶部`
+### 3.邮件链接
+### 4.属性
+```
+href:目标URL
+title:悬停文本
+name:锚点名称
+target:用什么方式打开目标页面
+    _self:在同一个网页打开(默认)
+    _blank:在新窗口打开
+    _partent:在父窗口中显示
+    _top:在顶级窗口显示
+```
+## 图片标签
+* 图片显示不了时,显示文本
+* width 宽度 height高度 等比例缩放,只要设置一个的值 
diff --git "a/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240914-\345\210\227\350\241\250\346\240\207\347\255\276.md" "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240914-\345\210\227\350\241\250\346\240\207\347\255\276.md"
new file mode 100644
index 0000000000000000000000000000000000000000..9f33d46a6edd56eb8bdd425aff99fafcf2761cc0
--- /dev/null
+++ "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240914-\345\210\227\350\241\250\346\240\207\347\255\276.md"
@@ -0,0 +1,30 @@
+## 列表标签
+
+1. 有序列表`
    ` +``` +
      +
    1. ....
    2. +
    3. ....
    4. +
    5. ....
    6. +
    7. ....
    8. +
    +``` +2. 无序列表`
      ` +``` +
        +
      • ....
      • +
      • ....
      • +
      • ....
      • +
      • ....
      • +
      + 无序图标去除:在li/ul中,line-style:none/line-style-type:none + li:列表项,放在ul/ol中 + margin:设置外边距 + padding:设置空白 + background:设置背景,color颜色,size大小,position绝对定位,repeat:no-repeat 不重复 + 浮动:float:left +``` +3. 定义列表`
      ` +``` +
      列表标题,必须的 +
      列表列表项 diff --git "a/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240918-\350\241\250\346\240\274\350\241\250\345\215\225\345\222\214\344\275\234\344\270\232.md" "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240918-\350\241\250\346\240\274\350\241\250\345\215\225\345\222\214\344\275\234\344\270\232.md" new file mode 100644 index 0000000000000000000000000000000000000000..80337b317e9a34bd4d05bf3f85b1e214f8bf8f08 --- /dev/null +++ "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240918-\350\241\250\346\240\274\350\241\250\345\215\225\345\222\214\344\275\234\344\270\232.md" @@ -0,0 +1,134 @@ +### 一、表格 +表格: + `
      ` + +标题: + `标题` + + 定义表格页眉:`` + + 定义表格主体:`` + + 定义表格页脚:`` + +跨行合并: + rowspan="个数" + +跨列合并: + clospan="个数" + +bolder 加粗 + +背景颜色:bgcolor + +去除边框:border none + +外框线:outline +``` html + + + + + + + + + + +
      标题标题
      + +``` + +### 二、表单 +多选框checkbox +单选框radio +单选框必须用name属性给标签分组,值相同代表同一组,同一组才能单选 +value设置控件的默认值 +下拉选择框: +定义下拉选择框 select +定义下拉选择项 option +option要在select标签里面 +``` html + +
      + + + + + + + + + + + + + + + + + +
      文本框
      单选框 + 1 + 2 +
      多选框 + 3 + 4 + 5 + 6 +
      下拉选择框 + +
      +
      + +``` +### 三:作业 + +[表格](http://sjg1u7mxz.hn-bkt.clouddn.com/%E8%A1%A8%E6%A0%BC%E6%BC%94%E7%A4%BA.png) + +``` + + + + + + + + + + + + + + + + + + + + + + + +
      表格
      头一头二头三头四
      1-11-21-31-4
      2-12-32-4
      +``` \ No newline at end of file diff --git "a/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240919-HTML5\350\241\250\345\215\225.md" "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240919-HTML5\350\241\250\345\215\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..8b333c2b03889f2655c7d3108aa3aa22f4f965c8 --- /dev/null +++ "b/\351\203\221\351\233\250\350\211\257/\347\254\224\350\256\260/20240919-HTML5\350\241\250\345\215\225.md" @@ -0,0 +1,64 @@ +### 表单元素 + +单行文本框: `` + +密码框: `` + +单选按钮: `` + +隐藏域: `` + +文件上传: `` + +多行文本: `` + +日期: `` + +时间: `` + +颜色: `` + +电子邮件: `` + +提交按钮: `` + +普通按钮: `` + +重置按钮: `` + +placeholder 文本框内提示 + + + + +`` 表单 + + +### 多媒体标签 + +音频标签 : `` + +autoplay="autoplay" : 自动播放(谷歌不能自动播放) + +controls="controls" : 在页面显示控件 + +`loop="loop"` : 循环播放 + +muted="muted" : 静音 + +视频标签 : `` + +### H5中新增的语义标签 +``` +
      :区块 +
      :文章 +
      :页眉 +