表单、样式表基础和剩余标签
博客终于好了，原来是设置的问题~~~谢谢帮我解决问题啦~~
一、表单<form></form>（不是展示给用户看的，是用户写的给程序看的）
这是最外层的，里面的属性有指向和提交，指向是action:表单元素提交给谁，这个“谁”自然是个网页地址；提交方式是method:它里面有两个值get和post。
它们是有区别的:
1、get:提交后可以在转后的网页地址看到提交的数据，大体格式也就是（网页地址？传递的名字=传递的值）；post提交方式试看不到提交的内容的。
2、get提交方式他传输的值是有长度限制的；post则没有长度限制。
表单元素可以分类记忆：
A组：文本输入类（除了文本域的标签是双标签<textarea></textarea>，其他的都是单标签<input />）
(1)文本框：<input type="text(文本)" name="可以起一个名字" value="(文本框内内容，可以不写，让用户自己写)"/>
(2)密码框：<input type="password(密码)" name="起一个名字" value="(空或是自己写上文字)"/>
(3)隐藏域：<input type="hidden(隐藏)" name="起一个名字" value="(空或是自己写上文字)"/>
(4)文本域：<textarea name="同上">这是写内容的地方，和上面3个有所不同，但是取值、赋值是一样的，只是代码不一样</textarea>
代码图如下：
效果图如下：
B组：按钮类
(1)普通按钮：<input type="button(按钮)" value="按钮名字"/>
(2)提交按钮：<input type="submit(提交)" value="提交按钮"/>
(3)重置按钮：<input type="reset(重置)" value="重置按钮"/>可以将这个页面恢复到原始状态
(4)图片按钮；<input type="image(图片)" src="图片的位置" value="图片按钮"/>
代码图如下：
效果图如下：
C组：选择输入类(下拉列表的元素要注意)
(1)单选： <input type="radio(单选)" name="起一个名字" value=""/>
单选按钮有很多的话，一组的name名字要相同，否则成了多选了，例如
<input type="radio" name="sex" value="女"/>女 <input type="radio" name="sex" value="男"/>男
这样是只能单选的，如果name值不一样，那么男和女都可以选中了。
(2)复选：
<input type="checkbox(复选)" name="起一个名字" value="" />
(3)选择文件：
<input type="file(文件)" name="起一个名字"/>
(4)下拉列表：<select></select>双标签也是元素，它里面是有项的，就和无序列表相似，但是这里的项是用<option></option>表示，格式如下：
<select name="下拉列表名"> <option>下拉显示的内容</option>(有多少<option>双标签就有多少下拉项) <option>下拉显示的内容</option> <option>下拉显示的内容</option> </select>
代码图如下：
效果图如下：
它们都是有相同之处的，记起来还是不难的，总结下表单的这些元素：
1.里面属性type划分不同的值也就是划分不同的功能
2.除了按钮类外，其他的元素都要写name属性
3.按钮类是必须要写value属性的
4.注意文本域和下拉列表的标签不同于其他标签，其他标签都是<input />单标签，而文本域是<textarea><textarea/>双标签，下拉列表则是要有下拉项的，除了外层的<select><select/>双标签，里面又有<option><option/>项的双标签，表示下拉项的内容。
二、样式表基础
1、样式表的分类
(1)内联：写在标签中的样式，例如：<div style="color:#000">内联</div>（想要多个样式一起用，可以分号连接：样式名：样式值；样式名：样式值）
(2)内嵌：样式写在头部<head></head>中，标签就用到了<style>双标签，属性type的值就是“text/css”
(3)外部样式表：就是在外部写好样式表用<link href="css样式位置" rel="stylesheet" type="text/css"/>，也有简单的方法就是“右键单击---css样式---附加样式表”
它们也有优先级：内联>内嵌、外部(它俩差不多)
2、选择器
(1)*是代表页面所有的元素，也就是给所有元素都加样式，它的样式写法:*{样式:例颜色，大小之类}
(2)id是给标签起个名字，这个名字是“唯一”的，它的样式写法:#id的名字{样式:例颜色，大小之类}
例如：
(3)class是同一类的加样式，它的样式写法: .class的名字{样式:例颜色，大小之类}
(4)标签就是想给哪个标签添加样式，直接写标签就可以，它的样式写法:标签{样式:例颜色，大小之类}
(5)复合就是多个选择器进行组合，如下:
a.先要对多个标签进行样式编辑，也就是并列使用同一个样式，例如<div><span>想用同一个样式，那就用逗号进行组合：div,span{样式:例颜色，大小之类}
b.想对某个标签中某一项进行样式编辑，可以用空格(后代)来组合，例如：
<div id="d1">
<div>我们</div>
<div>你们</div>
<div>他们</div>
</div>
对里面的<div>进行样式编辑，那就用到空格来组合，id命名应用"#"开头:#d1(按空格)div{样式:例颜色，大小之类}(d1是id的名字)这样就对它里面的下一级整个<div>编辑了样式。
c.假如标签中有很多子标签，它们的命名不同，但是想对某一个名字的标签使用同一个样式，例如：
<div id="d1">
<div class="a1">我们</div>
<div class="a1">你们</div>
<div class="a3">他们</div>
</div>
想对a1的文字进行统一的样式，可以用筛选的方式:div.a1(a1是class的名字)
它们也是有优先级的：id>class>标签>*
三、框架（了解）
1、iframe:在这个页面中嵌入另一个页面
标签是双标签<iframe>里面的属性就是嵌入另一个页面的地址:src="页面的地址"，可以设置页面的大小属性是：width、height，还有个属性可以设置它有无边框：frameborder=""(值有0和1：0就是没有边框1则是有边框)，还有设置是否有滚动条的属性是：scrolling=""(值有No和yes，就是没有和有)
2、frameset:它不写在主体中，有这个就不能有主体标签，相当于一个框架
它也是双标签<frameset>，这个框架是可以拆分的，这就用到了它的属性：左右拆分的属性：cols="第一个页面的大小，第二个页面的大小"(第二个页面大小可以用*表示，剩余的所有空间)上下拆分的属性：rows="第一个页面的大小，第二个页面的大小"
四、剩余常用标签
1、添加滚动效果:双标签<marquee>可以设置滚动方向的属性：direction=""(它的值可以是从上、下、左、右进行滚动)
2、可以让关键的字显示出来:例如：
<span>我们这学期学期高数和离散，高数好难啊</span>(突出的关键是"高数""难")可以这么利用<mark>标签
<span>我们这学期学期高数和离散，<mark>高数</mark>好<mark>难</mark>啊</span>
把想要突出关键字的字用<mark></mark>框起来，这里就是把高数和难框起来了。
3、添加分割线:单标签<hr />在想要添加分割线的地方写标签就可以
表单和样式表基础，其实我觉得其实还是可以，就是有规律可言的，根据上面说的其实很好记，除了多敲代码就很熟练了。
