mirror of
https://github.com/neocities/neocities.git
synced 2025-07-20 17:46:05 +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
31
views/tutorial/html/5.erb
Normal file
31
views/tutorial/html/5.erb
Normal file
|
@ -0,0 +1,31 @@
|
|||
<div class="comic" style="height: 500px">
|
||||
<div class="dialogue">
|
||||
You're writing HTML! You're doing it! Everything you need to know is just another tag!
|
||||
</div>
|
||||
<div class="dialogue">
|
||||
For example, links look like this:
|
||||
|
||||
<a href="http://neocities.org">Check out Neocities!</a>
|
||||
|
||||
Add a link to your favorite site to the end of the paragraph, right before the </p> closing tag!
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="welcome">
|
||||
<h4>Nesting</h4>
|
||||
<p>Tags always need to be nested properly, like Russian dolls. So this is okay:
|
||||
<pre>
|
||||
<p>Welcome! <a>Link!</a></p>
|
||||
|
||||
But this isn't!
|
||||
|
||||
<p>Welcome! <a>Link!</p></a>
|
||||
</pre>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function checkHomework(editor) {
|
||||
alert('check homework here')
|
||||
}
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue