HTML:
<!doctype html>
<html>
<head>
<title>Day13-Assignment</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/assignment.css" />
</head>
<body>
<div id="div">
<h1>My First Website</h1>
<p>Welcome to my website! Here are some things I enjoy.</p>
<ul>
<li>Web Development</li>
<li>Chess</li>
<li>Reading</li>
<li>Learning</li>
</ul>
<h3>Favorite Quotes</h2>
<div class="borderdiv">
<p>Here is a favorite quote of mine...</p>
</div>
<div class="borderdiv">
<p>...and another</p>
</div>
</div>
</body>
</html>
CSS:
body {
background-color: #DDDDDD;
}
#div {
width: 500px;
margin: auto;
}
.borderdiv {
border: solid 1px;
border-color: white;
margin-bottom: 10px;
text-align: center;
}
- 空白目錄
- Day-1-Your-First-Webpage
- day1example
- 視頻總結
- Day-2-Getting-a-Proper-Code-Editor-and-Formatting
- day2example
- Day-3-Lists
- day3example
- Day-4-Parent-Child-Relationships
- day4example
- Day-5-Headings
- day5example
- Day-6-Blockquotes
- day6example
- Day-7-Anchors
- day7example
- Day-8-Your-First-Stylesheet
- day8example
- Day-9-Clean-Project-Structures
- day9example
- Day-10-Images
- day10example
- Day-11-The-Necessity-of-Divs
- day11example
- Day-12-Ids-and-Classes
- day12example
- Day-13-Assignment
- day13example
- Day-14-Assignment-Solution
- Day-15-Floats-and-a-Simple-Layout
- day15example
- Day-16-NavigationLists
- day16example
- Day-17-Introduction-to-Forms
- day17example
- Day-18-Image-Replacement
- day18example
- Day-19-Typography-Basics
- day19example
- Day-20-The-Difference-Between-Relative-and-Absolute-Positioning
- day20example
- Day-21-Creating-a-Website-Fragment
- day21example
- Day-22-The-Importance-of-Validation
- day22example
- Day-23-Zen-Coding
- day23example
- Day-24-Resets-and-Normalizing
- day24example
- Day-25-CSS-Frameworks
- day25example
- Day-26-Final-Project-Markup
- day26example
- Day-27-Slicing-a-PSD
- day27example
- Day-28-How-to-Create-Snippets
- day28example
- Day-29-Website-CSS
- day29example
- Day-30-Finishing-Up-the-Website
- day30example