More misc edits to tutorial

This commit is contained in:
Victoria Wang 2016-04-15 15:44:18 -07:00
parent ca6dfce8e6
commit 041c3a08e4
7 changed files with 27 additions and 22 deletions

View file

@ -1,13 +1,18 @@
<div class="comic" style="height: 600px; margin-top:1em; background-image: url(/img/tutorial/ch1pg4.png); background-size: 489px;">
<div class="dialogue" style="left: 70px; width: 170px">
<div class="comic" style="height: 480px; margin-top: 2em; background-image: url(/img/tutorial/ch1pg4.png); background-size: 489px;">
<div class="dialogue" style="left: 75px; width: 170px">
Now let's add a paragraph of text below the <strong>h1</strong> heading. Perhaps "Welcome to my website" or your favorite quote.
</div>
<div class="dialogue" style="left: 295px; top: -10px">
<div class="dialogue" style="left: 290px; top: -10px; width:190px">
To make a paragraph, surround your text with the <strong>&lt;p&gt;</strong> tag. So it should look something like
<strong>&lt;p&gt;Hello!&lt;/p&gt;</strong>
<strong>&lt;p&gt;Welcome!&lt;/p&gt;</strong>
</div>
</div>
<div class="welcome">
<h4>What do I put on my website?</h4>
<p>With HTML, you can make the exact website that you want to make, free from the limits of social networks. It could be a personal page or it could be totally anonymous! You could write about your interests, share artwork, or post photos. You'll learn about adding links and images soon.</p>
</div>
<script>
function checkHomework() {
var html = editor.getValue()