测试前置基础知识——html学习笔记2

1、<hr>标签，作用为加个分割线，如图

2、 <span>标签，目的是设置单独的样式，把一段话圈起来，使用css设置样式，与<div>区别是，div是块，而span是块里面的一小部分
3、<q>标签，短文本引用，文章里引用作家的某句话时使用，游览器会对<q>标签自动加双引号
而<blockquote>为长文本引用，游览器对<blockquote>标签的解析是缩进样式，为元素添加换行，增加了外边距
4、无序列表
ul-li是没有前后顺序的信息列表（网页显示样式为在每一项“li”前加上小圆点）
“注意，HTML5已经舍弃了ul属性，所以我们使用CSS来代替------<ul style="list-style-type:disc">”前面的代表的是圆点列表哦，“circle”代表的是圆圈列表，“square”代表的是正方形列表

语法：

<ul style="list-style-type:disc">
  <li>精彩少年</li>
  <li>美丽突然出现</li>
  <li>触动心灵的旋律</li>
</ul>

效果如图：

5、有序列表
ol-li（每项li前都加上序号，从1开始）
当ol后面跟着"A“时，序号为大写字母哦，为"a"时，序号为小写字母
语法：

下面是一个热点课程下载排行榜：
<ol>
   <li>前端开发面试心法 </li>
   <li>零基础学习html</li>
   <li>JavaScript全攻略</li>
</ol>

效果如图：

二、表单标签
表单是可以把输入的数据传到服务器，服务器就可以处理传过来的数据
1、from标签：
语法：

<form   method="传送方式"   action="服务器文件">
</from>

action：数据被传送到的地方
method：数据传送的方法（get/post）
2、input（文本输入框，密码输入框）
name：为文本框命名，以备后台程序ASP 、PHP使用。
value：为文本输入框设置默认值。(一般起到提示作用)
文本输入框

<form>
   <input type="text" name="名称" value="文本" />
</form>

效果：

密码输入框

<form>
   <input type="password" name="名称" value="密码" />
</form>

效果：

3、文本域（支持多行输入）
语法：

<textarea  rows="行数" cols="列数">文本</textarea>

例：

 <textarea  rows="5" cols="8">倩倩真可爱</textarea>

效果图：

4、clear属性，指定一个元素是否要移动到原来浮动元素的下面
clear：none 不清除浮动
clear：left 清除左浮动，目标元素移动到左浮动元素的下方
clear：right 清除右移动，目标元素移动到右浮动元素的下方
clear:both 清除左移动和右移动，目标元素移到浮动元素的下方

完成第一小步啦，继续加油！！！！！！冲冲冲！！！！！