CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Semester 3 pog

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-08-16 17:31:33 -05:00
parent 2dc89a3b93
commit a33c99cbd2
1558 changed files with 439 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
Semester 1/Chapter ZIPs/HTML/chapter6/size/contain.html Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>contain</title>
<meta charset="utf-8">
<style>
div {
background-image: url(myislandback.jpg);
background-size: contain;
background-repeat: no-repeat;
width: 200px;
padding: 20px;
}
</style>
</head>
<body>
<div class="test">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
Tropical Island Features:
<ul>
<li>Private Beach</li>
<li>Personal Valet</li>
<li>Free Wi-Fi</li>
</ul>
</div>
</body>
</html>

30
Semester 1/Chapter ZIPs/HTML/chapter6/size/cover.html Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>cover</title>
<meta charset="utf-8">
<style>
div {
background-image: url(myislandback.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 200px;
padding: 20px;
}
</style>
</head>
<body>
<div class="test">
<h1>Tropical Island</h1>
<p>
Enjoy relaxing in the warm sunshine on your own tropical island retreat.
</p>
Tropical Island Features:
<ul>
<li>Private Beach</li>
<li>Personal Valet</li>
<li>Free Wi-Fi</li>
</ul>
</div>
</body>
</html>

BIN
Semester 1/Chapter ZIPs/HTML/chapter6/size/myislandback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

32
Semester 1/Chapter ZIPs/HTML/chapter6/size/sedona.html Normal file
View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS3 background-size</title>
<meta charset="utf-8">
<style>
body { min-width: 640px; }
#test { background-image: url(sedonabackground.jpg);
background-repeat: no-repeat;
}
#test1 { background-image: url(sedonabackground.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
h1 { text-align: center;
color: #663300;
text-shadow: 2px 2px 2px #ffffcc;
font-family: "Chaparral Pro", Georgia, serif;
line-height: 200%; font-size: 3em;
}
</style>
</head>
<body>
<div id="test">
<h1>Casita Sedona</h1>
</div>
<div id="test1">
<h1>Casita Sedona</h1>
</div>
</body>
</html>

BIN
Semester 1/Chapter ZIPs/HTML/chapter6/size/sedonabackground.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB