Vizuális és web programozás II. Tananyag: 1. konzultáció Html / webfejlesztés alapok Html meta elemei Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
HTML alapok HyperText Markup Language HiperText Jelölő Nyelv Jegyzettömb, Böngésző Alapelemei a tag-ek (címkék, cédulák) Tag-ek írása: <tagnév> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
HTML alapok Általában: <nyitótagnév> tartalom, ami megjelenik a böngészőben <zárótagnév> azaz: <tagnév> tartalom, ami megjelenik a böngészőben </tagnév> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
HTML alapok Például: <B> félkövérré alakított szöveg </B> Egymásba ágyazás: <I><CENTER> dőlt, középre igazított szöveg </CENTER></I> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
HTML program szerkezete <HEAD> <TITLE> cím </TITLE> </HEAD> <BODY> a program törzse </BODY> </HTML> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
HTML fájl megírása, tartalmának betöltése Jegyzettömb: Mentés `.htm` kiterjesztésként Böngésző: File > Megnyitás Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
Folytatás a mintafájlok alapján! Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
Html fejléc meta elemei <meta name="Description" content=""> <meta name="Keywords" content=""> <meta name="Author" content=""> <meta name="language" content="HU"/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title></title> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
Leírás <meta name="Description" content=""> A weboldal rövid leírását tartalmazza a content mezőbe írt szöveg. Google és egyéb keresések esetén a description szöveg jelenik meg a találatok alatt. Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
Kulcsszavak <meta name="Keywords" content=""> Keresőmotorok használják a kulcsszavakat. A weboldal megfelelő kereső-optimalizálása miatt szükséges elem. A content mezőbe vesszővel elválasztva kell megadni a keresőszavakat. Egy gyermekruházatos oldal esetén: Pl.: gyerek, gyermek, kölyök, ruha, bolt, ruházat… Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
Szerző, nyelv, karakterkészlet, cím <meta name="Author" content=""> Az oldal készítőjének nevét, adatait lehet megadni. <meta name="language" content="HU"/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> A magyar ékezetes betűk megjelenése miatt szükséges meta elemek. <title>Ez jelenik meg a böngésző fejlécben</title> Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék
A pelda1.html fájl Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék