<!doctype html> <!--DOKUMENTIN TYYPITYS-->
<html lang="fi"> <!--KIELI JOLLA SELAIMEN ESITETÄÄN, HUOM EI VAADITA SIVUT NÄYTTÄMÄÄN-->
<head> <!--PÄÄOSIO ELI HEAD-->
<meta charset="utf-8"> <!--KIRJASINTYYLI JOHON SISÄLTYY Ä JA Ö-->
<meta name="Author" content="Pekka Herala"> <!--SIVUN LUOJA, AUTORISOIJA, OMISTAJA-->
<meta name="description" content=""> <!--SISÄLLÖN KUVAUS-->
<meta name="Keywords" content="html, perusteet"> <!--AVAINSANAT-->
<meta name="Copyright" content="© Copyright 2013, Pekka Herala"><!--OIKEUKSIENHALTIJA-->
<meta name="Pagetopic" content="Internet"> <!--JULKAISUPAIKKA-->
<meta name="Pagetype" content="HTML-Formular"> <!--SIVUTYYPPI-->
<title>HTML-kielen alkeita 1</title> <!--TARKOITTAA SIVUN NIMEÄ JA NÄKYY SELAIMEN YLÄOSASSA-->
<link rel="stylesheet" href="style.css"> <!--TYYLITIEDOSTOLINKKI-->
<script src="valikko.js"></script> <!--SCRIPTILINKKI-->
<script src="link.js"></script> <!--SCRIPTILINKKI-->
<script src="pop2.js"></script> <!--SCRIPTILINKKI-->
<style type="text/css"> /*SIVUN SISÄINEN TYYLI*/
.punainen {color: #FF0000; font-weight:bold;}</style>
</head> <!--HEAD ELI PÄÄOSIO LOPPUU-->
<body> <!--BODY ELI SIVUN RUNKO ALKAA-->
<script type="text/javascript"> <!--YLÄ PIILOVALIKOT-->
<!--teeValikkoElementit();//--></script>
<pre>Avaa notepad eli muistio, ala kirjoittaa pakollisia ns tageja alkuun ja loppuun sekä sisältöä bodyyn.
Kannattaa opetella kopioi / liitä lyhenteet= Ctrl+C / Ctrl+V niin kaikkea ei tarvitse itse aina kirjoittaa.
Jos osaat katsoa sivujen koodeja niin siellähän se aarreaittasi piileskeleekin.
Älä huokaise jos katsot tämän sivun lähdekoodia.
Se on sen vuoksi kiinalaisen näköistä koska olen jo laittanut koodin näkymään html sivulle.
Nimittäin kun luurailet koodeja muutaman kerran huomaat että rakenne on periaatteessa aina samanlainen eli:
documentin tyypittelyn, headin, metatagien, titlen, linkkien jälkeen alkaa body jonne sisältöä saa alkaa tuottamaan.
<span class="punainen">
Tähän väliin kirjoitetaan kaikki sivun sisältö joka voi olla taulukoita, videoita, kuvia tiedostoja, liitettyjä tiedostoja,
linkkejä, liikkuvia kuvaesityksiä css llä tehtyjä liikkuvia esityksiä, tekstiä ja ihan mitä vain mielikuvituksesi ja
yllämainitun uusimman dokumenttityypin html5 sallii sivuilla esitettävän.</span>
tällä sivulla esitetään lähdekoodin rakenneosat eräältä sivultani osoitteesta:
<a href="https://www.sivustot.net/Pekka/opas/">https://www.sivustot.net/Pekka/opas/</a>
muuta muistettavaa:
muuta metatagit omille nimillesi
poista sciptiliittymät
poista tyyliliittymät
poista selitykseni html <!-- kommentti --> tagien välistä.
Tallenna tiedosto sitten vaikka nimellä: isot_lintuhamahakit.html sisällöstä riippuen tietysti,
Tämän tiedoston nimi on html-alkeita_1.html
Älä käytä välilyöntejä 2-osaisissa tiedostonimissä, ei äätä tai öötä tiedostojen nimissä.</pre>
</body>
</html>