Amit a HTML-ről érdemes tudni

Slides:



Advertisements
Hasonló előadás
Bevezetés az Internet és a World Wide Web világába (Introduction to the Internet and World Wide Web)
Advertisements

Zenetár a webszerverünkön, avagy XML használata PHP 5 alatt. Ercsey Balázs (laze) – netpeople.hu.
HTML nyelv Hiper-Text Markup Language 1. óra.
HTML nyelv.
 A Web, kezdeti időszakában csak a szöveges file-okat kezelte.  Ma teljes körű multimédia szolgáltatásokat nyújt  Filmet,  Zenét,  Képeket nézhet.
avagy a hálózatok hálózata
1 Internet. 2 WWW  World Wide Web  Hivatkozásokkal összekötött hipermédia dokumentumok rendszere  Dokumentumok -> Weboldalak  A weboldalak hipertext.
INFORMATIKA I. 9. fejezet 2005 Széchenyi István Egyetem Internet.
Az internet és a web A HTML alapjai.  „Úgy gondoljuk, hogy a világpiacon talán öt darab számítógépet tudnánk eladni.” (Thomas Watson, az IBM elnöke,
Hálózatkezelés, Internet 2. óra Előadó: Jánosik Tamás.
2010/2011.Huszár István1. dia Weboldalak tervezése II. (X)HTML.
Bemutatkozik az XML.
A web és működése A Világháló három szabványra épül:
Honlap készítés Érdekességek.
HTML nyelv.
Internetes böngészőprogram használata, beállításai
HTML parancsok használata
Leírónyelvek: HTML és XHTML
Készítette: Rummel Szabolcs
Eszterházy Károly Főiskola ─ Médiainformatika Intézet HTML (HiperText Mark-Up Language) HTML leírónyelvvel írjuk le, hogy a weboldal elemei (képek, szöveg,
WEBOLDALFEJLESZTÉS
BEVEZETÉS AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA Kvaszingerné Prantner Csilla, EKF.
OLDALSZERKEZET ELEMEK 1. A TAG A header taggel fejléc adható meg. Ez a rész tartalmaz bevezető információt a weboldalról vagy annak egy részéről (pl..)
Készítette: Nagy-Szakál Zoltán 2007.
A HTML alapjai Havlik Barnabás Készítette:
Előadó Abonyi-Tóth Andor Műszaki tanár 1117 Budapest, XI. kerület, Pázmány Péter sétány 1/C, Tel: (1) /8466 abonyita.inf.elte.hu 2012/2013-as.
HTML (Hypertext Mark-Up Language). Jellemzői Szöveges alapú internetes oldalak nyelve A formázási műveleteket is szövegesen írja le Szöveget, képeket,
Vizuális és web programozás II.
HTML oldal felépítése Készítette: Pataki Arnold
CSS.
XHTML – a tanultak összefoglalása
XHTML 1. óra. Miért térjünk át HTML-ről XHTML- re? HTML-szabványban tartalom és forma összemosódott HTML 4.0 szabványban stíluslapok használatát javasolták.
HTML nyelv.
Weboldalak tervezése (X)HTML.
Vaktérképes alkalmazások lehetőségei az oktatásban Dombóvári Eszter – Gede Mátyás Térképtudományi és Geoinformatikai Tanszék Budapest,
Hyper Text Markup Language
Érdekességek. Tudod-e? Mit jelent a „www”? A) Wild Windows Wave B) World Wide Web C) Wide World Web.
Alkalmazói programok Integrált felhasználói rendszerek Számítómunkahelyen szükséges felhasználói programokat egy csomagban, modulokban tartalmazza; az.
Az Internet alkalmazásának lehetőségei Áttekintés.
Web-programozás Lénárt Anett egyetemi adjunktus - PTE PMMK Rendszer- és Szoftvertechnológia Tanszék 1. Előadás Tananyag: A WWW A HTML nyelv alapjai.
World Wide Web Szabó Péter Számítástechnika-technika IV. évfolyam.
XML adatkezelés 1. témakör Az XML szabvány.
Készítette: Turócziné Kiscsatári Nóra
Az NVU webszerkesztő program
Bevezetés az Internet és a World Wide Web világába
Html nyelv (HyperText Markup Language)
Első lépések a szövegszerkesztő használatában
Weblap-szerkesztés. Információs hálózati szolgáltatások Internet fontosabb szolgáltatásai (szóbeli) Elektronikus levelezési rendszer használata (szóbeli)
Spanyolország gyöngyszeme: GRANADA Egy hobby portál kivitelezése.
14. Szóbeli középszintű informatika tétel:
Weblapkészítés alapjai
Az Internet.
Java web programozás 2..
Készítette: Derecskei Nikolett
Keresés fajtái Matching (szabadszavas)
TANULNI AZ INTERNETET - TANULNI AZ INTERNETEN Sulyok Tamás.
Előadássorozat a Független Pedagógiai Intézetben fupi.hu Az internet: miért, hogyan? 2 / 10. Csada Péter Csada Bt. cspc.hu.
Webszerkesztés. IP cím pl: Domain cím - DNS pl: ország nevehttp:// számítógép címe World Wide Web Webszerverre.
Számítástechnika alapismeretek HTML-weblapszerkesztés.
Információ és kommunikáció Gellér Zoltán 2015 Számítógépes ismeretek.
Alkalmazott Informatikai Tanszék
A HTML alapjai Az internet és a web.
Ez Az Én Művem Iskola: Kalmár Zsigmond Szakgimnázium és Szakközép Iskolája Készítette: $zabadi Károly Felkészítő tanár: Kiss Ágnes Hódmezővásárhely.
Információ és kommunikáció
Információ és kommunikáció
Internet és kommunikáció
Internet és kommunikáció
Html parancsok.
Információtechnológiai alapismeretek
Manapság az internetes technológiákat körülbelül 1,4 milliárdan használják személyes, illetve üzleti célokra. Jelenleg kutatások zajlanak az internet technikai.
Előadás másolata:

Amit a HTML-ről érdemes tudni

Hyper Text Markup Language - Hiper - Szöveges - Jelölő- - Nyelv Minek a rövidítése? Hyper Text Markup Language - Hiper - Szöveges - Jelölő- - Nyelv

Mi is a HTML? Egy leíró nyelv, melyet weboldalak készítéséhez fejlesztettek ki, és mára már internetes szabvánnyá vált a W3C (World Wide Web Consortium) támogatásával.

Generáció Több generációval rendelkezik A legfirssebb verzió az 5-ös Ennek rövidítése HTML5 A HTML5 kiváltotta a flash alkalmazást

Használata HTML általában szöveges állományokban található meg olyan számítógépeken, melyek az internethez kapcsolódnak Ezek az állományok tartalmazzák azokat a szimbólumokat, amelyek a megjelenítő programnak leírják, hogyan is kell megjeleníteni illetve feldolgozni az adott állomány tartalmát Megjelenítő program lehet egy webböngésző, aural böngésző, braille olvasólevelező program, valamint egyéb eszközök, például mobiltelefon statikus nyelv, dinamikus folyamatvégzésre nem Alkalmas

Szimbólumok, tartalom Négyfajta szimbólum (leíró elem) található meg a HTML-ben: strukturális elemek, amelyek leírják az adott szöveg "célját" például <h1>Téma 1</h1> mint első szintű címsor (alcím). prezentációs szimbólumok, amelyek leírják, hogy az adott szöveg hogyan nézzen ki: például <b>vastag</b> vastag kinézetet eredményez. hiperszöveg (hypertext) elemek, amelyek segítségével kapcsolat létesíthető a dokumentum egyes elemei és más dokumentumok között (például a <a href=„http://bolyai-ozd.sulinet.hu/">Bródy</a> a Bródy szót mint egy kapcsolatot (linket) a megadott URL-hez jeleníti meg) eszköz elemek, amelyek segítségével gombok, listák, beviteli mezők hozhatók létre.

Felépítés Egy HTML állomány három fő részre bontható: A Dokumentum Típus Definíció az állomány legelején, ami a használni kívánt DTD-t adja meg, pl: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> a HTML fejléc <head>, ami technikai és dokumentációs adatokat tartalmaz, amelyeket az internet böngésző nem jelenít meg, tehát átlag felhasználó ezeket nem látja a HTML törzs <body>, amely a megjelenítendő információkat tartalmazza

Alap tagek <b>szöveg</b> → fékövér szöveg (bold) <i>szöveg</i> → dölt szöveg (italic) <u>szöveg</u> → aláhúzott szöveg (underlined) <tt>szöveg</tt> → írógép szöveg <h1>…<h6> → fejlecek, pl. h1 az oldal címe, h2 egy alcím, h3 annak az alcíme és így tovább <font size=”X"> → betűméret <font face="X"> → betűtípus <br> → sortörés <P> → bekezdés

<ul> és <li> → felsorolás az elejére kerül az <ul> a felsorolt tagokhoz pedig az <li>, a végére pedig </ul> Pl: <ul> <li> első elem <li> második elem </ul> <ol> → számozott lista <ol> <li> első elem <li> második elem </ol>

Készítette: Kozma Lajos 2012.november 13.