mirror of
https://github.com/neocities/neocities.git
synced 2025-04-27 10:42:39 +02:00
39 lines
1.6 KiB
Text
39 lines
1.6 KiB
Text
<div class="comic" style="height: 600px; background-image: url(/img/tutorial/ch1pg6.png); background-size: 650px">
|
|
<div class="dialogue" style="top: 110px; left: 20px; width: 240px">
|
|
Great job! Links are very useful for sharing other sites or navigating to other pages on your site.
|
|
Now let's try adding an image.
|
|
</div>
|
|
<div class="dialogue" style="top: 20px; left: 360px">
|
|
Your Neocities web directory already includes a portrait of me called <strong>cat.png</strong>.
|
|
</div>
|
|
<div class="dialogue" style="top: 140px; left: 410px">
|
|
Add it to your page like so: <strong><img src="/cat.png"></strong>
|
|
</div>
|
|
<div class="dialogue" style="top: 230px; left: 420px">
|
|
That's it! No closing tag needed for images.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="welcome">
|
|
<h4>Links and Images</h4>
|
|
<p>If the page or image you're referring to is already in your Neocities web directory, you can call it by its filename: for example, <strong>index.html</strong> or <strong>cat.png</strong>.</p>
|
|
|
|
<p>Otherwise, use full URLs like this: <strong>http://neocities.org/img/heartcat.png</strong></p>
|
|
</div>
|
|
|
|
<script>
|
|
function checkHomework() {
|
|
var html = editor.getValue()
|
|
|
|
/* TODO: Make .+ ignore any spaces or newlines or whatever. </a> lol </p> is fine too. */
|
|
var match = '<html.+>.+<body>.+<img.+src="/cat.png">.+</body>.+</html>'
|
|
var re = new XRegExp(match, 'gis')
|
|
|
|
if(html.match(re) === null) {
|
|
notok("That's not right! Try again.")
|
|
} else {
|
|
sessionStorage.setItem('tutorialHtml', html)
|
|
ok('Great, you did it!', '/tutorial/html/7')
|
|
}
|
|
}
|
|
</script>
|