`：行
+一个表格就是一行一行组成的。
+## 属性：
+ - `dir`：公有属性，设置这一行单元格内容的排列方式。可以取值：
+ - `ltr`：从左到右（left to right，默认）
+ - `rtl`：从右到左（right to left）
+ - `bgcolor`：设置这一行的单元格的背景色。
+注：没有background属性，即：无法设置这一行的背景图片，如果非要设置，可以用css实现。
+ - `height`：一行的高度
+ - `align="center"`：一行的内容水平居中显示，取值：left、center、right
+ - `valign="center"`：一行的内容垂直居中，取值：top、middle、bottom
+# `| `：单元格
+## 属性：
+ - `align`：内容的横向对齐方式。属性值可以填：left right center。如果想让每个单元格的内容都居中，这个属性太麻烦了，以后用css来解决。
+ - `valign`：内容的纵向对齐方式。属性值可以填：top middle bottom
+ - `width`：绝对值或者相对值(%)
+ - `height`：单元格的高度
+ - `bgcolor`：设置这个单元格的背景色。
+ - `background`：设置这个单元格的背景图片。
+# 单元格的合并
+## 单元格的属性：
+- `colspan`：横向合并。例如`colspan="2"`表示当前单元格在水平方向上要占据两个单元格的位置。
+- `rowspan`：纵向合并。例如`rowspan="2"`表示当前单元格在垂直方向上要占据两个单元格的位置。
+# lesson5_任务
+1. 苹果导航条：
+```html
+
+
+
+
+
+ Document
+
+
+
+
+
+
+```
+[显示效果](http://sjv5zs5k5.hn-bkt.clouddn.com/lesson5_%E8%8B%B9%E6%9E%9C%E5%AF%BC%E8%88%AA%E6%9D%A1.png)
+
diff --git "a/\347\250\213\346\242\246/20240918_\350\241\250\345\215\225.md" "b/\347\250\213\346\242\246/20240918_\350\241\250\345\215\225.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b9582b09db7cf5c344f7ca5d70a561655612d679
--- /dev/null
+++ "b/\347\250\213\346\242\246/20240918_\350\241\250\345\215\225.md"
@@ -0,0 +1,204 @@
+# ``：输入标签（文本框）
+用于接收用户输入。
+```html
+
+```
+## 属性：
+- **`type="属性值"`**：文本类型。属性值可以是：
+ - `text`（默认）
+ - `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`：文本框只读，不能编辑，光标点不进去。属性值可以不写。
+> 备注：HTML5中，input的类型又增加了很多（比如date、color，我们会在 html5 中讲到）。
+> 注意，多个单选框的input标签中，name 的属性值可以相同，但是 **id 的属性值必须是唯一的**。我们知道，html的标签中，id的属性值是唯一的。
+# 四种按钮的举例
+```html
+
+```
+# ` |
+> +> 图片.img title属性=" " ————鼠标悬停显示文字 +### 能插入的图片类型 +- 能够插入的图片类型是：jpg(jpeg)、gif、png、bmp等。 +- 不能往网页中插入的图片格式是：psd、ai等。 +HTML页面不是直接插入图片，而是插入图片的引用地址，所以要先把图片上传到服务器上 +# img标签的`src`属性 +这里涉及到图片的一个属性： +- `src`属性：指图片的路径。英文名称 source。 +在写**图片的路径**时，有两种写法：相对路径、绝对路径 +1. 图片的相对路径 + ```html + +
+
+ +
+ ``` + +2. 图片的绝对路径 +## img标签的其他属性 +### width、height 属性 +- `width`：图像的宽度。 +- `height`：图像的高度。 +width和height，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比。可以只指定 width 和 height 中的一个值，浏览器会根据原始图像进行缩放。 +**重要提示**：如果要想保证图片等比例缩放，请只设置width和height中其中一个。 +### Alt 属性 +- `alt`：当图片不可用（无法显示）的时候，代替图片显示的内容。alt是英语 alternate “替代”的意思，代表替换资源。 +### title 属性 +- `title`：**提示性文本**。鼠标悬停时出现的文本。 +1. title 属性不该被用作一幅图片在 alt 之外的补充说明信息。如果一幅图片需要小标题，使用 figure 或 figcaption 元素。 +2. title 元素的值一般作为提示条(tooltip)呈现给用户，在光标于图片上停下后显示出来。尽管这确实能给用户提供更多的信息，您不该假定用户真的能看到：用户可能只有键盘或触摸屏。如果要把特别重要的信息提供给用户，可以选择上面提供的一种方法将其内联显示，而不是使用 title。 +### align 属性 +- 图片的`align`属性：**图片和周围文字的相对位置**。属性取值可以是：bottom（默认）、center、top、left、right。 +# lesson4_任务 +1. 图片居中：用margin：auto +```html + + + + + +
+