您的位置：首页 > 编程语言 > PHP开发

韩顺平_php从入门到精通_视频教程_第9讲_多标签汇总②_线包字效果_测试题_学习笔记_源代码图解_PPT文档整理

2012-11-12 17:34 1341 查看

文西马龙：http://blog.csdn.net/wenximalong/

参考给出的html网页文档，把各个html常用的元素，都过一遍。

学会查找手册

<html>
<head></head>
<body>
<!--至多输入5个字符-->
username:<input type="text" maxlength="5" /><br/>
<!--默认选中-->
<input type="checkbox" name="fruit" checked />苹果1
<input type="checkbox" name="fruit" />苹果2
<input type="checkbox" name="fruit" checked />苹果3<br>

<input type="radio" name="sex" />男
<input type="radio" name="sex" checked />女<br/>

<select name="address">
<option value="beijing">北京</option>
<option value="nanjing">南京</option>
<option value="guangzhou" selected>广州</option>
</select><br/>
<!--在输入框内预先输入信息默认值-->
请发言：<br/>
<textarea cols="40" rows="5">
请输入你要写的信息……
</textarea><br/>

用户：<input type="text" name="username" value="请输入名字" /><br/>
<!--跑马灯-->
<!--详细参数看手册，不需要记住，知道会查找-->
<marquee>我会移动</marquee>
<marquee><img src="dog.jpg" width="70px" /></marquee><br/><br/>
<!--线包字-->
<fieldset style="width:300px">
<legend>★ 审核状态</legend>
<form>
<input type="radio" name="state" />已经审核
<input type="radio" name="state" />没有审核
</form>
</fieldset>
</body>
</html>

为什么大家都做浏览器，上网的入口

企业邮箱的小案例

背景图片

示意图

<html>
<head></head>
<body>
<center>
<!--这个表格是用来往下顶的-->
<!--在表格中写入文字，如1，2，3有利于调试-->
<table height="200px">
<tr></tr>
</table>

<!--border="1px"是为了调试看，最后去掉或者设为0px，然后把调试预先写入的1，2，3或a，b，c也去掉-->
<table border="1px" width="724px" height="404px" background="beijing.jpg">
<tr><td width="330px" rowspan="3">4</td><td> </td></tr>
<tr><td>
<table border="1px" width="100%" height="100%">
<tr><td>用户名</td><td><input type="text" name="username" /></td></tr>
<tr><td>密  码</td><td><input type="password" name="password" /></td></tr>
<tr><td colspan="2">
<input type="submit" value="登录" />

<input type="reset" value="重新填写" />
</td></tr>
<tr><td colspan="2">
<a href="#">找回密码</a>
<a href="#">注册用户</a>
</td></tr>
</table>
</td></tr>
<!--把2去掉后，会变形，用 空格压住-->
<tr><td>2</td></tr>
</table>
</center>
</body>
</html>

从这个可以看出表格布局的优势和劣势

劣势：太多的tr,td

优势：在各个浏览器里几乎不变形

韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航