<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1030练习网页</title>
<style type="text/css">
*{color:#00C}/*id class 标签 常用四个选择器*/
#d1{color:#0F0}/*精确选择一个*/
.c1{color:#F00}
span{color:#F00}
div,span/*并列修改，一起修改*/
#+空格/*更改子集的选择器*/
</style>
<link href="1030外部样式表.css" rel="stylesheet" type="text/css" /><!--外部样式标签link-->
</head>
<body text="#FF0000">
<form action="aa.html" method="gte"><!--与用户进行交互.action 表单的指向，指向负责处理的服务端-->
文本框<input readonly="readonly" type="text" name="用户名" value="hello"/><!--此时该文本框只读-->
密码框<input disabled="disabled" type="password" name="密码" value="123"/><!--此时该密码框不可用-->
隐藏域<input type="hidden" name="yc" value="001"/><!--用在不想让用户看到，但必须提交处理的地方--><br />
文本域(双标签元素）<textarea name="xq">内容</textarea>
按钮类<br />
登陆按钮<input type="button" value="登陆"/>
提交按钮<input type="submit" value="提交"/>
重置按钮<input type="reset" value="重置" />
图片按钮(也是一个提交按钮）<input type="image" src="file:///D|/壁纸/2016-03-20/208.JPG" /><br />
选择输输入<br />
单选按钮<input checked="checked" type="radio" name="sex" value="男" />男<!--此时男被默认选中--><input type="radio" name="sex" value="女" />女
多选按钮<input checked="checked"type="checkbox" name="爱好" value="玩"/>玩<!--此时玩被默认选中--><input type="checkbox" name="爱好" value="看书" />看书
下拉列表<select name="民族">
<option selected="selected" value="n001">汉族</option><!--此时汉族被默认选中-->
<option value="n002">回族</option>
<option hidden="傣族" value="n003">傣族</option><!--此时傣族被隐藏-->
</select>
选择文件(用于文件上传）<input type="file" name="123" />除了按钮标签之外，其他标签必须写name属性，按钮标签必须写value属性。
其他属性：readonly只读.disabled不可用.hidden隐藏.checked做选中，主要用在单选和多选里面.selected做选中，用在下拉列表
<br />
框架
<iframe src="Untitled-2.html"width="500" height="500" frameborder="1" scrolling="yesx"></iframe>将另一网页嵌入到当前网页
</form>
</body>
<marquee direction="up"><img src="file:///D|/壁纸/838ba61ea8d3fd1f09d5f225364e251f94ca5fd4.jpg" /></marquee>滚动效果
<span><mark>苹果</mark>公司最新发布了<hr />macbook</span>强调标签
分割线标签<hr />
样式表
内联样式（写在标签里面的样式—）<div style="border-image-outset:">hello</div>优点：控制精确. 缺点：代码重复使用性差，页面代码乱。样式优先级最高<div style="color:#0FC";>hello</div>
内嵌样式（写在head里面）优点：代码重复使用性好.缺点：控制不精确。优先级次于内联
外部样式 优点：代码重用性最好.缺点：控制最不精确。优先级和内嵌一样
样式的格式（样式名：样式的值。多个样式之间用分号分隔）
<div id="d1">id选择器</div><!--id名称不能使用中文开头-->
<div class="c1">这是1</div>
<div class="c1">这是2</div>
<div class="c1">这是3</div>
<div class="c1">这是4</div>
<div class="c1">这是5</div>
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
选择器的优先级，标签选择器的优先级大于星号选择器
class选择器的优先级高于标签选择器
id选择器优先级高于class选择器
复合选择器：，+空格
筛选
</html>