diff --git "a/\344\270\201\346\235\250\346\202\246/20240914html\345\233\276\347\211\207\346\240\207\347\255\276.md" "b/\344\270\201\346\235\250\346\202\246/20240914html\345\233\276\347\211\207\346\240\207\347\255\276.md" index 61101c9371ba139e59219077061b119d13a0ad54..80987817d6eba1e2ffdbde8b2293850e49e3e7f1 100644 --- "a/\344\270\201\346\235\250\346\202\246/20240914html\345\233\276\347\211\207\346\240\207\347\255\276.md" +++ "b/\344\270\201\346\235\250\346\202\246/20240914html\345\233\276\347\211\207\346\240\207\347\255\276.md" @@ -18,3 +18,7 @@ * 响应式图片: 使用CSS的 max-width 和 height 属性来确保图片能够适应不同屏幕尺寸。 * 图片懒加载: 使用 loading="lazy" 属性来延迟非可视区域的图片加载，提升页面加载速度。 * 图片地图: 结合 map 标签和 usemap 属性，可以创建可点击的图片区域。 + +示例图： +！[图例](./1726669590074.jpg) + diff --git "a/\344\270\201\346\235\250\346\202\246/20240918\350\241\250\346\240\274\346\240\207\347\255\276.md" "b/\344\270\201\346\235\250\346\202\246/20240918\350\241\250\346\240\274\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..b48bbcefcf18c9151cbd600e9a499944070a25fd --- /dev/null +++ "b/\344\270\201\346\235\250\346\202\246/20240918\350\241\250\346\240\274\346\240\207\347\255\276.md" @@ -0,0 +1,58 @@ +# 表格标签 +1. 表格标签 (<table >) ：定义一个表格。表格的所有内容都包含在这个标签内。 + +2. 表格行标签 (<tr >) ：定义表格中的一行。每一行可以包含多个单元格。 + +3. 表格数据单元格标签 (<td >) ：定义表格中的一个数据单元格。每个单元格可以包含文本、图像、链接等内容。 + +4. 表格头单元格标签 (<th >) ：定义表格中的表头单元格。通常用于表格的第一行或第一列，用于描述数据。 + +5. 表格标题标签 (<caption >) ：定义表格的标题，通常位于表格的顶部。 + +6. 表格头部分标签 (<thead >) ：定义表格的头部区域，通常包含表头行。 + +7. 表格体部分标签 (<tbody >) ：定义表格的主体区域，包含表格的主要数据行。 + +8. 表格脚部分标签 (<tfoot >) ：定义表格的脚部区域，通常包含表格的汇总信息。 + +9. 列组标签 (<colgroup >) ：定义表格中的一组列，通常用于设置列的样式。 + +10. 列标签 (<col >) ：定义表格中的一列，通常用于设置列的样式。 + + +* <table >：定义整个表格。 +* <caption >：为表格添加标题“学生成绩表”。 +* <thead >：定义表格的头部区域，包含表头行。 +* <tr >：定义表格中的一行。 +* <th >：定义表头单元格，内容为“姓名”、“数学”、“英语”、“总分”。 +* <tbody >：定义表格的主体区域，包含具体的学生成绩数据。 +* <td >：定义数据单元格，内容为学生的具体成绩。 +* <tfoot >：定义表格的脚部区域，包含平均分信息。 + +### 表格基本结构 + +* 使用定义表格 +* 包含行和单元格 定义表头行 +* 定义表尾行 +* 和定义列范围 + + +# 代码实现 +1. 实现图示 +! [表格实现图示](./图片1.png) + + diff --git "a/\344\270\201\346\235\250\346\202\246/20240919 html\350\241\250\345\215\225\346\240\207\347\255\276.md" "b/\344\270\201\346\235\250\346\202\246/20240919 html\350\241\250\345\215\225\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..8c16589a1368dedd5b0c010fbcc1e22bd5660ca6 --- /dev/null +++ "b/\344\270\201\346\235\250\346\202\246/20240919 html\350\241\250\345\215\225\346\240\207\347\255\276.md" @@ -0,0 +1,197 @@ +1. (<form >)标签： + * 定义一个表单，用于收集用户输入的数据 + * 属性： + action：指定表单数据提交到的服务端URL + method:指定提交表单时使用的HTTP方法（通常是GET或POST） + +2. (<input >)标签： +定义一个输入字段，用于收集用户输入的数据 +#### 类型（type）： +* text：单行文本输入 +* password：密码输入，输入内容会被隐藏 +* radio：单选按钮 +* checkbox：复选框 +* submit：提交按钮，用于提交表单 +* reset：重置按钮，用于重置表单输入 +* file：文件上传 +* hidden：隐藏输入，不显示在表单中，但会随表单一起提交 +* button：普通按钮 + +#### 属性： +* name：输入字段的名称，用于在表单提交时标识数据 +* value：输入字段的值 +* type：定义输入字段的类型 +* required：指定输入字段为必填项 + +3. (<textarea >)标签： +定义一个多行文本输入区域 +#### 属性： +* name：文本区域的名称 +* rows 和 cols：定义文本区域的尺寸 + +4. (<select >)标签： +定义一个下拉选择列表。 +#### 属性： +* name：选择列表的名称 +* 内部标签：(<option >)：定义选择列表中的一个选项 + +5. (<option >)标签： +定义(<select >)元素中的选项。 +#### 属性： +* value：选项的值，提交表单时使用。 +* selected：指定该选项在页面加载时预先被选中。 + +6. (<label >)标签： +定义一个标签，用于为 (<input >)、(<select >)或 (<select >) 元素定义说明 +#### 属性： +* for：指定标签关联的输入字段的ID + +7. (<fieldset >)标签： +定义一组相关的表单元素。 +#### 属性： +* disabled：禁用字段集内的所有表单控件。 + +8. (<legend >)标签： +定义
元素内的标题。 + +9. (<button >)标签： +定义一个可点击的按钮。 +#### 属性： +type：指定按钮的类型（submit、reset、button）。 + +10. date： +定义一个日期选择器。 + +11. email： +定义一个电子邮件地址输入字段。 + +12. number： +定义一个数字输入字段。 + +13. range： +定义一个滑块/范围选择器。 + +14. search： +定义一个搜索字段。 + +15. tel： +定义一个电话号码输入字段。 + +16. url： +定义一个URL输入字段。 + +# 图视 + ![表单图示](http://sjr7o8t61.hn-bkt.clouddn.com/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202024-09-22%20000141.png) + +# 代码 +``` +
+
+ 基础信息 +
+ + + + +
+ + + + + + +
+ + + + + + +
+ + + + + + +
+ + + + + + + +
+* 可包含标题
+* 可包含表头
+* 可包含数据单元格 + +### 表格属性 +* width: 设置表格宽度 +* height: 设置表格高度 +* border: 设置表格边框大小 +* bgcolor: 设置表格背景色 +* cellspacing: 设置单元格间距 +* bordercolor: 设置单元格边框颜色 + +### 表格高级功能和辅助功能 +*
用户名：
密码：
性别： +
年龄：
班级： + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ + + + + + +

+ + + + + + +
兴趣爱好：看书 + 唱歌 + 追星 + 看电影
电子邮箱
最喜欢的颜色：
出生日期：
个人资料：
个人头像：
自我评价：
+
+ +``` diff --git "a/\344\270\201\346\235\250\346\202\246/Bilcorgi - \351\235\222\350\213\271\346\236\234\346\261\201.mp3" "b/\344\270\201\346\235\250\346\202\246/Bilcorgi - \351\235\222\350\213\271\346\236\234\346\261\201.mp3" new file mode 100644 index 0000000000000000000000000000000000000000..d26bf07cbe80f4e7ead272422c65c0e44fc9d48e Binary files /dev/null and "b/\344\270\201\346\235\250\346\202\246/Bilcorgi - \351\235\222\350\213\271\346\236\234\346\261\201.mp3" differ diff --git "a/\344\270\201\346\235\250\346\202\246/MAH00852.MP4" "b/\344\270\201\346\235\250\346\202\246/MAH00852.MP4" new file mode 100644 index 0000000000000000000000000000000000000000..6c7efe8cc3bb0c8560f97a93dc5eb2c7def71807 Binary files /dev/null and "b/\344\270\201\346\235\250\346\202\246/MAH00852.MP4" differ diff --git "a/\344\270\201\346\235\250\346\202\246/\345\233\276\347\211\2071.png" "b/\344\270\201\346\235\250\346\202\246/\345\233\276\347\211\2071.png" new file mode 100644 index 0000000000000000000000000000000000000000..ba369fc88a81d7e1b2a9a27ef2fdbd0cc574545e Binary files /dev/null and "b/\344\270\201\346\235\250\346\202\246/\345\233\276\347\211\2071.png" differ