前端学习Day1

1.HTML中常用的标签，用在何种场合有何意义

结构标签

• html：根标签。
• title：定义文档的标题，一般用在浏览器窗口的标题栏或状态栏。
• head：定义文档的头部，是所有头部元素的容器。
• body：定义文档的主体，编写网页内容。

基础标签

• p：定义段落。
• h1-h6：标记文本中的标题，标签使用的数字越大，则字体越小。
• hr：在网页上画一条水平线。
• br：在当前位置产生一个换行。

列表标签

• ul：定义不带编号的无序列表，列表项用li标签。
• ol：定义带有编号的有序列表，列表项li标签需标记在每个表项的开头。

容器标签

• div：把文档分割为独立的、不同的部分，定义文档中的区域或节，为块级元素，可自动换行，可设置宽高。
• span：作为文本容器，需与CSS同时使用才可为指定文本设置样式属性，为行内元素，无法自动换行，无法设置宽高，默认在同一行显示。

表单标签

• form：定义一个表单框架，收集不同类型的用户输入。
• input：根据type属性值的不同可以显示多种表单元素样式。
• label：，以文本形式作为input标签元素的补充说明，在被点击时为对应的表单控件生成焦点。
• textarea：实现多行文本区域，允许文本回车换行。
• select：创建单选或多选菜单，菜单样式可根据属性值的不同可显示为下拉菜单或列表框。select元素配合若干个option标签使用，形成简易的下拉菜单。若列表项目较多需要进行分类，可使用optgroup标签定义选项组。
• button：在网页上生成自定义样式的按钮。
• fieldset：将同一个表单中的多个表单元素分组显示，当一组表单元素放在fieldset标签组之间，浏览器会形成边框效果凸显分组，再为每个分组的区域显示独立的标题，即配合legend标签使用。

其它标签

• img：向网页中嵌入图片。
• a：定义超链接，指向其它任何位置。适用于制作网页的导航菜单或列表，也可用于发送邮件或下载文件等。
• table：定义表格，表格包含若干行（以tr标签表示），每一行又被分为若干单元格（以td标签表示）。th标签-定义表格的第一行表头，caption标签-为表格添加标题。

2.HTML常用标签的常用属性及其作用

基础标签

• p：常用属性：align—对齐方式(left、center、right)。
• hr：常用属性：size-水平线的粗细（像素表示，如10px），width-水平线的长度（两种表示：像素，百分比），color-水平线的颜色，align-水平线的对齐方式（left、center、right）

列表标签

• ul：常用属性：type-设置编号样式（circle空心圆、disc实心圆（默认）、square（黑色方块））。
• ol：常用属性：type-设置编号样式（1、A、a、I、i（数字、字母、罗马数字）），start-设置编号的起始值。

表单标签

• form：

1. action-规定表单数据提交的URL地址；
2. method-规定表单数据的提交方式，有get和post两种方式，默认提交方式为get。 get方法与post方法的区别：get方法：将表单组件的数据名称和值转换为文本形式的参数，并直接加在原URL地址的后面，点击提交按钮后可直接在浏览器地址栏看到全部内容，适用于一些安全级别要求不高的数据。post方法：传递的表单数据会放在HTML的表头中，不会出现在浏览器地址栏里，用户无法直接看到参数内容，适用于安全级别相对较高的数据。

• input：

1. accept-规定文件上传控件可选择的文件类型，只能与<input type=”file”>的文件上传控件配合使用，属性值:MIME文件类型；
2. alt-规定无法显示图像时的提示文本，只能与<input type=”image”>的图像按钮控件配合使用，属性值：文本内容；
3. checked-规定页面加载时默认为选中状态，只能与<input type=”radio”>的单选按钮或<input type=”checkbox”>的复选框配合使用，属性值：checked；
4. disabled-规定加载时禁用此元素，属性值-disabled；
5. maxlength-规定输入框中字符的最大长度；
6. name-定义input标签的名称，若未填写name属性值，则表单组件的内容无法被正确提交，属性值-自定义名称；
7. readonly-定义input标签中的文本为不可编辑的只读状态，属性值-readonly；
8. size-定义输入框中可见字符的个数，属性值-数值；
9. type-规定input标签的类型，属性值-text、password、radio、checkbook、submit、reset、button（通常点击事件需配合JavaScript使用）、image、file、hidden。
10. value-规定input标签的值，属性值-文本值。

• label：for-引用对应表单控件的id名称。
• select：

1. multiple-规定允许同时选中多个选项，属性值-multiple，会使得显示样式从默认的下拉菜单变为列表框，并允许同时选中多个选项；
2. name-规定列表元素的名称。

• • select的子标签：
    

4. option，常用属性：value-设置提交表单时发送给服务器的选项值，不显示在网页上，selected-设置首次加载时当前选项为选中状态。
5. optgroup，常用属性：label-规定选项组的标题。

• button：

1. type-规定按钮类型，属性值-button、reset、submit；
2. name-规定按钮名称，value-规定按钮的初始值。若button标签按钮用于表单内，必须为其规定type属性。

其它标签

• a：href-目标内容的URL地址，target-目标内容的打开方式。
• img：src-指明图像的存储路径（通常为URL形式），alt-无法找到图像时显示代替文本（此属性可省略不写）。
• table：

1. border-设置边框的宽度，
2. bordercolor-设置边框颜色，
3. align-设置对齐方式，
4. cellspacing-设置单元格间隔，
5. cellpadding-设置单元格与文字间隔。
6. table子标签td，常用属性：colspan-设置需合并的列数，rowspan-设置需合并的行数。

3.解释何为行内元素和块级元素

• 行内元素-不占有独立的区域，和相邻的行内元素在同一行上，一般不可以设置宽度、高度和对齐方式等属性，行内元素只能是容纳纯文本或其他行内元素（a标签除外）。
• 块级元素-每个块级元素通常会独占一行或多行，可以对其进行单独设置高度、宽度以及对齐方式等属性，可以容纳行内元素和其他的块级元素。