110 lines
2.4 KiB
HTML
110 lines
2.4 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Document</title>
|
|
<link rel="stylesheet" type="text/css" href="./index.css" />
|
|
<!-- <style>
|
|
p {
|
|
color: blue;
|
|
}
|
|
</style> -->
|
|
</head>
|
|
<body>
|
|
<h1 id="title01">HTML 语法介绍</h1>
|
|
<p class="red">段落</p>
|
|
<p>段落</p>
|
|
<span class="red">文字A</span>
|
|
<br />
|
|
<span class="red">文字B</span>
|
|
<br />
|
|
<form action="demo_form.php" method="get">
|
|
First name: <input id="input01" type="text" name="fname" /><br />
|
|
Last name: <input type="text" name="lname" /><br />
|
|
<input type="submit" value="提交" />
|
|
</form>
|
|
|
|
<iframe
|
|
src="https://www.baidu.com"
|
|
style="width: 800px; height: 400"
|
|
></iframe>
|
|
|
|
<table border="1">
|
|
<tr>
|
|
<th>Month</th>
|
|
<th>Savings</th>
|
|
</tr>
|
|
<tr>
|
|
<td>January</td>
|
|
<td>$100</td>
|
|
</tr>
|
|
<tr>
|
|
<td>February</td>
|
|
<td>$80</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div style="width: 400px; height: 400; background-color: aqua">
|
|
<table border="1">
|
|
<tr>
|
|
<th>Month</th>
|
|
<th>Savings</th>
|
|
</tr>
|
|
<tr>
|
|
<td>January</td>
|
|
<td>$100</td>
|
|
</tr>
|
|
<tr>
|
|
<td>February</td>
|
|
<td>$80</td>
|
|
</tr>
|
|
</table>
|
|
<br />
|
|
<p>这是一个段落</p>
|
|
</div>
|
|
<hr />
|
|
<div style="width: 400px; height: 400; background-color: aqua">
|
|
<table border="1">
|
|
<tr>
|
|
<th>Month</th>
|
|
<th>Savings</th>
|
|
</tr>
|
|
<tr>
|
|
<td>January</td>
|
|
<td>$100</td>
|
|
</tr>
|
|
<tr>
|
|
<td>February</td>
|
|
<td>$80</td>
|
|
</tr>
|
|
</table>
|
|
<br />
|
|
<p>这是一个段落</p>
|
|
</div>
|
|
|
|
<span>span1</span>
|
|
<span>span2</span>
|
|
|
|
<br />
|
|
<ul id="list_menu" class="ul_class">
|
|
<li id="coffee">Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
<div>
|
|
<li>绿茶</li>
|
|
<li>红茶</li>
|
|
</div>
|
|
</ul>
|
|
|
|
<div class="img-warppter">
|
|
<img src="./images/1.jpeg" alt="" />
|
|
<img src="./images/2.jpeg" alt="" />
|
|
<img src="./images/1.jpeg" alt="" />
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById("title01").style.color = "red";
|
|
</script>
|
|
</body>
|
|
</html>
|