这篇文章给大家介绍的内容是关于HTML5中div标签的实例代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | <!DOCTYPE html>
<html lang= "en" >
<head>
<meta charset= "UTF-8" >
<meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
<meta http-equiv= "X-UA-Compatible" content= "ie=edge" >
<title>Document</title>
<!-- <link rel= "stylesheet" href= "CSS\17-p.css" > -->
<style>
.box{
width: 100px;
height: 50px;
background-color: red;
}
span{
background-color: red;
width: 200px;
height: 200px;
margin: 100px 20px;
}
</style>
</head>
<body>
<p class = "box" ></p>
<p>段落</p>
<h1>标题标签</h1>
<!-- ol>li{有序$}*5 -->
<ol>
<li>有序1</li>
<li>有序2</li>
<li>有序3</li>
<li>有序4</li>
<li>有序5</li>
</ol>
<!-- ul>li{无序$}*3 -->
<ul>
<li>无序1</li>
<li>无序2</li>
<li>无序3</li>
</ul>
<!-- dl>dd{定义列表}*3 -->
<dl>
<dt>title</dt>
<dd>定义列表</dd>
<dd>定义列表</dd>
<dd>定义列表</dd>
</dl>
<form action= "" >
<label for = "" >标注</label>
<input type= "text" name= "" id= "" >
</form>
<span>行内元素</span>
<span>行内元素</span>
</body>
</html>
|
登入後複製
运行效果如下:

相关推荐:
HTML5属性:form表单属性的用法实例
HTML5的option属性:如何使用option属性实现级联下拉列表
以上是HTML5中div標籤的實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!