<div class="web page">
<h1 class="title">Hello</h1>
<h4 class="details">There is a html web page.</h4>
<input placeholder="text">
<input type="search" placeholder="search">
<input type="email" placeholder="email">
<input type:="password" placeholder="password">
<input type:="number" placeholder="number">
<input type="file" placeholder="file">
<textarea placeholder="text"></textarea>
<ol>
<li class="A">A</li>
<li id="B">B</li>
<li>C</li>
</ol>
<ul>
<li class="A">1</li>
<li id="B">2</li>
<li>3</li>
</ul>
<button style="background:orange">1</button>
<button style="background:orange">2</button>
<button style="color:black">3</button>
<button style="color:black">4</button>
<footer>
<p>Ali.Ma made this webpage.</p>
</footer>
</div>
HTML
格式化
支持Emmet，输入 p 后按 Tab键试试吧！
<head> ... </head>
<body>
</body>
button{
font-side:200%;
}
p:hover{
border:2px solid #000;
}
h1:hover{
border:2px solid #000;
}
h4:hover{
border:2px solid #000;
}
.A{
color:orange
}
#B{
color:blue
}