Skip to content

Instantly share code, notes, and snippets.

@yeungon

yeungon/basiclayout.html

Last active June 9, 2017 05:32
Show Gist options
  • Save yeungon/0172d9d3fd9a82c4201e1f0276591af7 to your computer and use it in GitHub Desktop.
Save yeungon/0172d9d3fd9a82c4201e1f0276591af7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
basiclayout.html
<!DOCTYPE html>
<html>
<head>
<title>Đang học css</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<!-- <link rel="stylesheet" type="text/css" href="ngonngu.css"> -->
</head>
<body>
<div id = "top"> Banner </div>
<div id = "menu">
<ul>
<!-- nhúng style trực tiếp border_left để fix lỗi border trái -->
<li><a href="#" style="border-left:1px solid #ff9999">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id = "main">
<div id = "left">
<h1> leftmenu </h1>
<ul>
<li><a href="#">Tin kinh tế</a></li>
<li><a href="#">Tin kinh tế</a></li>
<li><a href="#">Tin kinh tế</a></li>
<li><a href="#">Tin kinh tế</a></li>
<li><a href="#">Tin kinh tế</a></li>
<li><a href="#">Tin kinh tế</a></li>
</ul>
</div>
<div id ="info">
<div class = "news"><!-- lặp đi lặp lại nên dùng class -->
<h1>Chuyện về tấm bia cổ nhất việt nam</h1>
<img src ="aaaa.jpg" align = "left" width="130px">
Trong Tuyên bố chung về việc làm sâu sắc hơn quan hệ Đối tác chiến lược sâu rộng Việt Nam - Nhật Bản, hai nhà lãnh đạo hai nước nhất trí, Nhật Bản sẽ hỗ trợ triển khai các dự án xây dựng cơ sở hạ tầng chất lượng cao, quy mô lớn, trọng điểm quốc gia như đường bộ cao tốc Bắc - Nam, đường sắt đô thị...
<div class ="cls"></div>
</div>
<div class = "news"><!-- lặp đi lặp lại nên dùng class -->
<h1>Chuyện về tấm bia cổ nhất việt nam</h1>
<img src ="aaaa.jpg" align = "left" width="130px">
Trong Tuyên bố chung về việc làm sâu sắc hơn quan hệ Đối tác chiến lược sâu rộng Việt Nam - Nhật Bản, hai nhà lãnh đạo hai nước nhất trí, Nhật Bản sẽ hỗ trợ triển khai các dự án xây dựng cơ sở hạ tầng chất lượng cao, quy mô lớn, trọng điểm quốc gia như đường bộ cao tốc Bắc - Nam, đường sắt đô thị...
<div class ="cls"></div>
</div>
<div class = "news"><!-- lặp đi lặp lại nên dùng class -->
<h1>Chuyện về tấm bia cổ nhất việt nam</h1>
<img src ="aaaa.jpg" align = "left" width="130px">
Trong Tuyên bố chung về việc làm sâu sắc hơn quan hệ Đối tác chiến lược sâu rộng Việt Nam - Nhật Bản, hai nhà lãnh đạo hai nước nhất trí, Nhật Bản sẽ hỗ trợ triển khai các dự án xây dựng cơ sở hạ tầng chất lượng cao, quy mô lớn, trọng điểm quốc gia như đường bộ cao tốc Bắc - Nam, đường sắt đô thị...
<div class ="cls"></div>
</div>
<form>
<fieldset>
<legend>Member Register</legend>
<label>Full Name:</label> <input type="text" name="txtname" size="25" /><br />
<label>Address:</label> <input type="text" name="txtadd" size="25" /><br />
<label>Email:</label> <input type="text" name="txtemail" size="25" /><br />
<label>Gender:</label> <input type="radio" name="gender" value="1" checked="checked" />Male
<input type="radio" name="gender" value="2" />Female <br />
<label>Country:</label> <select name="country">
<option value="1">VietNam</option>
<option value="2">Cambodia</option>
<option value="3">ThaiLan</option>
</select><br />
<label>Note:</label> <textarea name="txtnote" cols="25" rows="5"></textarea><br />
<label>&nbsp;</label><input type="submit" name="ok" value="Submit" class="button" />
</fieldset>
</form>
</div>
<div id = "right">right</div>
</div>
<div id = "bottom">copyright </div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment