45 Publikálás a világhálón; A legfontosabb HTML5 címkék összefoglaló táblázata
45 Publikálás a világhálón; A legfontosabb HTML5 címkék összefoglaló táblázata
HTML alapok (Kornél Géczi Youtube videó leirata)
#1 – A legalapvetőbb HTML oldal
html
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<title>Első oldal</title>
</head>
<body>
<h1>Helló világ!</h1>
<p>Ez az első HTML oldalam.</p>
</body>
</html>
#2 – Szövegformázás: címsorok, bekezdések, sortörések
html
<h1>Főcím</h1>
<h2>Alcím</h2>
<h3>Kisebb cím</h3>
<p>Ez egy bekezdés.</p>
<p>Ez egy másik bekezdés.<br>Ez pedig sortöréssel folytatódik.</p>
<strong>Félkövér szöveg</strong>
<em>Dőlt szöveg</em>
#3 – Listák
Rendezetlen lista
html
<ul>
<li>Alma</li>
<li>Körte</li>
<li>Banán</li>
</ul>
Rendezett lista
html
<ol>
<li>Első</li>
<li>Második</li>
<li>Harmadik</li>
</ol>
#4 – Táblázatok
html
<table border="1">
<tr>
<th>Név</th>
<th>Kor</th>
</tr>
<tr>
<td>Anna</td>
<td>25</td>
</tr>
<tr>
<td>Béla</td>
<td>30</td>
</tr>
</table>
#7 – Linkek és képek
Linkek
html
<a href="https://www.google.com">Google</a>
<a href="https://www.youtube.com" target="_blank"> YouTube új lapon</a>
<a href="#kapcsolat">Ugrás a kapcsolat részhez</a>
Képek
html
<img src="kepek/kutya.jpg" alt="Kutya">
<img src="kepek/taj.jpg" alt="Tájkép" width="300">
<a href="https://index.hu"> <img src="kepek/logo.png" alt="Index logó" width="150"></a>
#8 – Relatív és abszolút útvonalak
Relatív útvonal
html
<img src="kepek/kep1.jpg" alt="Kép 1">
Egy mappával feljebb
html
<img src="../kepek/kep2.jpg" alt="Kép 2">
Abszolút URL
html
<img src="https://example.com/kep.jpg" alt="Webes kép">