By GokiSoft.com| 21:22 16/10/2023|

Học HTML5 - CSS3

Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần advanced

Trước khi bắt đầu làm bài này. Bạn có thể làm bài tập đơn giản hơn về Text trong HTML5

Vui lòng xem tại đây => Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần basic

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Phạm Ngọc Ninh

2021-11-12 13:36:58

<!DOCTYPE html>
<html>
<head>
	<title>Tourist Attractions in Europe</title>
	<link rel="stylesheet" type="text/css" href="dingdang.css">
</head>
<body>

	<h1 class="heading">Europe Tourist Attractions</h1>
	<p class="general">Some of the must visit tourist places in Europe:</p>

	<a href="London.html">London</a><br/>
	<a href="Paris.html">Paris</a><br/>
	<a href="Italy.html">Italy</a>
</body>
</html>

Nguyễn Nguyệt

2021-01-11 04:41:41

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tourist Attractions in Europe</title>
</head>
    <style>
       h2{
       text-decoration: underline;
       font-family: arial;
    }
    h5{text-decoration: underline;}
    </style>
<body>
    <h2 id="back"><big>E</big>UROPE <big>T</big>OURIST <big>A</big>TTRACTIONS</h2>
    <i>Some of the must visit tourist places in Europe:</i> <br>
    <a href="../travel/London.html">London</a><br>
    <a href="../travel/Paris.html">Paris</a><br>
    <a href="../travel/Italy.html">Italy</a><br>
    
</body>
</html>

----------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tourist Attractions in Europe</title>
</head>
<body>
    <h5 id="itl">Italy</h5> 
    <ul style="list-style-type: square;"><li>The Vatican.</li><li>Turin has the Ergizio Museum.</li><li>The Leaning of Pisa.</li></ul>
    <a href="../travel/TouristtAttractions.html">Back</a>
</body>
</html>

----------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tourist Attractions in Europe</title>
</head>
<body>
    <h5 id="ld">London</h5> 
    <ul style="list-style-type: square;"><li>Famous fot Buckingham palcace, the residence of Queen Elizabeth.</li><li>Tower of London.<li>Big Ben.</li></ul>
    <a href="../travel/TouristtAttractions.html">Back</a>
</body>
</html>
------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tourist Attractions in Europe</title>
</head>
<body>
    <h5 id="pr">Paris</h5>
    <ul style="list-style-type: square;"><li>Louvre Museum.</li><li>The Champs Elysees and Arch du Tromp.</li></ul>
    <a href="../travel/TouristtAttractions.html">Back</a>
    
</body>
</html>

Trinh Huy Hung

2020-12-10 04:14:06

https://laball.herokuapp.com/lab3/bai2/TouristAttractions.html

PhamHuyHoang

2020-12-08 06:59:46

https://lamlaitudau.herokuapp.com/TouristAttractions.html

tranminhhieu

2020-12-08 06:51:37

https://tranhieu.herokuapp.com/Paris.html

Lê Sĩ Tuyển

2020-12-08 06:13:22

Toulists Attractions in Europe (tuyen6tuoi.herokuapp.com)

silentvoice

2020-12-07 09:39:47

https://phamngoclong.herokuapp.com/baitaplab3/touristattractions/touristattractions.html

Vũ Trung Kiên

2020-12-07 04:05:46

#Italy.html

<!DOCTYPE html>
<html>
<head>
	<title>
		Tourist Attractions in Europe
	</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="heading">
		Europe Tourist Attractions
	</div>
	<br/>
	<div class="places">
		Italy
	</div>
	<ul style="list-style-type: square;">
		<li>The Vatican.</li>
		<li>Turin has the Ergizio Museum.</li>
		<li>The Learnign Tower of Pisa.</li>
	</ul>
	<a href="TouristAttractions.html">Back</a>
</body>
</html>

#London.html

<!DOCTYPE html>
<html>
<head>
	<title>
		Tourist Attractions in Europe
	</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="heading">
		Europe Tourist Attractions
	</div>
	<br/>
	<div class="places">
		London
	</div>
	<ul style="list-style-type: square;">
		<li>Famous for Buckingham Place, the residence of Queen Elizabeth.</li>
		<li>Tower of London</li>
		<li>Big Ben.</li>
	</ul>
	<a href="TouristAttractions.html">Back</a>
</body>
</html>

#Paris.html

<!DOCTYPE html>
<html>
<head>
	<title>
		Tourist Attractions in Europe
	</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="heading">
		Europe Tourist Attractions
	</div>
	<br/>
	<div class="places">
		Paris
	</div>
	<ul style="list-style-type: square;">
		<li>Louvre Museum.</li>
		<li>The Champs Elysees and Arch du Triomph.</li>
	</ul>
	<a href="TouristAttractions.html">Back</a>
</body>
</html>

#style.css

.heading
{
	text-decoration: underline;
	font-family: arial;
	font-size: x-large;
	text-transform: uppercase;
	font-weight: bold;
}
.general
{
	font-style: italic;
	text-align: justify;
}
.places 
{
	text-decoration: underline;
	font-family: cursive;
	font-size: medium;

}

#TouristAttractions.html

<!DOCTYPE html>
<html>
<head>
	<title>
		Tourist Attractions in Europe
	</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="heading">
		Europe Tourist Attractions
	</div>
	<br/>
	<div class="general">
		Some of the must visit tourist places in Europe.
	</div>
	<br/>
	<div class="places">
		<a href="London.html">London</a>
		<br/>
		<br/>
		<a href="Paris.html">Paris</a>
		<br/>
		<br/>
		<a href="Italy.html">Italy</a>
	</div>
</body>
</html>

Nguyễn Hải Đăng

2020-12-06 04:12:04

https://newlevel06.herokuapp.com/Day3/TouristAttractions.html

nguyen hoang viet

2020-12-05 09:29:44

https://nguyenhoangviet.herokuapp.com/TouristAttractions.html