本文详细介绍了HTML与CSS的基础知识，包括文档结构、表格、列表、表单元素、样式设置等，适合初学者快速入门。
标题标签<h1>-<h6>
文档头部H5声明介绍：<!DOCTYPE>
使用<meta>标签：（1）描述文档类型和字符编码
（2）描述搜索关键字和描述
有序列表：<ol>
<li></li>
</ol>
无序列表：<ul>
<li></li>
</ul>
定义描述标签：<dl>
<dt></dt>
<dd></dd>
</dl>
表格：<table border="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
下拉菜单：
<select name = "mon">
<option></option>
<option selected="selected"></option>
</select>
传值3种方式：表单，超链接，Ajax异步传输
锚点：
<a href="#z11">111</a>
<a href="#z22">222</a>
....................................
<a name="z11">111</a>
111
....
<a name="z22">222</a>
222
....
HTML文本区域：<textarea cols="20" rows="20" readonly="readonly"></textarea>（只读）
表格合并:<table border="1">
<th>
</th>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td rowspan="3"></td>
</tr>
</table>
表格逻辑划分标签：
<thead><tbody><tfoot>
iframe用法：显示其他URL：<iframe src=""></iframe>
跳转到当前框：<a href="" target="a">
<iframe name="a" src="">
css中级别：id选择器>类选择器>标签选择器
<style type="text/css">
p{
color:red;
}
.myclass{
font-size:30px;
color:blue;
}
#all{
color:yellow;
}
</style>
<body>
<p class="myclass" id="all">aaa</p>
<div id="all">bbb</div>
</body>
字体属性：font-weight/font-size/font-family/font-style
行距对齐间隔：text-align
按钮转到其他页面：onclick="window.location.href='x.html'"
网页背景半透明：filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
触摸按钮效果：html中用a标签包裹，css中用":hover"实现
扫一扫
659
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
