Uppgáva 2
Skriftstødd og litur á skrift
Kunning
Í HTML kunnu vit brúka fleiri ymisk merki til at skipa og broyta tekstin á síðuni. Umframt <h1>, <p> og <br>, sum vit hava lært um, eru eisini merki sum t.d. <h2>, <h3>, <b>, <i> og onnur, sum broyta tekstin.
Endamál
Næmingarnir skulu:
- Læra at brúka ymisk header-tags:
<h2>,<h3>.- Læra at brúka
<br>til linjuskifti.- Fáa betri fatan av, hvussu HTML skipar tekst.
- Síggja, hvussu merkini (tags) ávirka útsjóndina í kaganum.
Uppgáva
✔️ Broyt kotuna úr Uppgávu 1 og legga afturat við:
- Minst eitt
<h2>heiti undir størsta heitinum.- Minst eitt
<h3>heiti undir<h2>.- Brúka
<br>har tú vilt hava linjuskift innan tekst.- Verður kreativ/ur, men brúka bert somu tekstsum í fyrra kóða.
Tíð: 15-20 minuttir: Virksemi
- Lat HTML-fíluna, sum tú gjørdi í Uppgávu 1, upp.
- Broyt kotuna, so hon líkist kotuni niðanfyri.
- Goym og lata síðuna upp aftur í einum kaga, til dømis Chrome ella Edge.
- Royn teg fram - nýt ymisk merki - og kanna hvat hendir.
Til læraran:
Royn og fá næmingarnar at royna allar støddir av yvirskriftum - og kanska brúka onnur tags úr listanum á síðuni.
Uppgáva 2
<!DOCTYPE html>
<html>
<head>
<title>Síðuheiti</title>
</head>
<body>
<h1>Vælkomin til mína heimasíðu</h1>
<h2>Hetta er eitt undirheiti (h2)</h2>
<h3>Og hetta er eitt uppaftur minni heiti (h3)</h3>
<p>Hetta er vanligur tekstur á síðuni.<br>Her sært tú linjuskiftið.</p>
</body>
</html>
📘 Vanlig HTML-merki
<h1>– Stóra heitið á síðuni Til dømis: "Vælkomin!"<p>– Vanligur tekstur Til dømis: "Hetta er ein setningur."<br>– Linjuskifti Ger eitt nýtt petti í sama teksti<b>– Feitt tekstur Ger orðini tjúkari<i>– Kursiv tekstur Tekstur sum skrivar seg skráan<img>– Mynd Visir eina mynd á síðuni<a>– Leinki Førir teg til aðra síðu, t.d. "Klikk her"<ul>og<li>– Óskipaður listi Gongur saman við punktum<table>– Tabell Til at vísa t.d. vikuætlan<title>– Heitið ovast í kaganum Ikki sýnt inni á síðuni, men ovast í vafranum