前端html+css+js 基础总结

​​​HTML****

行级元素

标签分为行级元素与块级元素

行级元素占据区域由其显示内容决定，如span，img(图片)，基本格式: 用于跳转到其他网站，target="_blank"使其跳转时会打开新窗口 值是下划线blank，否则会在原窗口打开链接），strong（加粗文字），em（斜体文字）等。

块级元素

块级元素会换行显示，并占据整行区域，如div（布局标签），h，p，form（表单标签）等；

** 属性写在开始标签中，格式是键值对的形式，属性名：键；引号里的：值**

列表标签

/********无序列表******/
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ul>
//1.无序列表的各个列表项之间没有顺序级别之分，是并列的,
//2.<u></u> 中只能嵌套 <li></i>,直接在 <u|></u> 标签中输入其他标或者文字的做法是不被允许的,.
//3.<li> 与 </i>之间相当于一个容器,可以容纳所有元素。

/*******有序列表*****/
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ol>
//1.<o|></0l>中只能嵌套<li></i>,直接在<o|></0|>标签中输入其他标签或者文字的做法是不被允许的,
//2.<li>与 </i>之间相当于一个容器，可以容纳所有元素,
//3.有序列表会带有自己样式属性，但在实际使用时，我们会使用CSS来设置

/****自定义列表*****/
<dl>
    <dt>名词1</dt>
    <dd>名词1 解释1</dd>
    <dd>名词1 解释2</dd>
</dl>

表格标签

<table>
    <tr>
        <td>单元格内的文字</td>
         ...
    </tr>
    ...
</table>
//<table></table>是用于定义表格的标签;
//<tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中;
//<td></td>用于定义表格中的单元格，必须嵌套在<tr></tr>标签中;
//字母 td 指表格数据(tabledata),即数据单元格的内容;

**合并单元格操作：
跨行合并:rowspan="合并单元格的个数，最上侧单元格为目标单元格,写合并代码；
跨列合并:colspan="合并单元格的个数，最左侧单元格为目标单元格,写合并代码；**

表单标签

表单域是一个包含表单元素的区域。<form>会把它范围内的表单元素信息提交给服务器

表单控件（表单元素）

1.<input>表单元素

<input type="属性值" />

除 type属性外，<input>标签还有其他很多属性，其常用属性如下:

name 和value 是每个表单元素都有的属性值,主要给后台人员使用
name 表单元素的名字,要求单选按钮和复选框要有相同的name值
checked属性主要针对于单选按钮和复选框,主要作用一打开页面,就要可以默认选中某个表单元素
maxlength是用户可以在表单元素输入的最大字符数,一般较少使用

2.select下拉表单元素

<select> //带有选项的控件

<option value="a">男</option>

<option value="b">女</option>

<option value="c">其他</option>

</select>
//1.<select>中至少包今-对<option>
//2.在<option>中定义selected=“selected"时，当前顶即为默认选中顶

布局标签**