1.超链接:从一个位置跳转到另一个位置
被标记为链接的内容
target的属性值有:_self代表在当前标签页打开页面
_blank代表在新的标签页打开
2.布局标签:排版过程中使用到的标签,本身没有任何样式。
div是块级元素的代表
span是行级元素的代表
当一行文字中某些内容有特殊效果,使用span标签,否则一律使用div<br /> [span用于组合行级元素]
**块级元素和行级元素的区别:【面试题】**<br />** 块级元素:独占一整行,可以设置宽高等**<br />** 行级元素:有多宽占据多宽,不可以设置宽高等。**
3.表单:在页面中负责数据采集功能的部分。
表单标签:负责数据提交的地址和方式
表单域:数据填入的部分。
表单按钮:事件的标识。
**1.表单标签**<br /> <form action='数据提交的地址' method='数据提交的方式'><br /> 要提交的表单域<br /> 表单按钮<br /> </form><br /> 数据提交的方式有: get或者post<br /> **get和post的区别: [面试题]**<br />** get追加到地址栏,小,快,不安全.**<br /> <br /> **2.表单域**<br /> 文本输入框 <input type='text' name='名字' placeholder='占位符'><br /> 密码输入框 <input type='password' name='名字'><br /> 单选输入框 <input type='radio' name='名字'> [注意:**同一组单选的name属性值必须一致**]<br /> 复选输入框 <input type='checkbox' name='名字'> [注意:同一组复选的name属性值建议一致]<br /> <br /> 注意: 如果数据要提交到后端,必须设置name属性值.<br /> 单选或者复选默认**选中,添加checked属性**即可.
<input type='radio' checked>
**3.表单按钮**<br /> <button type='submit'>提交按钮</button><br /> <button type='reset'>重置按钮</button><br /> <button type='button'>普通按钮</button>
4.CSS:层叠样式表
语法:
选择器{
属性:属性值;
属性:属性值;
}
css3是最新版本的css.
改变文字大小的属性 font-size:*px;<br /> 改变文字颜色的属性 color:颜色的英文;<br /> 文字加粗的属性 font-weight:bold;<br /> <br /> 1.css的**三种引入方式**<br /> 1.**内联式**<br /> <元素 style=" 属性:属性值;属性:属性值; " >内容</元素>
2.**内部式**<br /> <head><br /> ...前面的代码<br /> <style><br /> 选择器{<br /> 属性:属性值;<br /> 属性:属性值;<br /> }<br /> </style><br /> </head><br /> <br /> 3.**外链式 [推荐]**<br /> 1.先新建一个.css为后缀的css文件<br /> 2.在html文件的<head></head>标签里面添加一个<link>标签<br /> <link rel="stylesheet" href='css文件的相对路径'><br /> 3.在css文件里面按照css语法写代码
<head><br /> ...<br /> <link rel="stylesheet" href='css文件的相对路径'><br /> </head><br /> <br /> 2.**基本选择器**<br /> 1.通用选择器:选中所有元素<br /> *{ }<br /> 2.标签选择器:选中所有指定的标签<br /> 标签名{ }<br /> 3.类选择器:选中所有对应类名的标签<br /> .类名{ } [类名是通过标签的class属性设置得到的 <p class='类名'></p>]<br /> 4.id选择器:选中指定id名的标签<br /> #id名{ } [id名是通过标签的id属性设置得到的 <p id='id名'></p>]<br /> <br /> **注意:id名是唯一的.类名可以是多个.**<br />** id的权重高于类名,查询效率高.**<br />** 大盒子使用id命名,里面的盒子使用类名**