Viki’s Six Word Summer
<!doctype html>
<html>
<head>
<!–This is a comment. Comments do not show up on your webpage. Programmers leave comments in the code to help people understand and use their work.–>
<!–This is a comment. Welcome to the ‘My Six-Word Summer’ make!–>
<!–This is a comment. This make will get you started remixing HTML (the language of the Web) and CSS (a language that styles webpages) to recap your summer adventures–>
<!–This is a comment. After you remix the page, you should change the author and title tags below to give yourself credit and to give your story a title.–>
<meta name=”author” content=”Chad Sansing”>
<meta name=”title” content=”My Six-Word Summer”>
<meta charset=”utf-8″>
<title>My Six-Word Summer</title>
<!–This is a comment. The stylesheet is linked next. You’ll have the chance to remix this later in the lesson.–>
<!–This is a comment. Stylesheets are written in CSS< a srtyling language for webpages. CSS tells parts of a webpage how to look. Our stylesheet is a separate file. We link to it here. You can put your stylesheet in the head of a webpage, but often we link to them to keep our code clean and use single stylesheets across several webpages at once.–>
<!–This is a comment. Optional: Step 6. Change the style.–>
<link rel=”Stylesheet” href=”style.css” type=”text/css”>
<!–This is a comment. This is an empty link to a JavaScript file. JavaScript is a coding language for the web that lets you make a webpage interactive. You can write JavaScript right in your webpage, but often we link to separate ‘.js’ files to keep our code clean and use a single script on several webpages at once.–>
<script src=”” type=”text/javascript”></script>
</head>
<body>
<!–This is a comment. Step 5. Change the title.–>
<h1 id=”banner”>My Six-Word Summer</h1>
<!–This is a comment. Step 3. Change the background picture.–>
<img id=”myPic” src=”https://farm5.staticflickr.com/4023/4229820086_091e1a5cbd_b.jpg”/>
<!–This is a comment. Step 1. Change the words of the story.–>
<p id=”mySummer”>Burning sidewalks.<br>
Melted kicks.<br>
Walked everywhere.</p>
<!–This is a comment. Step 4. Give credit where it’s due.–>
<p id=”credits”>Photo by <a href=”https://www.flickr.com/photos/chrisschoenbohm/4229820086/in/photolist-7rLW9w-adW6RB-Chreb-ep2JdG-8TE548-8TE4iX-8THa3L-8THafd-8THan3-8TE4C8-8THabE-8TE5Hp-8TE6h8-8TE4Er-8TE6TB-8x9AFT-adYWku-adW8n8-6MJf9K-ogXUCg-tvN2SP-ub3Qas-tvN2ZT-uqjfLA-usQZJH-ubbRBF-ubbRH2-usR13t-7c8QL”>Chris Ford</a>.<br>CC-BY <a href=”https://teach.mozilla.org”>Mozilla Learning Networks</a>.</p>
</body>
</html>
