Informatika1-2015/Gyakorlat4
a |
a |
||
31. sor: | 31. sor: | ||
</body> | </body> | ||
</html> | </html> | ||
− | Egyes tag-eket nem kell bezárni, vagy elég egy kacsacsőrrel írni: | + | Egyes tag-eket nem kell bezárni, vagy elég egy kacsacsőrrel írni, például: |
<pre> | <pre> | ||
<img ...> | <img ...> | ||
<br/> | <br/> | ||
</pre> | </pre> | ||
− | Nem pedig | + | Nem pedig: |
<pre> | <pre> | ||
<img ...>XYZ</img> | <img ...>XYZ</img> |
A lap 2015. szeptember 28., 20:01-kori változata
Előző gyakorlat - Fel - Következő gyakorlat
Tartalomjegyzék |
Html
Ezen a gyakorlaton megcsináljuk a honlapunkat!
A honlapunk létrehozása
A Linux terminálból hozzunk létre egy public_html nevű könyvtárat a home könyvtárunkban:
$ cd ~ $ mkdir public_html $ cd public_html
Majd töltsük le a következő tartalmat:
~/public_html$ wget math.bme.hu/~borbely/minta.html ~/public_html$ mv minta.html index.html
Most nézzük meg böngészőből a honlapunkat: math.bme.hu/~<username>. Nézzük meg hogy mi van az index.html-ben:
~/public_html$ gedit index.html
Fontos
Minden böngészőben van Forrás megtekintése vagy Oldal forrásának megtekintése funkció. Ezzel a nyers html oldalt láthatjuk, ez az információ töltődik le a gépünkre az oldal megtekintésekor, és ezt jeleníti meg a böngésző.
Szintaktikai alapok
A HTML az XML jelölőnyelv egy fajtája, ú.n. tag-ekből áll:
<tag> ... tartalom </tag>
Általában nem case sensitive, de több szabvány is van. Egy html fájl alapvető felépítése:
<!DOCTYPE ...> <html> <head> ... fejléc, tartalom leírók, meta-adatok </head> <body> ... maga a honlap </body> </html>
Egyes tag-eket nem kell bezárni, vagy elég egy kacsacsőrrel írni, például:
<img ...> <br/>
Nem pedig:
<img ...>XYZ</img> <br> ... </br>
Egyes tag-ekhez tehetünk attribútumokat:
<div align="center"> ... </div> <img width="100" ... />