[go: up one dir, main page]
Scribd
Upload
16 views5 pages

Lab3 Web

Uploaded by

tuyentapta2310
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views5 pages

Lab3 Web

Uploaded by

tuyentapta2310
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Bài 1

File html

<!DOCTYPE html>
<html lang="en">
<html>
<meta charset="utf-8"/>
<title> Bai 1</title>
<link rel="stylesheet" href="bai1.css"/>
</html>
<head>
<body>
<h1> Test CSS Style Sheet </h1>
<h2> This is heading level 2</h2>
<div> This sampe HTML page about <span class="a">CSS style sheet</span>. You
can use <span class="b"> id, class selectors, and fond, color
properties</span>. It is <span class="c"> very important skil</span> in web
design.</div>
<div class="e"> This page is created with <span id="f">
HTML5/CSS3</span></div>
</body>
</head>
File css

h1
{text-align: center;
font-weight: 700;
color: red;
font-family: Verdana, Geneva, Tahoma, sans-serif;
background-color: #EEEEEE;}
h2
{text-align: center ;
color: red;}
span.a
{color: aqua;}
span.b
{background-color: yellow;}
span.c
{background-color: yellow;
color: aqua;}
.e
{background-color: #EEEEEE;
text-align: right;}
#f
{color: aqua;}
Bài 2

<!DOCTYPE html>
<htm lang="en">
<html>
<meta charset="utf-8"/>
<title> Bai 2</title>
<link rel="stylesheet" href="bai2.css"/>
</html>
</htm>
<head>
<div class="a">
This text is the content of the box. We have added a 25px padding,
25px margin and a 25px dodgerblue border. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum
</div>
</head>
css

.a
{
background-color: lightgrey;
width: 300px;
border: 25px solid dodgerblue;
padding: 25px;
}
Bài 3

Html

<!DOCTYPE html>
<htm lang="en">
<html>
<meta charset="utf-8"/>
<title> Bai 3</title>
<link rel="stylesheet" href="bai3.css"/>
</html>
</htm>
<head>
<body>
<h2> Default list</h2>
<div class="a">
<li>Home</li>
<li>Product</li>
<li>Contact</li>
</div>

<h2> CSS Image Item Marker List</h2>

<p> &#10239;<span class="b">Home</span></p>


<p> &#10239;<span class="b">Product</span></p>
<p> &#10239;<span class="b">Contact</span></p>

</body>
</head>

Css
.a
{
list-style: circle;
text-decoration: underline;
color: blue;
font-weight: 400;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.b
{
list-style-image:-moz-repeating-radial-gradient(squere);
text-decoration: underline;
color: blue;
font-weight: 400;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

Bài 4

Html

<!DOCTYPE html>
<htm lang="en">
<html>
<meta charset="utf-8"/>
<title> Bai 4</title>
<link rel="stylesheet" href="bai4.css"/>
</html>
</htm>
<body>
<div>Coffe</div>
<div>Tea</div>
<div>Coca Cola</div>
</body>
Css

div
{
border: 1px solid lightgray;
}

You might also like