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)

Đức Sơn

2020-10-07 17:45:02

#Italy.html

<!DOCTYPE html>
<html>
<head>
	<title>Touric Attractions in Europe</title>
	<meta charset="utf-8">
	<style type="text/css">
	
	.heading {
		text-decoration: underline;
		font-family: arial;
		font-size: x-large;
		font-weight: bold;
		text-transform: capitalize;
}

    .general {
    	font-style: italic;
    	text-align: justify;
}

    .places {
    	text-decoration: underline;
    	font-family: arial;
    	font-size: medium;
    	text-transform: capitalize;
    }

	</style>

</head>
<body>
    <p class="heading">Europe Tourist Attractions</p>
    <u><p class="general">Italy</p></u>
    <p> <ol style="list-style-type: circle;">
    	<li>The Vatican</li>
    	<li>Turin has the Ergizio Museum</li>
    	<li>The Leaning Tower of Pisa</li>
        </ol>
    </p>
    
    	<p><a href="TourisAttractions.html">Back</a></p>

</body>
</html>

Đức Sơn

2020-10-07 17:44:16

#Paris.html

<!DOCTYPE html>
<html>
<head>
	<title>Touric Attractions in Europe</title>
	<meta charset="utf-8">
	<style type="text/css">

	.heading {
		text-decoration: underline;
		font-family: arial;
		font-size: x-large;
		font-weight: bold;
		text-transform: capitalize;
}

    .general {
		font-style: italic;
		text-align: justify;
}
   
    .places {
    	text-decoration: underline;
    	font-family: arial;
    	font-size: medium;
    	text-transform: capitalize;
    }

</style>
</head>
<body>
   <p class="heading">Europe Tourist Attractions</p>
    <u><p class="general"> Paris</p></u>
    <p> <ol style="list-style-type: circle;">
    <li>Louvre Museum</li>
    <li>The Champs Elysees and Arch du Triomph</li></ol>
    </p>
    <p><a href="TourisAttractions.html">Back</a></p>

</body>
</html>

Đức Sơn

2020-10-07 17:43:24

#London.html

<!DOCTYPE html>
<html>
<head>
	<title>Tourist Attractions in Europe</title>
	<meta charset="utf-8">

	<style type="text/css">
		.heading {
			text-decoration: underline;
			font-family: arial;
			font-size: x-large;
			font-weight: bold;
			text-transform: capitalize;
		}
		.general{
			text-decoration: underline;
			text-align: justify;

		.places {
			text-decoration: underline;
			font-family: : cursive;
			font-size: medium;
			text-transform: capitalize;
		}
		
	</style>
</head>
<body>
 <h1><u><p class="heading">Europe Tourist Attractions</p></u></h1>

 <u><p class="general">London</p></u>

 <p><ol style="list-style-type: circle;"></p>

 <p><li>Famous for Bungkingham, the residence of Queen Elizabrth.</li></p>

 <p><li>Tower of London.</li></p>

 <p><li>Big Ben.</li></p>

</ol>
 <p>
 <u><a href="TourisAttractions.html">Back</a></u>
 </p>
</body>
</html>

Đức Sơn

2020-10-07 17:42:07

#TourisAttractions.html

<!DOCTYPE html>
<html>
<head>
	<title>Touric Attractions in Europe</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta charset="utf-8">
	<style type="text/css">

	.heading {
		text-decoration: underline;
		font-family: arial;
		font-size: x-large;
		font-weight: bold;
		text-transform: capitalize;
}

    .general {
    	font-style: italic;
    	text-align: justify;

}

    .places {
    	text-decoration: underline;
    	font-family: arial;
    	font-size: medium;
    	text-transform: capitalize;

    }
 </style>
</head>
<body>
<p class="heading">Europe Tourist Attractions</p>
	<p class="general">Some of the must visit tourist places in Europe:</p>
	<div class="places">
		<a href="file:///C:/HlML/vidu3.html">London</a><br>
		<a href="file:///C:/HlML/vidu5.html">Paris</a><br>
		<a href="file:///C:/HlML/vidu6.html">Italy</a><br>
	</div>
</body>
</html>

nguyễn Sử

2020-10-07 16:57:17

#London.html

<!DOCTYPE html>
<html>
<head>	
	<title> Tourist Attractions in Europe</title>
	<meta charset="utf-8">
	<style type="text/css"></style>
	<!-- luu css -->
	<!-- luu js -->
	 .heading{
	 	text-decoration: underline;
	 	font-heading:  arial;
	 	font-size: x-large;
	  	font-weight: bold;
        text-transform: capitalize;
        
        }
        .general{
            font-style: italic;
            text-align: center;
        }

         places{
         text-decoration: underline;
         font-heading: cursive;
         font-size: medium;
         text-transform: capitalize;
     }

</head>
<body> 
	<h1> Europe Tourist Attractions </h1>
	<p class="heading">Tourist Attractions in Europe</p>
	<p class="general"><ins> London </ins></p>
	<p> <ol style="list-style-type: circle;">
		<li> Famous for buckingham Palace, the residence of Queen Elizabeth </li>
		<li> Tower of London </li>
		<li> Big Ben </li>
		<a href="TourisAttractions.html">Back</a>

</body>
</html>

hainguyen

2020-10-07 14:41:59

#Italy.html

<!DOCTYPE html>
<html>
<head>
	<title>Touric Attractions in Europe</title>
	<meta charset="utf-8">
	<style type="text/css">
		.heading{
			text-decoration: underline;
			font-family: arial;
			font-size: x-large;
			font-weight: bold;
			text-transform: capitalize;
		}
		.general{
			text-decoration: underline;
			text-align: justify;
		}
	</style>
</head>
<body>
    <p class="heading">Europe Tourist Attractions</p>
    <p class="general">Italy</p>
    <p> <ol style="list-style-type: circle;">
    	<li>The Vatican</li>
    	<li>Turin has the Ergizio Museum</li>
    	<li>The Leaning Tower of Pisa</li>
        </ol>
    </p>
    <p>
    	<a href="TourisAttractions.html">Back</a>
    </p>
</body>
</html>

#London.html

<!DOCTYPE html>
<html>
<head>
	<title>Touric Attractions in Europe</title>
	<meta charset="utf-8">
	<style type="text/css">
		.heading{
			text-decoration: underline;
			font-family: arial;
			font-size: x-large;
			font-weight: bold;
			text-transform: capitalize;
		}
		.general{
			text-decoration: underline;
			text-align: justify;
		}
		
	</style>
</head>
<body>
	<p class="heading">Europe Tourist Attractions</p>
	<p class="general">London</p>
	<p>
		<ol style="list-style-type: circle;">
		<li>Famous for Bungkingham, the residence of Queen Elizabrth</li>
		<li>Tower of London</li>
		<li>Big Ben</li>
	    </ol>
	</p>
	<p>
	<a href="TourisAttractions.html">Back</a>
    </p>
</body>
</html>

#Paris.html

<!DOCTYPE html>
<html>
<head>
	<title>Touric Attractions in Europe</title>
	<meta charset="utf-8">
	<style type="text/css">
		.heading{
			text-decoration: underline;
			font-family: arial;
			font-size: x-large;
			font-weight: bold;
			text-transform: capitalize;
		}
		.general{
			text-decoration: underline;
			text-align: justify;
		}
	</style>
</head>
<body>
    <p class="heading">Europe Tourist Attractions</p>
    <p class="general">Paris</p>
    <p> <ol style="list-style-type: circle;">
    	<li>Louvre Museum</li>
    	<li>The Champs Elysees and Arch du Triomph</li>
        </ol>
    </p>
    <p>
    	<a href="TourisAttractions.html">Back</a>
    </p>
</body>
</html>

#TourisAttractions.html

<!DOCTYPE html>
<html>
<head>
	<title>Touric Attractions in Europe</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta charset="utf-8">
	<style type="text/css">
		.heading{
			text-decoration: underline;
			font-family: arial;
			font-size: x-large;
            font-weight: bold;
            text-transform: capitalize; 
		}
		.general{
			font-style: italic;
			text-align: justify;
		}
		.places{
			text-decoration: underline;
			font-family: cursive;
			font-size: medium;
			text-transform: capitalize;
		}
	</style>
</head>
<body>
	<p class="heading">Europe Tourist Attractions</p>
	<p class="general">Some of the must visit tourist places in Europe:</p>
	<div class="places">
		<a href="London.html" target="_self">London</a><br>
		<a href="Paris.html" target="_self">Paris</a><br>
	    <a href="Italy.html" target="_self">Italy</a>
	</div>
</body>
</html>

Phạm Xuân Hậu

2020-06-05 10:29:18

#TouristAttractions.html

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>TouristAttractions.html</title>
    <style>
        .heading{
            text-decoration: underline;
            font-family: Arial;
            font-size: x-large;
            font-weight: bold;
            text-transform: capitalize;
        
        }
        .general{
            font-style: italic;
            text-align: center;
        }
        .places{
            text-decoration: underline;
            font-family: cursive;
            font-size: medium;
            text-transform: capitalize;
        }
        ul li{
            font-size: small;
            font-family: Verdana;
        }
        #wrapper{
            height: 500px;
            width: 400px;
        }
    </style>
</head>
     
<body>
<div id="wrapper">
    <div class="heading">
        UEROPE TOURIST ATTRACTIONS<br>
    </div>
    <div class="general">
        Some of the must visit tourist places in Europe<br>
    </div>
    <div class="places">
        <a href="London.html" target="_blank">London</a><br>
        <a href="Paris.html"  target="_blank">Paris</a><br>
        <a href="Italy.html" target="_blank">Italy</a>
    </div>
</div>
</body>

</html>

Dương Văn Mạnh

2020-06-04 16:31:20

#BT2.css

.heading {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font: bold;
    font: up;
    text-transform: uppercase;
    text-transform: capitalize;
}

.general {
    font-style: italic;
    text-align: center;
}

.places {
    text-decoration: underline;
    font-family: cursive;
    font-size: medium;
    text-transform: capitalize;
}

body {
    font-size: small;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#BT2_T1.HTML

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>TouristAttractions.html</title>
    <link rel="stylesheet" href="BT2.css">
</head>
<body>
    <p class="heading">
        Tourist Attractions in Europe
    </p>
    <p class="general">
        Tourist Attractions in Europe
    </p>
</body>
</html>

#BT2_T2.HTML

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>London.html</title>
</head>
<body>
    
</body>
</html>

#BT2_T3.HTML

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Paris.html</title>
</head>
<body>
    
</body>
</html>

#BT2_T4.HTML

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Italy.html</title>
</head>
<body>
    
</body>
</html>

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

Tags:

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

5

Đức Sơn

#Italy.html

Đức Sơn

#Paris.html

Đức Sơn

#London.html

Đức Sơn

#TourisAttractions.html

nguyễn Sử

#London.html

hainguyen

#Italy.html

#London.html

#Paris.html

#TourisAttractions.html

Phạm Xuân Hậu

#TouristAttractions.html

Dương Văn Mạnh

#BT2.css

#BT2_T1.HTML

#BT2_T2.HTML

#BT2_T3.HTML

#BT2_T4.HTML