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

html/css_1基础【HTML/JS】

2016-07-06 16:36 447 查看

<!DOCTYPE html>
<html>
<head>
<title>firstpage</title>
<style type="text/css">
div#container{width:800px}
div#drinks{width:500px;height:400px;background-image:url('Desert.jpg');float:left;}
div#webpages{width:300px;height:400px;float:left;}
div#forms{float:left;background-color:#FFF1FF;}
h1{font-size:22px}
</style>
<meta http-equiv="Content-Type" content="charset=utf-8"/>
<meta name="Keywords" content="frontpage">
<link rel="stylesheet" href="c5.css" type="text/css" />
</head>

<body>
<div id="container">

<div id="drinks">
<h1>Drinks</h1>
<script type="text/javascript">
document.write("please order")
</script>
<ul>
<li><a href="/site/index.asp" title="coffee" target="_blank">coffee</a></li>
<li><a href="/site/index.asp" title="black tea">black tea</a></li>
</ul>
<ol>
<li>tea</li>
<li>cocacola</li>
</ol>
</div>

<div id="webpages">
<h1>WEbpages</h1>
<table border="1">
<tr>
<th>tables</th>
<th>links</th>
</tr>
</table>
<a href="http://inankai.cn/"><img src="URL" alt="Alternate Text" /></a>
<p>This is a paragraph</p>
<pre>This text is preformatted</pre>
<b>This text is emphasized</b>
</div>

<div id="forms">
<form name="input" action="orm_action.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="submit name" />
</form>
<form name="input" action="/html/form_action.asp" method="get">
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" checked="checked" />
<input type="submit" value="Submit" />
<br />
</form>
<textarea rows="10" cols="30">
The cat was playing in the garden.
</textarea>
</div>

</div>
</body>
</html>

第一段代码/html基础。

第一段代码/html基础。

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

标签：

相关文章推荐

新的分享

章节导航