By GokiSoft.com| 19:19 11/10/2023|
Học HTML5 - CSS3

Thiết kế website quản lý showroom - galaxy - Lập trình HTML5/CSS/Javascript BT1572

Liên kết rút gọn:

https://gokisoft.com/1572

Bình luận

avatar
Đỗ Quốc Dũng
2023-10-13 11:31:03

https://github.com/Doquocdung1609/HTML-5/tree/master

avatar
Tùng Dương
2023-10-11 14:08:03

https://github.com/phihoangtungduong/html/tree/master/Lesson1

avatar
hohuy1610@gmail.com [community,C2108L]
2021-11-17 09:08:48

https://github.com/HoGiaHuy2003/C2108L-HTML-CSS-JS/tree/master/day-2/bt1572

avatar
Trần Minh Tú [community,C2108L]
2021-11-12 08:34:51


#GalleryOne.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Automobile Gallery - Page 1</title>
</head>
<body>
    <hr>
    <h2>Gallery Part I</h2>
    <hr>

    <a href="#Chevrolet">Chevrolet</a><br>
    <a href="#Ferrari">Ferrari</a><br>
    <a href="#Ford">Ford</a><br>


    <!-- Anh xe Chevrolet -->
    <hr>
    <h3 id="Chevrolet">Chevrolet</h3>
    <hr>
    <div>
        <h4>Corvette Coupe</h4>
        <img src="https://files.fm/thumb_show.php?i=wjhb82ph2" alt="Anh1">
    </div>
    <div>
        <h4>Camaro RS/SS</h4>
        <img src="https://files.fm/thumb_show.php?i=3r5957h5m" alt="Anh2">
    </div>
    <!-- Tim hieu thuoc tinh Top cua Href -->
    <a href="#top">Top</a>
    <!-- Anh xe Ferrari -->
    <hr>
    <h3 id="Ferrari">Ferrari</h3>
    <hr>
    <div>
        <h4>275 GTB</h4>
        <img src="https://files.fm/thumb_show.php?i=32fxde7p9" alt="Anh3">
        <h4>Dino 246 GTS</h4>
        <img src="https://files.fm/thumb_show.php?i=jt3rcnyn6" alt="Anh4">
    </div>
    <a href="#top">Top</a>
    <!-- Anh xe Ford -->
    <hr>
    <h3 id="Ford">Ford</h3>
    <hr>
    <div>
        <h4>Tudor Hot Rod</h4>
        <img src="https://files.fm/thumb_show.php?i=92ea33svn" alt="Anh5">
        <h4>Mustang Boss 302</h4>
        <img src="https://files.fm/thumb_show.php?i=tnh8mu3w7" alt="Anh6">
    </div>
    <a href="#top">Top</a>
    <a href="GalleryTwo.html" target="_self">Next Page</a>
</body>
</html>


#GalleryTwo.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Automobile Gallery - Page 2</title>
</head>
<body>
    <hr>
    <h2>Gallery Part II</h2>
    <hr>

    <a href="#Jaguar">Jaguar</a><br>
    <a href="#Porsche">Porsche</a><br>
    <a href="#Shellby">Shellby</a><br>

    <!-- Anh xe Jaguar -->
    <hr>
    <h3 id="Jaguar">Jaguar</h3>
    <hr>
    <div>
        <h4>XK-140 MC Roadster</h4>
        <img src="https://files.fm/thumb_show.php?i=rsttj6x4u" alt="Anh1">
    </div>
    <div>
        <h4>XKE S1 OTS</h4>
        <img src="https://files.fm/thumb_show.php?i=2bcrym6dj" alt="Anh2">
    </div>
    <a href="#top">Top</a>
    <!-- Anh xe Porsche -->
    <hr>
    <h3 id="Porsche">Porsche</h3>
    <hr>
    <div>
        <h4>911 Carrena Coupe</h4>
        <img src="https://files.fm/thumb_show.php?i=qvh3vq7zx" alt="Anh3">
        <h4>Boxster S</h4>
        <img src="https://files.fm/thumb_show.php?i=vfpvqa288" alt="Anh4">
    </div>
    <a href="#top">Top</a>
    <!-- Anh xe Shellby -->
    <hr>
    <h3 id="Shellby">Shellby</h3>
    <hr>
    <div>
        <h4>289 Cobra CSX2258</h4>
        <img src="https://files.fm/thumb_show.php?i=ca27wzfn2" alt="Anh5">
        <h4>427 Cobra CSX3305</h4>
        <img src="https://files.fm/thumb_show.php?i=nb4qfmbg4" alt="Anh6">
    </div>
    <a href="#top">Top</a>
    <a href="GalleryOne.html" target="_self">Previous Page</a>
</body>
</html>


#bai1.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UNESCO</title>
</head>
<body>
    <h2 title="United Nations Educational, Scientific and Cultural Organization">UNESCO</h2>
    <hr>
    <div>
        <b style="font-size: 20px;">UNESCO</b>
        <b><i>(United Nations Educational, Scientific and Cultural Organization)</i></b> is a specialized agency of the United Nations established in 1945. Its purpose is to provide peace and security by promoting international collaboration.
    </div>
    <div style="display: flex;">
        <p style="font-size: large;">Locations:</p>
        <p style="font-size: small;">Headquarter of UNESCO is located in Paris, France.</p>
    </div>

    <p style="font-size: small"><span style="font-size: large">Locations:</span>Headquarter of UNESCO is located in Paris, France.</p>

    <p><span style="color: red;">Màu đỏ</span>, <span style="color: yellow;">màu vàng</span>, <span style="color: blue;">màu xanh</span> là 3 màu của đèn tín hiệu giao thông</p>
</body>
</html>


avatar
Phạm Ngọc Ninh [C2108L]
2021-11-11 22:15:32



<!DOCTYPE html>
<html>
<head>
	<title>Automobile Gallery - Page II</title>
	<meta charset="utf-8">
</head>
<body id="top">
	<hr>
	<h2>Gallery Part II</h2>
	<hr>
	<a href="#Jaguar">Jaguar</a><br>
	<a href="#Porsche">Porsche</a><br>
	<a href="#Shelby">Shelby</a><br>
	<hr>
	<h3 id="Jaguar">Jaguar</h3>
	<hr>
	<p>XJL 2020</p>
	<img src="https://img.tinbanxe.vn/images/Jaguar/jaguar-xjl-2020.png" width="300">
	<p>XJ50</p>
	<img src="https://images.livemint.com/rf/Image-621x414/LiveMint/Period2/2018/12/04/Photos/Processed/Jaguar-XJ-kD0D--621x414@LiveMint.jpg" width="300"><br>
	<a href="#top">TOP</a>
	<hr>
	<h3 id="Porsche">Porsche</h3>
	<hr>
	<p>718 Cayman</p>
	<img src="https://img.tinbanxe.vn/images/Porsche/porsche-718-2020-2.png" width="300">
	<p>Panamera 2021</p>
	<img src="https://i.xeoto.com.vn/auto/porsche/panamera/porsche-panamera-2020.png" width="300"><br>
	<a href="#top">TOP</a>
	<hr>
	<h3 id="Shelby">Shelby</h3>
	<hr>
	<p>Mustang Shelby GT500</p>
	<img src="https://o.aolcdn.com/images/dims?quality=95&image_uri=https%3A%2F%2Fs.yimg.com%2Fuu%2Fapi%2Fres%2F1.2%2Fe7gjVuaKbymKQyVETRJnRw--%7EB%2FaD0xMDk3O3c9MTkyMDthcHBpZD15dGFjaHlvbg--%2Fhttps%3A%2F%2Fo.aolcdn.com%2Fimages%2Fdims%3Fresize%3D2000%252C2000%252Cshrink%26image_uri%3Dhttps%253A%252F%252Fs.yimg.com%252Fos%252Fcreatr-uploaded-images%252F2019-10%252F7ac42b50-f9c9-11e9-b77b-ec90e28ff5c2%26client%3Da1acac3e1b3290917d92%26signature%3D0fde9931f5ee37276950e3f3a45e540f2a567734&client=amp-blogside-v2&signature=c6a8faa84676635909299e384c0d6d694a7c54c1" width="300">
	<p>SHELBY GT350R</p>
	<img src="https://product.hstatic.net/1000288177/product/72931_c9a98d8a6f2341839b70c8712fcd82e2_master.jpg" width="300"><br>
	<a href="#top">TOP</a><br>
	<a href="GalleryOne.html">Previous page</a>
</body>
</html>


avatar
Phạm Ngọc Ninh [C2108L]
2021-11-11 22:14:52



<!DOCTYPE html>
<html>
<head>
	<title>Automobile Gallery - Page I</title>
	<meta charset="utf-8">
</head>
<body id="top">
	<hr>
	<h2>Gallery Part I</h2>
	<hr>
	<a href="#Chevrolet">Chevrolet</a><br>
	<a href="#Ferrari">Ferrari</a><br>
	<a href="#Ford">Ford</a><br>
	<hr>
	<h3 id="Chevrolet">Chevrolet</h3>
	<hr>
	<p>Corvette Prices</p>
	<img src="https://media.ed.edmunds-media.com/chevrolet/corvette/2020/oem/2020_chevrolet_corvette_coupe_stingray_fq_oem_3_1600.jpg" width="300">
	<p>Chevrolet coupe models</p>
	<img src="https://file.kelleybluebookimages.com/kbb/base/evox/CP/14487/2021-Chevrolet-Corvette-front_14487_032_2400x1800_G8G.png" width="300"><br>
	<a href="#top">TOP</a>
	<hr>
	<h3 id="Ferrari">Ferrari</h3>
	<hr>
	<p>488 GTB</p>
	<img src="https://xehay.vn/uploads/images/2019/2/03/xehay-Ferrari-488-GTB-review-250219%20(3).jpg" width="300">
	<p>GTC4Lusso 2020</p>
	<img src="https://img.tinbanxe.vn/images/Ferrari/Ferrari-GTC4-Lusso-2020.png" width="300"><br>
	<a href="#top">TOP</a>
	<hr>
	<h3 id="Ford">Ford</h3>
	<hr>
	<p>EXPLORER 2020</p>
	<img src="https://lh3.googleusercontent.com/proxy/F9zjk3KT_ALK9IYPuY1zh-klpYu5YIe114CcmOjCAF5-tJX_xUsnhGM2FYtyFhSvP95qGD22qftQJM6714D3rxGsxZ9zM8-Bu2HyR-y33_tyrDNEu3Pmgc_QaZuNsRzcfW9r0JAtPQ" width="300">
	<p>Ranger Raptor</p>
	<img src="https://img1.oto.com.vn/2019/09/18/PeuV4SSr/gia-xe-ford-ranger-raptor-2019-8eb9.jpg" width="300"><br>
	<a href="#top">TOP</a><br>
	<a href="GalleryTwo.html">Next page</a>
</body>
</html>


avatar
Phạm Ngọc Ninh [C2108L]
2021-11-11 22:12:46



<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body style="background-color: #FFFFCC">
	<h2 align="center"><b><u>Attendance Sheet</u></b></h2>
	<a href="C:\Users\Admin\Desktop\New folder (3)\HTML\baithu2\calendar.html" target="_self"><img  src="C:\Users\Admin\Desktop\New folder (3)\HTML\baithu2\week1.JPG"></a>
	<img  src="C:\Users\Admin\Desktop\New folder (3)\HTML\baithu2\week2.JPG"></a>
	<a href="C:\Users\Admin\Desktop\New folder (3)\HTML\baithu2\Attendance3.html" target="_self"><img  src="C:\Users\Admin\Desktop\New folder (3)\HTML\baithu2\week3.JPG"></a>
	<a href="C:\Users\Admin\Desktop\New folder (3)\HTML\baithu2\Attendance4.html" target="_self"><img  src="C:\Users\Admin\Desktop\New folder (3)\HTML\baithu2\week4.JPG"></a>
	<table cellpadding="8">
		<thead>
			<tr>
				<CAPTION>WEEK 2</CAPTION>
			</tr>
			<tr>
				<th></th>
				<th>Mon</th>
				<th>Tue</th>
				<th>Wed</th>
				<th>Thu</th>
				<th>Fri</th>
				<th>Sat</th>
				<th>Total</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th>John</th>
				<td>P</td>
				<td>P</td>
				<td>P</td>
				<td>P</td>
				<td></td>
				<td>P</td>
				<td>5</td>
			</tr>
			<tr>
				<th>Smith</th>
				<td></td>
				<td>P</td>
				<td>P</td>
				<td>P</td>
				<td></td>
				<td>P</td>
				<td>4</td>
			</tr>
			<tr>
				<th>David</th>
				<td>P</td>
				<td>P</td>
				<td>P</td>
				<td>P</td>
				<td>P</td>
				<td>P</td>
				<td>6</td>
			</tr>
			<tr>
				<th>Mark</th>
				<td>P</td>
				<td></td>
				<td>P</td>
				<td></td>
				<td>P</td>
				<td></td>
				<td>3</td>
			</tr>
		</tbody>
	</table>
</body>
</html>


avatar
Ngô Quang Huy [community,C2108L]
2021-11-11 18:13:55


#GalleryOne.html


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Automobile Gallery - Page 1</title>
</head>
<body>
    <hr>
    <h2>Gallery Part I</h2>
    <hr>
    <a href="#chevrolet">Chevrolet</a>
    <br>
    <a href=" Ferrari">Ferrari</a>
    <br>
    <a href="  Ford">Ford</a>
    <hr>
    <h3>Chevrolet</h3>
    <hr>
    <h4>Corvette Coupe</h4>
    <img src="https://i.imgur.com/IQx1CKw.jpg">
    <h4>Camaro RS/SS</h4>
    <img src="https://i.imgur.com/nj1EFE4.jpg">
    <br>
    <a href="#top" style="color: mediumblue;"><u>Top</u></a>
    <hr>
    <h3>Ferrari</h3>
    <hr>
    <h4>275 GTB</h4>
    <img src="https://i.imgur.com/qZ0onmM.jpg">
    <h4>Dino 246 GTS</h4>
    <img src="https://i.imgur.com/485Xbyo.jpg">
    <br>
    <a href="#top" style="color: mediumblue;"><u>Top</u></a>
    <hr>
    <h3>Ford</h3>
    <hr>
    <h4>Tudor Hot Rod</h4>
    <img src="https://i.imgur.com/gufnuZp.jpg">
    <h4>Mustang Boss 302</h4>
    <img src="https://i.imgur.com/8HOt4qv.jpg">
    <br>
    <a href="#top" style="color: mediumblue;">Top</a>
    <br>
    <a href="GalleryTwo.html"style="color: mediumblue;"><u>Next page</u></a>
</body>
</html>


#GalleryTwo.html


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Automobile Gallery - Page 1</title>
</head>
<body>
    <hr>
    <h2>Gallery Part II</h2>
    <hr>
    <a href="#jaguar">Jaguar</a>
    <br>
    <a href="Porsche">Porsche</a>
    <br>
    <a href="shelby">shelby</a>
    <hr>
    <h3>Jaguar</h3>
    <hr>
    <h4>XK-140 MC Roadster</h4>
    <img src="https://i.imgur.com/YO3sMXC.jpg">
    <h4>XKE S1 OTS</h4>
    <img src="https://i.imgur.com/k57As2m.jpg">
    <br>
    <a href="#top" style="color: mediumblue;"><u>Top</u></a>
    <hr>
    <h3>Porsche</h3>
    <hr>
    <h4>911 Carrera Coupe</h4>
    <img src="https://i.imgur.com/vyKfuUk.jpg">
    <h4>Boxster S</h4>
    <img src="https://i.imgur.com/qMctiO4.jpg">
    <br>
    <a href="#top" style="color: mediumblue;"><u>Top</u></a>
    <hr>
    <h3>Shelby</h3>
    <hr>
    <h4>298 Cobra CSX2258</h4>
    <img src="https://i.imgur.com/KMj6Vqt.jpg">
    <h4>427 Cobra CSX3305</h4>
    <img src="https://i.imgur.com/ZAJbmY0.jpg">
    <br>
    <a href="#top" ><u>Top</u></a>
    <br>
    <a href="GalleryOne.html" style="color: mediumblue;"><u>Previous page</u></a>
</body>
</html>


avatar
Ngô Quang Huy [community,C2108L]
2021-11-11 16:54:53


#Bai1.html


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>UNESCO</title>
</head>
<body>
    <hr>
    <h2 title="United Nations Educational, Scientific and Cultural Organization">UNESCO</h2>
    <hr>
    <p><b>UNESCO <i>(United Nations Educational, Scientific and Cultural Organization)</i></b> is a specialized agency of the United Nations established in 1945. Its purpose is to provide peace and security by promoting international collaboration.</p>
    <br>
        <p><big>Locations: </big><small>Headquarter of UNESCO is located in Paris, France</small></p>
    
</body>
</html>


avatar
Nguyen Minh Hoang [community,C2108L]
2021-11-11 09:05:07


#Bai 1.html


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UNESCO</title>
</head>
<body>
    <hr>
    <h2 title="United Nations Educational, Scientific and Cultural Organization">UNESCO</h2>
    <hr>
    <p><b>UNESCO</b><b><i style="font-family:'Times New Roman', Times, serif">(United Nations Educational, Scientific and Cultural Organization)</i></b> is a specialized agency of the United Nations established in 1945. Its purpose is to provide peace and security by promoting international collaboration.</p>
    <p><big>Locations: </big><small>Headquarter of UNESCO is located in Paris, France</small></p>
    
</body>
</html>


#GalleryOne.html


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Automobile Gallery - Page 1</title>
</head>
<body>
    <hr>
    <h2 id="top">Gallery Part I</h2>
    <hr>
    <a href="#chevrolet">Chevrolet</a>
    <br>
    <a href="#ferrari">Ferrari</a>
    <br>
    <a href="#ford">Ford</a>
    <hr>
    <h3 id="chevrolet">Chevrolet</h3>
    <hr>
    <h5>Corvette Coupe</h5>
    <img src="./img/Chevrolet1.jpg" alt="Corvette Coupe">
    <h5>Camaro GS/SS</h5>
    <img src="./img/Chevrolet2.jpg" alt="Camaro GS/SS">
    <br>
    <a href="#top">Top</a>
    <hr>
    <h3 id="ferrari">Ferrari</h3>
    <hr>
    <h5>275 GTB</h5>
    <img src="./img/Ferrari1.jpg" alt="275 GTB">
    <h5>Dino 246 GTS</h5>
    <img src="img/Ferrari2.jpg" alt="Dino 246 GTS">
    <br>
    <a href="#top">Top</a>
    <hr>
    <h3 id="ford">Ford</h3>
    <hr>
    <h5>Tudor Hot Rod</h5>
    <img src="img/Ford1.jpg" alt="Tudor Hot Rod">
    <h5>Mustang Boss 302</h5>
    <img src="img/Ford2.jpg" alt="Mustang Boss 302">
    <br>
    <a href="#top">Top</a>
    <br>
    <a href="GalleryTwo.html">Next page</a>
</body>
</html>


#GalleryTwo.html


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Automobile Gallery - Page 2</title>
</head>
<body>
    <hr>
    <h2 id=top>Gallery Part II</h2>
    <hr>
    <a href="#jaguar">Jaguar</a>
    <br>
    <a href="#porsche">Porsche</a>
    <br>
    <a href="#shelby">Shelby</a>
    <br>
    <hr>
    <h3 id="jaguar">Jaguar</h3>
    <hr>
    <h5>XK-140 MC Roadster</h5>
    <img src="img/Jaguar1.jpg" alt="XK-140 MC Roadster">
    <h5>XKE S1 OST</h5>
    <img src="img/Jaguar2.jpg" alt="XKE S1 OST">
    <br>
    <a href="#top">Top</a>
    <hr>
    <h3 id="porsche">Porsche</h3>
    <hr>
    <h5>911 Carrera Coupe</h5>
    <img src="img/Porsche1.jpg" alt="911 Carrera Coupe">
    <h5>Boxster S</h5>
    <img src="img/Porsche2.jpg" alt="Boxster S">
    <br>
    <a href="#top">Top</a>
    <hr>
    <h3 id="shelby">shelby</h3>
    <hr>
    <h5>289 Cobra CSX2258</h5>
    <img src="img/Shelby1.jpg" alt="289 Cobra CSX2258">
    <h5>427 Cobra CSX3305</h5>
    <img src="img/Shelby2.jpg" alt="427 Cobra CSX3305">
    <br>
    <a href="#top">Top</a>
    <br>
    <a href="GalleryOne.html">Previous page</a>

</body>
</html>l