溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
<!DOCTYPE html>
<html>
<head>
<!--頭標記 寫描述性的信息(css\javaScript)-->
<!--引入外部的樣式文件
rel:relationship的英文縮寫·REL屬性用于定義鏈接的文件和HTML文檔之間的關系
-->
<link rel="stylesheet" type="text/css" href="css/mycss.css" />
<!--內部樣式：樣式是用來描述頁面的，屬于描述性的信息，應寫在head中的style標簽內-->
<style>
h2{
color: red;
}
</style>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!--體標記 寫頁面顯示的信息-->
<!--a超鏈接或錨（anchor）， href（Hypertext Reference）:可以指定應用內或者是應用外的任意地址 -->
<a >我是超鏈接，鏈接地址是百度</a>
<!-- 表單作用: 收集用戶的信息，提交到后臺服務器 -->
<form action="http://www.baidu.com" method="get/post">
<!--提交到服務器的數據格式：name值=value值（如username=admin），服務器通過name值獲得value值-->
<!--文本輸入框-->
用戶名稱：<input type="text" name="username" value="admin" />
<!--br換行-->
<br />
<!--密碼-->
用戶密碼：<input type="password" name="password" />
<br />
<!--單選框-->
<!--只用當name屬性值相同的時候，才有單選的效果-->
用戶性別：男：<input type="radio" name="gender" value="男" />
女：<input type="radio" name="gender" value="女" />
<br />
<!--多選框-->
<!--name值要相同-->
用戶愛好：吃飯 <input type="checkbox" name="hobby" value="eat"/>
睡覺 <input type="checkbox" name="hobby" value="sleep"/>
打豆豆 <input type="checkbox" name="hobby" value="Beat beans "/>
<br />
<!--下拉列表-->
用戶地址：省份<select name="province">
<option value="山東省">山東省</option>
<option value="江蘇省">江蘇省</option>
<option value="北京市">北京市</option>
</select>
<br />
<!--提交按鈕-->
<input type="submit" value="提交"/>
</form>
<!-- h2~h7:標題標簽（header）-->
<h2 align="center"> 員工信息列表 </h2>
<!--表格-->
<!--cellpadding：單元格子的內容與單元格子四邊邊界之間空白距離
cellspacing：table表格中的單元格子之間的空白距離
tr：表格行
td：表格數據單元列
th：表格標題列,自帶居中并加粗的效果
-->
<table align="center" border="1px" cellspacing="0" cellpadding="10px" width="60%">
<tr>
<th>員工ID</th>
<th>員工名字</th>
<th>員工性別</th>
<th>員工描述</th>
</tr>
<tr>
<td>1</td>
<td>張三</td>
<td>男</td>
<td>good man</td>
</tr>
<tr>
<td>2</td>
<td>小紅</td>
<td>女</td>
<td>good woman</td>
</tr>
</table>
<!--div:網頁布局標簽（divide）
作用：選中某一區域，添加樣式
-->
<div >
這是div
</div>
<div id = "d1">
這是div1
</div>
<div class = "d2">
這是div2
</div>
<div class = "d2">
這是div3
</div>
</body>
</html>
/*元素選擇器*/
div{
width: 50px;
height: 50px;
border: 1px solid red;
background: #FF0000;
}
/*id選擇器
id不可重復，唯一*/
#d1{
background:aqua
}
/*類選擇器
可重復*/
.d2{
background: yellow;
}免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
