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

ch04

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-03-14 08:51:55 -05:00
parent c9bb4ba5c5
commit bea3068292
319 changed files with 1275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
Chapter ZIPs/HTML/chapter7/7.3/iefix.html Normal file
View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Layout Example</title>
<meta charset="utf-8">
<style>
nav { float: left;
width: 150px;
padding: 10px; }
main { margin-left: 160px;
padding: 10px;
background-color: #FFFFFF;
/* The following declaration forces IE to display
the new HTML5 main element as needed.
The display property is introduced in Chapter 7 */
display: block;
}
body { background-color: #000066; }
#wrapper { width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #EAEAEA; }
header { background-color: #CCCCFF; }
h1 { margin: 0;
padding: 10px; }
footer { text-align: center;
font-style: italic;
background-color: #CCCCFF;
clear: both; }
</style>
</head>
<body>
<div id="wrapper">
<header><h1>Layout Example</h1></header>
<nav>
<a href="index.html">Home</a><br>
<a href="page1.html">Page 1</a><br>
<a href="page2.html">Page 2</a>
</nav>
<main>
<h2>Page Heading</h2>
<p>This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence.</p>
</main>
<footer>Copyright &copy; </footer>
</div>
</body>
</html>

46
Chapter ZIPs/HTML/chapter7/7.3/index.html Normal file
View File

@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Layout Example</title>
<meta charset="utf-8">
<style>
nav { float: left;
width: 150px;
padding: 10px; }
main { margin-left: 160px;
padding: 10px;
background-color: #FFFFFF; }
body { background-color: #000066; }
#wrapper { width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #EAEAEA; }
header { background-color: #CCCCFF; }
h1 { margin: 0;
padding: 10px; }
footer { text-align: center;
font-style: italic;
background-color: #CCCCFF;
clear: both; }
</style>
</head>
<body>
<div id="wrapper">
<header><h1>Layout Example</h1></header>
<nav>
<a href="index.html">Home</a><br>
<a href="page1.html">Page 1</a><br>
<a href="page2.html">Page 2</a>
</nav>
<main>
<h2>Page Heading</h2>
<p>This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence.</p>
</main>
<footer>Copyright &copy; </footer>
</div>
</body>
</html>