mirror of
https://github.com/neocities/neocities.git
synced 2025-07-20 09:36:00 +02:00
Initial HTML for Ch1 tutorial
This commit is contained in:
parent
f753b66ffd
commit
11ab120f77
11 changed files with 212 additions and 17 deletions
|
@ -1,27 +1,18 @@
|
|||
<div class="comic" style="height: 500px">
|
||||
<div class="comic" style="height: 967px; background-image: url(/img/tutorial/ch1pg1.png);">
|
||||
<div class="dialogue">
|
||||
All you need to build your first site is a computer language called HTML.
|
||||
Oh, a new student!
|
||||
</div>
|
||||
<div class="dialogue">
|
||||
And here's some HTML, right in this box! Let's make a change. Replace Hello World with Victoria's Website, and click save!
|
||||
Ahem, please come in!
|
||||
</div>
|
||||
<div class="dialogue">
|
||||
You'll see the results of your site here.
|
||||
I'm Penelope, and I'll be your teacher.
|
||||
</div>
|
||||
<div class="dialogue">
|
||||
Make sure to check the green boxes below for important bonus info!
|
||||
What's your name?
|
||||
</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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function checkHomework(editor) {
|
||||
alert('this checks homework, but its true for now')
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue