Informatika1-2015/Gyakorlat4

A MathWikiből
A lap korábbi változatát látod, amilyen Gaebor (vitalap | szerkesztései) 2015. szeptember 28., 19:12-kor történt szerkesztése után volt.

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" ... />

A forráskódba tehetünk komment-eket, ezek nem jelennek meg a böngészőben, de a forrás megtekintésével láthatóak.

<body>
  szép szöveg
  <!-- kevésbé szép szöveg -->
</body>

Segíts magadon

Előző gyakorlat - Fel - Következő gyakorlat

Személyes eszközök