web前端笔记

th可代替td在表格中加粗文字

<dl>

<dt></dt><dd><dd>    dt是上层项目

</dl>

列表 <ul>   <li>.</li> </ul>     li可在嵌套ul列表  可分级

表单<form action="'method=""></form>

 <input type=""name=""id=""value="">

文本框 text   密码框password  隐藏域 hidden  单选框 radio  复选框CheckBox（单选框复选框 check =”checked“  默认被选中）  按钮 button   提交按钮 submit  图片按钮  image

下拉列表  <select name="">

<option value=""select="select">列表内容</option>

</select>                           select="select"默认选中

多行文本框<textarea name=“”col=“”row=“”></textarea>

语义化
h4标签兼容更好
<div id="">
头部
</div>
<div id="">
内容部
</div>
<div id="">
尾部
</div>

h5标签语义化过
可以提高代码的可读性
<header>头部</header>
<content>内容区</content>
<footer>尾部</footer>

<em>强调</em>
<ins>下划线</ins>
<iframe src="屏幕自适应.html" frameborder="1"width="1000" height="500"></iframe>

屏幕自适应

@media screen and (max-width:800px){/*当屏幕小于或者等于800px的时候*/
div{
width:100px;
height:100px;
background:red;
}
}
@media screen and (min-width:800px){/*当屏幕大于或者等于800px的时候*/
div{
width:200px;
height:200px;
background:black;
}
}