Op https://thimble.webmaker.org/en-US/projects zijn een aantal HTML-projecten beschikbaar om HTML-omgevingen gewend te raken. Ik koos het project ‘Make Your own Large Animal’, en had het volgende resultaat: de NeusWalBram.

Maar de opdrachten vond ik wat beperkt, dus heb ik het wat moelijker gemaakt. Externe afbeeldingen toegevoegd, tekst doen bewegen, via tektek.org wat overlopende kleuren in mijn tekst ingevoerd, dingen gefluoresceerd, een link ingevoerd met de code <a href=”https://japancyclopedia.wordpress.com”&gt;Japancyclopedia</a> . Omdat de site niet veel fantastische adaptaties toelaat, of publiceert, heb ik het resultaat zelf verder bewerkt in Notepad ++
Eén opvallend gebrek van Notepad++, het programma dat ik gebruikte, is dat hij géén Japans kan lezen. Hij geeft het wel correct door naar het eindresultaat, maar in de editor zelf staan er gewoon vierkantjes.

Resultaat; Kopieer, plak in Notepad(++), sla op als HTML-bestand, open in browser.

<!DOCTYPE html>

<html lang=”en-gb” dir=”ltr”>
<head>
<title>Awesome Animal Builder van El Barto</title>
<meta charset=”utf-8″>
<link rel=”stylesheet” href=”https://thimble.webmaker.org/s/zoo-large/style.css”&gt;
</head>

<body>

<h1><span style=”background:yellow”>  El Largo Animalo della Barto</span></h1>

<h2>犀鯨バート</h2>

<figure>

<img src=”https://thimble.webmaker.org/s/zoo-large/rhino-tail.png”&gt;
<img src=”https://thimble.webmaker.org/s/zoo-large/whale-body.png”&gt;
<img src=”http://cahlowey.files.wordpress.com/2011/03/bart_simpsons_head_-sellers.jpg”&gt;

<figcaption><span>Le rhino-ballei-bertrand dans son habitat natural</span></figcaption>
</figure>

<h3>About the Rhinaleart</h3>

<p><font color=’#C80046′>D</font><font color=’#C80037′>e</font><font color=’#C80029′> </font><font color=’#C8001A’>N</font><font color=’#C7000A’>e</font><font color=’#C80600′>u</font><font color=’#C81600′>s</font><font color=’#C82500′>w</font><font color=’#C73200′>a</font><font color=’#C83F00′>l</font><font color=’#C84C00′>b</font><font color=’#C85800′>r</font><font color=’#C86400′>a</font><font color=’#C87100′>m</font><font color=’#C87D00′> </font><font color=’#C88A00′>i</font><font color=’#C89700′>s</font><font color=’#C7A500′> </font><font color=’#C8B300′>e</font><font color=’#C8C300′>e</font><font color=’#BBC800′>n</font><font color=’#ABC700′> </font><font color=’#9CC800′>u</font><font color=’#8DC700′>i</font><font color=’#7FC800′>t</font><font color=’#71C800′>e</font><font color=’#63C800′>r</font><font color=’#54C800′>s</font><font color=’#45C800′>t</font><font color=’#36C800′> </font><font color=’#25C700′>v</font><font color=’#14C800′>r</font><font color=’#01C800′>i</font><font color=’#00C811′>e</font><font color=’#00C823′>n</font><font color=’#00C733′>d</font><font color=’#00C843′>e</font><font color=’#00C752′>l</font><font color=’#00C860′>i</font><font color=’#00C86F’>j</font><font color=’#00C87D’>k</font><font color=’#00C88B’> </font><font color=’#00C89A’>z</font><font color=’#00C8A9′>o</font><font color=’#00C8B8′>o</font><font color=’#00C6C8′>g</font><font color=’#00B6C8′>d</font><font color=’#00A7C8′>i</font><font color=’#0099C8′>e</font><font color=’#008CC7′>r</font><font color=’#007FC7′> </font><font color=’#0072C7′>d</font><font color=’#0066C8′>a</font><font color=’#005AC7′>t</font><font color=’#004EC8′> </font><font color=’#0041C7′>l</font><font color=’#0034C8′>e</font><font color=’#0027C8′>e</font><font color=’#0018C7′>f</font><font color=’#0009C8′>t</font><font color=’#0700C8′> </font><font color=’#1700C8′>i</font><font color=’#2700C8′>n</font><font color=’#3500C8′> </font><font color=’#4400C8′>d</font><font color=’#5200C8′>e</font><font color=’#6000C8′> </font><font color=’#6E00C7′>N</font><font color=’#7D00C8′>o</font><font color=’#8C00C7′>o</font><font color=’#9C00C8′>r</font><font color=’#AD00C8′>d</font><font color=’#C000C8′>e</font><font color=’#C800BC’>l</font><font color=’#C800A9′>i</font><font color=’#C70099′>j</font><font color=’#C70089′>k</font><font color=’#C8007A’>e</font><font color=’#C7006B’> </font><font color=’#C8005D’>j</font><font color=’#C8004F’>u</font><font color=’#C80040′>n</font><font color=’#C80032′>g</font><font color=’#C70023′>l</font><font color=’#C80014′>e</font><font color=’#C80003′> </font><font color=’#C80C00′>t</font><font color=’#C71C00′>e</font><font color=’#C82A00′>n</font><font color=’#C73700′> </font><font color=’#C84400′>Z</font><font color=’#C75100′>u</font><font color=’#C85D00′>i</font><font color=’#C86900′>d</font><font color=’#C87500′>e</font><font color=’#C78200′>n</font><font color=’#C88F00′> </font><font color=’#C89C00′>v</font><font color=’#C7AA00′>a</font><font color=’#C8B900′>n</font><font color=’#C5C800′> </font><font color=’#B5C800′>N</font><font color=’#A5C800′>a</font><font color=’#96C700′>r</font><font color=’#88C800′>n</font><font color=’#79C700′>i</font><font color=’#6BC800′>a</font><font color=’#5DC800′>.</font><font color=’#4EC700′> </font><font color=’#3FC800′>H</font><font color=’#30C800′>e</font><font color=’#1FC700′>t</font><font color=’#0DC700′> </font><font color=’#00C706′>i</font><font color=’#00C818′>s</font><font color=’#00C829′> </font><font color=’#00C839′>e</font><font color=’#00C849′>e</font><font color=’#00C857′>n</font><font color=’#00C866′> </font><font color=’#00C874′>u</font><font color=’#00C882′>i</font><font color=’#00C891′>t</font><font color=’#00C89F’>e</font><font color=’#00C8AF’>r</font><font color=’#00C7BF’>s</font><font color=’#00C0C8′>t</font><font color=’#00B0C7′> </font><font color=’#00A1C8′>v</font><font color=’#0094C8′>r</font><font color=’#0087C8′>i</font><font color=’#007AC8′>e</font><font color=’#006EC8′>n</font><font color=’#0062C8′>d</font><font color=’#0055C7′>e</font><font color=’#0049C8′>l</font><font color=’#003CC7′>i</font><font color=’#002FC8′>j</font><font color=’#0021C8′>k</font><font color=’#0012C8′> </font><font color=’#0002C7′>w</font><font color=’#0D00C8′>e</font><font color=’#1D00C8′>z</font><font color=’#2C00C7′>e</font><font color=’#3B00C8′>n</font><font color=’#4900C8′> </font><font color=’#5700C7′>d</font><font color=’#6600C8′>a</font><font color=’#7400C8′>t</font><font color=’#8300C8′> </font><font color=’#9200C7′>z</font><font color=’#A300C7′>i</font><font color=’#B400C7′>c</font><font color=’#C700C8′>h</font><font color=’#C800B4′> </font><font color=’#C800A3′>v</font><font color=’#C80092′>o</font><font color=’#C80083′>e</font><font color=’#C80074′>d</font><font color=’#C80066′>t</font><font color=’#C80057′> </font><font color=’#C80049′>o</font><font color=’#C8003B’>p</font><font color=’#C8002C’> </font><font color=’#C8001D’>p</font><font color=’#C8000D’>i</font><font color=’#C80200′>z</font><font color=’#C81200′>z</font><font color=’#C82100′>a</font><font color=’#C72F00′>,</font><font color=’#C83C00′> </font><font color=’#C74900′>s</font><font color=’#C85500′>t</font><font color=’#C86200′>e</font><font color=’#C86E00′>a</font><font color=’#C77A00′>k</font><font color=’#C88700′> </font><font color=’#C89400′>e</font><font color=’#C8A100′>n</font><font color=’#C8B000′> </font><font color=’#C7BF00′>w</font><font color=’#BFC800′>h</font><font color=’#AFC800′>i</font><font color=’#9FC700′>s</font><font color=’#91C800′>k</font><font color=’#82C800′>e</font><font color=’#74C800′>y</font><font color=’#66C800′>.</font><font color=’#57C800′> </font><font color=’#49C800′>B</font><font color=’#39C800′>e</font><font color=’#29C800′>n</font><font color=’#18C800′>a</font><font color=’#06C800′>d</font><font color=’#00C70D’>e</font><font color=’#00C71F’>r</font><font color=’#00C830′> </font><font color=’#00C73F’>d</font><font color=’#00C74E’>e</font><font color=’#00C85D’> </font><font color=’#00C76B’>N</font><font color=’#00C879′>e</font><font color=’#00C788′>u</font><font color=’#00C896′>s</font><font color=’#00C7A5′>w</font><font color=’#00C8B5′>a</font><font color=’#00C8C5′>l</font><font color=’#00B9C8′>b</font><font color=’#00AAC8′>r</font><font color=’#009CC8′>a</font><font color=’#008FC8′>m</font><font color=’#0082C8′> </font><strong><font color=’#0075C8′>N</font><font color=’#0069C8′>I</font><font color=’#005DC8′>E</font><font color=’#0051C8′>T</font></strong><font color=’#0044C8′> </font><font color=’#0037C8′>a</font><font color=’#002AC8′>l</font><font color=’#001CC8′>s</font><font color=’#000CC8′> </font><font color=’#0300C8′>h</font><font color=’#1400C8′>i</font><font color=’#2300C8′>j</font><font color=’#3200C8′> </font><font color=’#4000C8′>n</font><font color=’#4F00C8′>e</font><font color=’#5D00C8′>t</font><font color=’#6B00C8′> </font><font color=’#7A00C8′>u</font><font color=’#8900C8′>i</font><font color=’#9900C8′>t</font><font color=’#A900C8′> </font><font color=’#BC00C8′>b</font><font color=’#C800C0′>e</font><font color=’#C800AE’>d</font><font color=’#C8009C’> </font><font color=’#C8008C’>i</font><font color=’#C7007D’>s</font><font color=’#C8006E’>.</font><font color=’#C80060′>T</font><font color=’#C70052′>e</font><font color=’#C80044′>n</font><font color=’#C80035′>z</font><font color=’#C80027′>i</font><font color=’#C70017′>j</font><font color=’#C80007′> </font><font color=’#C70900′>h</font><font color=’#C81800′>e</font><font color=’#C72700′>t</font><font color=’#C83400′> </font><font color=’#C84100′>u</font><font color=’#C84E00′>i</font><font color=’#C75A00′>t</font><font color=’#C86600′>z</font><font color=’#C87200′>o</font><font color=’#C87F00′>n</font><font color=’#C88C00′>e</font><font color=’#C89900′>r</font><font color=’#C8A700′>l</font><font color=’#C7B600′>i</font><font color=’#C8C600′>j</font><font color=’#B8C800′>k</font><font color=’#A9C700′> </font><font color=’#9AC800′>z</font><font color=’#8BC800′>o</font><font color=’#7DC700′>n</font><font color=’#6FC800′>n</font><font color=’#60C800′>i</font><font color=’#52C800′>g</font><font color=’#43C700′> </font><font color=’#33C800′>i</font><font color=’#23C700′>j</font><font color=’#11C800′>s</font><font color=’#00C801′>j</font><font color=’#00C814′>e</font><font color=’#00C825′>s</font><font color=’#00C836′>w</font><font color=’#00C745′>e</font><font color=’#00C854′>e</font><font color=’#00C863′>r</font><font color=’#00C871′> </font><font color=’#00C77F’>i</font><font color=’#00C78D’>s</font><font color=’#00C89C’>,</font><font color=’#00C7AB’> </font><font color=’#00C8BB’>i</font><font color=’#00C3C8′>s</font><font color=’#00B3C8′> </font><font color=’#00A5C8′>h</font><font color=’#0097C8′>i</font><font color=’#008AC8′>j</font><font color=’#007DC8′> </font><font color=’#0071C7′>b</font><font color=’#0064C8′>e</font><font color=’#0058C7′>h</font><font color=’#004CC8′>o</font><font color=’#003FC7′>o</font><font color=’#0032C7′>r</font><font color=’#0025C7′>l</font><font color=’#0016C8′>i</font><font color=’#0006C8′>j</font><font color=’#0A00C8′>k</font><font color=’#1A00C7′> </font><font color=’#2900C8′>a</font><font color=’#3700C7′>g</font><font color=’#4600C7′>r</font><font color=’#5400C8′>e</font><font color=’#6200C8′>s</font><font color=’#7100C8′>s</font><font color=’#7F00C8′>i</font><font color=’#8F00C7′>e</font><font color=’#9F00C8′>f</font><font color=’#B000C8′>.</font>.</p>

<h4><marquee behavior=”alternate”>Die Unterscheidungsmerkmalen von der <a href=”http://www.whitepages.com/dir/New-York/Wulbrecht/Nancy”&gt; NäzeWalBrecht </a></marquee></h4>

<p>Der NäzeWalBrecht hat 3 speziale Unterscheidungsmerkmalen</p>
<ol>
<li>Ein gelbes Hoft</li>
<li>Keine gutten Humor</li>
<li>Hunger. Immermal Hunger</li>
</ol>

</body></html>

Advertisements