1 / 13

Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

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. H yper T ext M arkup L anguage HiperText Jelölő Nyelv Jegyzettömb, Böngésző

riona
Download Presentation

Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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

  2. 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

  3. 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

  4. 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

  5. HTML program szerkezete <HTML> <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

  6. 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

  7. Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

  8. Folytatás a mintafájlok alapján! Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

  9. 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

  10. 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

  11. 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

  12. 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

  13. A pelda1.html fájl Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék

More Related