1. Vefsíðukennsla Byrjun á HTML

Kristinn · Post by **Kristinn** » May 13th, 2012, 9:01 pm

Þá er að læra 1. Partinn HTML
1. Kynning
*HTML Merkir Hyper Text Markup Languge.
*HTML er ekki forritunarmál heldur Vaframál
*Vaframál er sett af sniða tögum
*HTML er sniða tag sem lýsir vefsíðum

2. Hvað þú þarft og þarft ekki
--------Þú þarft ekki-----------
*Þú þarft ekki ÞSÞSEÞSÞF(Það sem þú sérð er það sem þú færð(WYSIWYG))
*Þú þarft ekki vefserver
*Þú þarft ekki vefsíðu
-------Þú þarft---------
*Þú þarft bara Notepad,
*Vafra t.d. Internet Exlp., Firefox, Chrome. ,
*Að læra eftir þessu

Nú skulum við byrja
3. Dæmi

Code: Select all

<html>
<head>
<!--Alltaf gott að hafa titil -->
<titile>Þinn titill á síðunni</title>
<!-- Meta er t.d. Höfundur,  Réttur o.s.f.-->
<meta name="Höfundur" content="Kristinn Snær Sigurðsson"/>
</head>
<body>
<!--Þetta er Stærsta Fyrirsögnin-->
<h1>Fyrsta Fyrirsögn mín</h1>

<p>Fyrsta málsgrein mín.</p>

</body>
</html>

Vistið þetta sem *.html skrá og skoðið í Internet Expl. Firefox eða hvað sem þú notar

4. Dæmi Fyrirsagnir og Málsgreinar

Code: Select all

<h1>Stærsta Fyrirsögnin</h1>
<h2>Næststærsta Fyrirsögnin</h2>
<h3>Þarnæststærsta Fyrirsögnin</h3>
<h4>Þarnæstminnsta Fyrirsögnin</h4>
<h5>Næstminnsta Fyrirsögnin</h5>
<h6>Minnsta Fyrirsögnin</h6>

Málsgreinar

Code: Select all

<p>Þetta er Málsgrein</p>
<p>Þetta er önnur Málsgrein</p>

5. Tenglar

Code: Select all

<a href="http://hvernig.net">Hvernig.Net</a> eða <a href="Þinn Tengill">Textinn þinn</a>

Þú getur líka látið myndir hafa linka

Code: Select all

<a href="http://imgur.com"><img src="http://blog.andyswebtools.com/wp-content/uploads/2011/01/html.jpg" /></a>

Þá líkur þessari kennslu, Ég held áfram í parti 2