标签：isa htm 窗口 其他 方式 pos 样式 总结 文本域
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>总结</title>
<style>
*{margin: 0px; padding: 0px;}/*设置页面边界为0*/
#div1{width: 100px; height: 100px; background-color: gold;}/*id选择器*/
div{border: 5px solid black;}/*标签选择器*/
.div3 div{width: 100px; height: 100px; background-color: darkgray;}/*子代选择器*/
.div3,.div2{}/*并列选择器*/
a:visited{color: #000000;}/*被访问过还是黑色*/
a{color: #000000;}/*放不放文都是黑色*/
a{text-decoration: none;}/*去掉下划线*/
.div3:hover{ cursor: pointer;
transform: rotate(45deg); transition: 1s;}/*鼠标指上去旋转45度;hover鼠标指上的效果*/
</style>
<link rel="stylesheet" href="css/css1.css" /><!--外链选择器 优先级除了写在里面的这两个谁在上面谁优先
class一般用这个 格式是.;-->
</head>
<body><!--body属性:bacolor=""背景颜色;text=""文字颜色;background=""背景图片img里面的 -->
<b>加粗</b>;<i>倾斜</i>;<u>下划线</u>;<strong>字体加粗</strong>;
<em>字体倾斜强调,语气加强用</em>;<center>居中</center><br /> <!--换行和空格-->
<a <a href="https://www.baidu.com/"target="_blank">超链接</a>
<!--target=_"blank" 表示在新的窗口打开 -->
<a name="##"></a>
<a href="目标链接name的值"></a> <!-- 做描点链接-->
<h1>h1-6 标题会自动换行</h1> <p>段落</p> <div>层标签默认站一行</div>
<span>层标签有多大占多大</span>
<ol type="1">有序排列</ol><!--把ol改为ul是无序-->
<li>1</li> <li>2</li><li>3</li>
<!--==========================================表格=============================================================-->
<table>
<!--表格=表格的属性 :width=宽;border=高;cellpadding=内容跟单元格的边距一般为0;
cellspacing=单元格之间的间距一般是0; alian=对齐方式;bgolor=背景色;background=背景图片-->
<tr><!--跟上面一样 -->
<td></td>
<th></th><!--表头内容自动居中加粗 其他标签都一样-->
</tr>
<!--===========================================表单=============================================================-->
<form action="http://www.baidu.com" method="get" method="get/post">
<!--表单头action:提交到那里 method:提交的方式(前不安全) -->
<input type="text" name="##" value="##"/>文本框
<!--text文本;同上还有password密码框;valie里面默认的内容 ;hidden=隐藏域-->
<textarea cols="字符多少" rows="行高" >文本域</textarea>
<input type="submit" value="提了个交" disabled="disabled"/>
<!--转到form内的网址 disabled:按钮失效 ;重置是reset;普通是button;image后面写 src="图片地址"-->
<input type="radio" name="r1" id="man"/>
<label for="man">男</label>
<input type="radio" name="r1" id="woman"/>
<label for="woman">女</label><!--单选框 名字一样单选不一样多选,多选不可取消-->
<input type="checkbox" name="c1" />
<input type="checkbox" name="c2" /><!--复选框可以取消-->
<select name="s1" size="1" multiple="multiple">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
<option>4</option>
<!--下拉列表 size是1是菜单不是的时候是列表 multiple是多选 selected是默认-->
<input type="file" name="logo" /><!--浏览选择文件-->
<input type="image" src="img/1.jpg" width="100" height="30"/><!--图片选择-->
</form>
<!--========================================框架===================================================================-->
<iframe src="框架总结.html"></iframe><!--不用删body 要调尺寸;;;src表示来源====引视频什么的
-->
</table>
<!--============================================样式表css=========================================-->
<div style="width: 100px; height: 100px; background-color: yellow;"></div><!--第一种添加方式-->
<div id="div1"></div>
<div id="div2"></div>
<div class="div3"><div class="div31">66</div></div>
<a href="http://www.baidu.com">超链接</a>
</body>
</html>
标签：isa htm 窗口 其他 方式 pos 样式 总结 文本域
原文地址：http://www.cnblogs.com/buzhiheyan/p/7551085.html
