By GokiSoft.com|
14:45 12/10/2020|
Học HTML5 - CSS3
[Share Code] Hướng dẫn tìm hiểu tags căn bản trong HTML/CSS - Lập trình HTML/CSS/JS
#photo1.jpg
https://res.cloudinary.com/wegoup/image/upload/v1602488713/vsyerwrsehmpar8ykxgv.jpg
#vidu.html
<!DOCTYPE html>
<html>
<head>
<title>Lession4 Tutorial</title>
<meta charset="utf-8">
<style type="text/css">
img {
padding: 5px;
border: dotted red 3px;
border-left: solid black 10px;
background-color: grey;
}
</style>
</head>
<body>
<img src="https://media.king5.com/assets/KSDK/images/cb9080f7-61e4-46ce-a43e-e3c11c3252c6/cb9080f7-61e4-46ce-a43e-e3c11c3252c6_1140x641.jpg" style="width: 300px; max-width: 800px;">
<img src="photos/photo1.jpg" style="width: 300px; max-width: 800px;">
<img src="photos/photo1.jpg" style="width: 300px; max-width: 800px;">
<img src="photos/photo1.jpg" style="width: 300px; max-width: 800px;">
<table border="1" cellpadding="5" cellspacing="5" style="background-color: green; color: yellow">
<thead>
<tr>
<th colspan="6" style="text-transform: uppercase; background-color: grey">Bang Quan Ly Thong Tin Sinh Vien</th>
</tr>
<tr>
<th style="background-color: grey; color: white;">STT</th>
<th style="text-align: center;">Ho & Ten</th>
<th>Ngay Sinh</th>
<th>Gioi Tinh</th>
<th>Dia Chi</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3" colspan="2" style="background-color: red">1</td>
<td>01-01-1991</td>
<td>Nam</td>
<td>Nam Dinh</td>
<td>tranvandiep.it@gmail.com</td>
</tr>
<tr>
<td>01-01-1991</td>
<td>Nam</td>
<td>Nam Dinh</td>
<td>tranvandiep.it@gmail.com</td>
</tr>
<tr>
<td>01-01-1991</td>
<td>Nam</td>
<td>Nam Dinh</td>
<td>tranvandiep.it@gmail.com</td>
</tr>
</tbody>
</table>
<br><br>
<table border="1" cellspacing="0" cellpadding="3">
<thead>
<tr>
<th colspan="6" style="text-transform: uppercase;">Bang Quan Ly Thong Tin Sinh Vien</th>
</tr>
<tr>
<th>STT</th>
<th>Ho & Ten</th>
<th>Ngay Sinh</th>
<th>Gioi Tinh</th>
<th>Dia Chi</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>TRAN VAN A</td>
<td>01-01-1991</td>
<td>Nam</td>
<td>Nam Dinh</td>
<td>tranvandiep.it@gmail.com</td>
</tr>
<tr>
<td>2</td>
<td>TRAN VAN A</td>
<td>01-01-1991</td>
<td>Nam</td>
<td>Nam Dinh</td>
<td>tranvandiep.it@gmail.com</td>
</tr>
<tr>
<td>3</td>
<td>TRAN VAN A</td>
<td>01-01-1991</td>
<td>Nam</td>
<td>Nam Dinh</td>
<td>tranvandiep.it@gmail.com</td>
</tr>
</tbody>
</table>
<br/><br/><br/><br/><br/><br/>
<!-- hoc UI -> khong anh huong den giao dien cua web -->
<!-- Form -> lien quan day du lieu -->
<form>
<input autofocus="true" type="text" name="username" size="50" placeholder="Enter user name">
<input required="true" type="email" name="email" size="50">
<input type="password" name="pwd" size="50">
<input type="date" name="birthday" size="50">
<input type="color" name="color" size="50">
<input type="time" name="checkin" size="50">
<input type="number" name="checkout" size="50">
<select>
<option value="">-- Gioi Tinh --</option>
<option value="Male">Nam</option>
<option value="Female">Nu</option>
</select>
<input type="text" name="coutry" list="datalist_country">
<datalist id="datalist_country">
<option value="VN"/>
<option value="US"/>
<option value="JP"/>
</datalist>
<textarea rows="5"></textarea>
<input type="checkbox" name="checkout" size="50">
<input type="radio" name="checkout" size="50"> Nam
<input type="radio" name="checkout" size="50"> Nu
<button>Submit</button>
</form>
<br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/>
</body>
</html>
Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)