您的位置：首页 > Web前端 > HTML

html基础

2011-11-08 12:38 141 查看 
<html><head>
<meta http-equiv="content_type" content="text/html,chatset=bsp">
<title>使用一个简单的CSS样式</title>
<meta name="password" content="PHP论坛，LAMP。视频教程 php手册 php学习 php下载" >
<meta name="description" content="LAMP是以PHP为核心技术而开发的论坛，为广大PHP爱好者提供资源">
<meta name="author" content="LAMP brother uI team">
<meta name="copyright" content="2001-2009 EDU">
<meta name="password" content="PHP论坛，LAMP。视频教程 php手册 php学习 php下载" >
<base href="URL" target="window_name">
<link rel="archives" title="LAMP 兄弟连" href="archives/">
<link rel="Stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
p{
font-size:20px;
color:yellow;
border:2px solid blue;
text-align:center;
background:green;
}
h3{font-size:larger; color:red;}
#bor{width:20px;border:dashed 1px;}
#main{
height:200px;
width:200px;
margin:20px;
padding:20px;
border:1px solid #000;
background:#EAEAEA;
}
span(width:100%;height:100%;border:dashed 1px;align:center;padding-top:20%;)
a:HOVER {
position:relative;
top:1px;
left:1px;
color:yellow;;
}

#demo{
position:absolute;
width:300px;
height:300px;
top:1090px;
left:260px;
background:#BABABA;
z-index:1;
}
</style>
</head>
<body>
<?php
$n="hello world";
echo "<p>$n<br>";
echo $n;
?>
<br>用户名:<input type="text" name="user"></input>
<br>密码:<input type="password" name="password"></input>
<br>性别：<input type="radio" name="fsex" >男
<input type="radio" name="fsex" >女
<p>linux</p>
MySQL
PHP
<center><h3>这行在网页居中显示</h3></center>
<pre><b>
上边
左边                                                                        右边
下边
</b></pre>
<hr>无顺序列表：
<ul>
<li><big>第一项</big></li>
<li><small>第二项</small></li>
<li><strong>第三项</strong></li>
</ul>
<hr>有序列表
<ol>
<li><i>第一项</i></li>
<li><u>第二项</u></li>
<li><tt>第三项</tt></li>
</ol>
<a name="wangdao>锚点连接">锚点</a>
<br>
<img alt="this is image" src="D:\wamp\www\web\win.jpg" border="2" width="80" height="40">
<br><a href="http://www.baidu.com" name="百度" target="_blank">百度一下</a>
<br><a href="#wangdao" target="_self">连接到锚点</a>
<table align="center" border="6px">
<caption>表格名称</caption>
<tr>
<th colspan="3">表头单元格</th>
<th colspan="2">成绩</th>
</tr>
<tr>
<td>单元格一</td>
<td>单元格二</td>
</tr>
<tr align="center">
<td>小明</td>
<td>男</td>
<td>计算机</td>
<td rowspan="2">PHP开发</td>
<td>86</td>
</tr>
<tr align="center">
<td>夕瑶</td>
<td>女</td>
<td>网络原理</td>
<td>80</td>
</tr>
</table>
<table align="center" width="500" border="0" cellpadding="2" cellspacing="0">
<caption>LAMP学员基本信息</caption>
<form action="server.php" method="post">
<tr>
<td>姓名：</td>
<td><input type="text" name="ustname" size="20"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="1" checked>男
<input type="radio" name="sex" value="2">女
<input type="radio" name="sex" value="0">保密
</td>
</tr>
<tr>
<td>学历：</td>
<td>
<select name="edu">
<option>---请选择---</option>
<option value="1">高中</option>
<option value="2">大专</option>
<option value="3">本科</option>
<option value="4">研究生</option>
<option value="5">其他</option>
</select>
</td>
</tr>
<tr>
<td>选修课程：</td>
<td>
<input type="checkbox" name="course" value="4">Linux
<input type="checkbox" name="course" value="5">Apache
<input type="checkbox" name="course" value="6">MySQL
<input type="checkbox" name="course" value="7">PHP
</td>
</tr>
<tr>
<td>自我评价：</td>
<td>
<textarea rows="4" cols="40"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="重置">
</td>
</tr>
</form>
</table>
<div id="bor">
<div id="main">
<span>内容 元素</span>
</div>
</div>
<div id="demo">这是一个区域块，我在网页的哪个位置？
<br><a href="http://www.baidu.com">百度一下</a>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航