zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-07-21 01:56:03 +02:00
Code Issues Projects Releases Packages Wiki Activity

Tutorial text improvements

Browse source
This commit is contained in:
Victoria Wang 2015-09-28 17:24:09 -07:00
parent ae94473a3c
commit 6fcc43297b
5 changed files with 18 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

19
views/tutorial/html/2.erb
View file

@ -1,25 +1,24 @@
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg2.png);">
<div class="dialogue" style="left: 50px; top: 50px;">
All you need to build your first site is a computer language called HTML.
<div class="dialogue" style="left: 25px; top: 25px; width: 250px">
<p>All you need to build your first site is a computer language called HTML.</p><p>HTML is made of tags - there's usually an opening tag and a closing tag, with content in between them.</p>
</div>
<div class="dialogue" style="left: 370px; top: 0px;">
And here's some HTML, right in this box! Let's make a change. Replace Hello World with Victoria's Website, and click save!
</div>
<div class="dialogue" style="left: 390px; top: 230px;">
You'll see the results here.
Make sure to check the green boxes below for important bonus info!
<div class="dialogue" style="left: 370px; top: 230px;">
<p>You'll see the results here.</p>
<p>Make sure to check the green boxes below for important bonus info!</p>
</div>
<div class="dialogue">
</div>
</div>
<div class="welcome">
<h4>Opening and Closing Tags</h4>
<p>HTML is just a bunch of tags. There's usually an opening tag and a closing tag, with content between them like this:</p>
<h4>Welcome to HTML!</h4>
<p>HTML stands for <strong>H</strong>yper<strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage.
Hypertext refers to text that has links, and markup refers to the tags.</p>
<pre>tag Content visible on your site /tag</pre>
<p>Don't worry if this seems confusing - you'll get the hang of it after a few more examples! If you ever get stuck, click the <strong>Help</strong> link below.</p>
<p>Don't worry if anything seems confusing - you'll get the hang of it once you try coding! If you ever get stuck, click the <strong>Help</strong> link below.</p>
</div>
<script>