A html weboldal az. Web oldalak készítése. A HTML nyelv megtanulása. Weboldal elemei: fejléc
Mielőtt elkezdenénk a HTML- és CSS-webhelykészítési leckéken keresztüli utazásunkat, fontos megértenünk a két nyelv közötti különbségeket, az egyes nyelvek szintaxisát és néhány alapvető terminológiát.
Mi az a HTML és CSS?
A HTML (HyperText Markup Language) meghatározza a tartalom szerkezetét és jelentését, meghatározva a tartalmat, például címsorokat, bekezdéseket vagy képeket. A CSS (Cascading Style Sheets) egy prezentációs nyelv, amelyet a tartalom megjelenésének stílusára hoztak létre, például betűtípusok vagy színek használatával.
Ez a két nyelv – a HTML és a CSS – független egymástól, és így is kell maradnia. A CSS-t nem szabad HTML dokumentumba írni, és fordítva. Általános szabály, hogy a HTML mindig a tartalmat képviseli, a CSS pedig mindig meghatározza a stílust.
A HTML és a CSS közötti különbség megértésével merüljünk el részletesebben a HTML-ben.
Alapvető HTML-kifejezések
Mielőtt elkezdené dolgozni a HTML-lel, valószínűleg új és gyakran furcsa kifejezésekkel fog találkozni. Idővel mindegyiket jobban megismeri, de egyelőre érdemes a három alapvető HTML-kifejezéssel kezdeni: elemek, címkék és attribútumok.
Elemek
Az elemek meghatározzák, hogyan lehet meghatározni az oldalon lévő objektumok szerkezetét és tartalmát. Egyes gyakran használt elemek több szintű címsort tartalmaznak (amelyek a következőkkel vannak meghatározva:
előtt ) és bekezdések (meghatározása:
); Felvehet elemeket a listába
, Az elemek azonosítása szögletes zárójelek segítségével történik<>, amely körülveszi az elem nevét. Tehát az elem így fog kinézni: Szögletes zárójelek hozzáadása< и >létrehoz egy úgynevezett címkét az elem körül. A címkék leggyakrabban nyitó és záró címkepárokban fordulnak elő. A nyitó címke az elem kezdetét jelöli. Egy szimbólumból áll<, затем идёт имя элемента и завершается символом >; Például, A záró címke jelzi az elem végét. Egy szimbólumból áll< с последующей косой чертой и именем элемента и завершается символом >; Például, A nyitó és záró címkék között megjelenő tartalom az adott elem tartalma. A linknek például nyitócímkéje lesz és záró tag. Ami e két címke között van, az lesz a hivatkozás tartalma. Tehát a linkcímkék valahogy így fognak kinézni: Az attribútumok a biztosításhoz használt tulajdonságok további információ az elemről. A leggyakoribb attribútumok közé tartozik az id attribútum, amely az elemet azonosítja; az osztály attribútuma, amely osztályozza az elemet; az src attribútum, amely a beágyazott tartalom forrását adja meg; és egy href attribútum, amely a társított erőforrásra mutató hivatkozást ad meg. Az attribútumok az elem neve utáni nyitó címkében vannak meghatározva. Általában az attribútumok egy nevet és egy értéket tartalmaznak. Ezen attribútumok formátuma az attribútum nevéből áll, amelyet egy egyenlőségjel követ, majd az attribútum értéke idézőjelben. Például elem a href attribútummal így fog kinézni: Shay Howe Ez a kód a "Shay Howe" szöveget jeleníti meg egy weboldalon, és ha erre a szövegre kattint, a felhasználó a http://shayhoe.com webhelyre kerül. A linkelem deklarálása nyitócímkével történik és záró tag amely tartalmazza a szöveget, valamint a nyitó címkében a href="http://shayhowe.com" címen deklarált linkcím attribútuma és értéke. Rizs. 1.01. A vázlatos HTML szintaxis elemet, attribútumot és címkét tartalmaz Most, hogy tudja, mik a HTML elemek, címkék és attribútumok, vessünk egy pillantást első weboldalunkra. Ha valami újnak tűnik itt, ne aggódjon – menet közben bontjuk. A HTML-dokumentumok egyszerű szöveges dokumentumok, amelyeket .txt helyett .html kiterjesztéssel mentünk. A HTML írás megkezdéséhez először szüksége van szöveg szerkesztő, amelyet kényelmesen használhat. Ez sajnos nem tartalmazza Microsoft Word vagy Pages, mivel ezek összetett szerkesztők. A két legnépszerűbb szövegszerkesztő HTML és CSS írására a Dreamweaver és a Sublime Text. Ingyenes alternatívák továbbá a Notepad++ for Windows és a TextWrangler for Mac. Minden HTML dokumentum tartalmaz egy szükséges struktúrát, amely a következő deklarációkat és elemeket tartalmazza:
,
, Irattípus nyilatkozat illa HTML-dokumentum legelején található, és közli a böngészőkkel, hogy a HTML melyik verzióját használják. Mivel használni fogjuk legújabb verzió HTML, a dokumentumtípusunk egyszerű lesz. Ez után jön az elem egy dokumentum kezdetét jelzi. Belül elem A weboldal minden látható tartalma benne lesz az elemben
Ez egy weboldal. Ez a kód mutatja a bizonylatot, kezdve a bizonylattípus deklarációval,, akkor rögtön jön az elem . Belül elemek jönnek Ideje ellenőrizni munkánkat, és megnézni, hogyan működik együtt a HTML és a CSS. Az index.html fájl megnyitása (vagy az oldal frissítése, ha az már nyitva van) a böngészőben kissé eltérő eredményt mutathat, mint korábban. Rizs. 1.04. Stíluskonferencia-webhelyünk CSS-visszaállítással Alább megtekintheti a Styles Conference weboldalát jelenlegi állapotában, és letöltheti is forrás webhely jelenleg. Szóval minden rendben! Ebben az oktatóanyagban nagy lépéseket tettünk. Gondoljon csak bele, most már ismeri a HTML és a CSS alapjait. Ahogy folytatjuk, és egyre több időt tölt HTML és CSS írásával, sokkal kényelmesebben fog dolgozni ezzel a két nyelvvel. Összegzésképpen a következőkre tértünk ki: Most nézzük meg közelebbről a HTML-t, és ismerkedjünk meg egy kicsit a szemantikával. Az interneten megjelenő tartalom nagy részét weboldalak teszik ki. Történelmileg ez a legelső dokumentumtípus, amelyet virtuális hálózati térben helyeztek el, de továbbra is releváns, és gyakorlatilag nincs versengő formátuma. Mi a weboldalak felépítése? Milyen webfejlesztő eszközöket készítenek? „Felsorold egy weboldal főbb elemeit” – mondja a vizsgáztató egy számítástechnika órán. Mit mondhatunk neki válaszul? Mindenekelőtt arról fogunk beszélni, hogy mi is az a weboldal elvileg. Az informatikusok körében általánosan elfogadott definíció szerint olyan dokumentumról van szó, amelyet egy speciális programban - böngészőben - nyitnak meg, és amely adatokat tartalmaz a számítógép képernyőjén történő megjelenítéshez a megfelelő szoftverrel, különböző hasznos tartalommal - szövegekkel. , linkek, grafikák, videók, zene stb. A weboldal egy szöveges dokumentum. A böngésző megfelelő adatai a betűk, számok és Különleges szimbólumok, jelölőnyelvi elemként használt - HTML. Ennek segítségével „elmagyarázza” a weblap készítője a böngészőnek, hogyan jelenítse meg ezt vagy azt a tartalmat a képernyőn. Mondhatjuk-e, hogy egy weboldal a weboldal fő alkotóeleme? Ez részben igaz. Azonban, ahogy fentebb megjegyeztük, a weboldal csak egy szöveges dokumentum. Az oldal általában képeket, videókat és egyéb multimédiás elemeket is tartalmaz. Egy weboldal nem tartalmazhatja ezeket, de a szerkezetében tartalmazhat rájuk mutató hivatkozásokat. A weboldal tehát a virtuális tartalmak felhasználók előtti megjelenítésében betöltött domináns szerepét tekintve az oldal fő összetevőjének nevezhető. Ritka esetekben természetesen a szóban forgó dokumentum lesz az oldal egyetlen összetevője - ha valamilyen oknál fogva nem biztosítja a grafika, videó és egyéb multimédiás elemek megjelenítését. Különösen a legelső webhelyek - amikor a weboldal-jelölőnyelvek először megjelentek - nem tartalmaztak releváns tartalmat. A felhasználó szeme előtt csak szöveg és linkek voltak. Tehát a weblap egy dokumentum, amelyen összeállították HTML nyelv, amely a hipertext jelölésére szolgál. De mi is ez a jelenség? Mi az a hipertext? Anélkül, hogy túlságosan elmélyednénk az elméletben, megjegyezzük, hogy ez egy olyan szöveg, amely így vagy úgy lehetővé teszi, hogy gyors hozzáférés másikra – linkeken keresztül. Ez egy normál könyvben lehetetlen - van „egyszerű szöveg”. A kívánt oldal eléréséhez az olvasónak többször kell fordulnia, először a tartalomjegyzéket vagy a lábjegyzeteket olvassa el. Hipertext módban a munka nagy részét a számítógép végzi el, az oldal HTML elemeiben tükröződő információk felhasználásával. Ha egy informatika tanár azt mondja nekünk: „Felsorolja egy weboldal fő elemeit”, akkor teljesen helyesen kezdhetünk beszélni a megfelelő dokumentum összetevőiről, amelyek a HTML jelölőnyelv használatával jönnek létre. Ezért először nézzünk meg néhány elméleti pontot a HTML-lel kapcsolatban. Hogyan olvassa ki a böngésző a weboldalról a szükséges adatokat egy HTML dokumentumból? Nagyon egyszerű. Alapvető elemek ennek a nyelvnek- ezek a címkék. A legtöbb esetben párosítva vannak - van egy nyitó és egy záró. Az előbbieket csak szögletes zárójelek jelzik. A második hasonló, de a második zárójel előtt egy perjel található - a / szimbólum. A böngésző képes felismerni őket, ezért probléma nélkül megjeleníti a weboldalak tartalmát a dokumentumfejlesztő által készített algoritmusoknak megfelelően. A nyitó címkét általában nagybetűvel, a záró címkét kis betűkkel írják. Ez az informatikusok körében kialakult szabvány. A böngésző természetesen bármilyen betűben felismeri a HTML parancsot, de a webfejlesztőknek továbbra is azt tanácsoljuk, hogy tartsák be a megjelölt címkeírási sémát. Ez megkönnyíti például más szakemberek számára a weboldal fejlesztését. A HTML nyelv további fontos elemei az attribútumok. Segítségükkel a weboldal készítője beállíthatja a tartalom tulajdonságait - például a betűtípus magasságát, színét, az oldalhoz viszonyított helyzetét. Ugyanez vonatkozik a képekre, videókra és egyéb multimédiás összetevőkre. Az attribútumok a nyitó címkébe vannak írva. A nyitó és záró címkék között található a weboldal következő kulcsfontosságú összetevője – a tartalom. Valójában ez az a tartalom, amelyet a felhasználó előtt kell megjeleníteni a képernyőn. Ez lehet szöveg, hivatkozás, kép, videó vagy más multimédiás elem. „Így sorolja fel végül egy weboldal főbb elemeit!” - ismétli a tanár. „Örömmel” – válaszoljuk neki. Mit tartalmaz a vizsgált dokumentumtípus szerkezete? Egyezzünk meg abban, hogy ezt a szempontot a weboldal HTML elemeivel összefüggésben vesszük figyelembe. Vagyis a böngészőben való megjelenítésük - amit a felhasználó a képernyőn lát - kisebb mértékben fog minket érdekelni. A helyzet az, hogy a megfelelő HTML algoritmusok, amelyek alapján a program azonos módon jeleníti meg a tartalmat, eltérőek lehetnek. Ez pedig a HTML nyelv sajátossága: a kívánt kép egy weboldalon megjeleníthető különböző utak. Ugyanakkor vagy egyenértékűek lehetnek a weboldal készítőjének munkaerő-költségeit tekintve, vagy eltérő erőfeszítést és időt igényelnek a megvalósításuk. A weblapok standard elemei – bármilyen meglepően is hangzik – nagyon kis mennyiségben jelennek meg. Valójában csak kettő van belőlük - a cím és a dokumentum fő része. Ugyanakkor mindegyiknek meglehetősen összetett szerkezete lehet. Mik a cím konkrétumai? A weboldal legtetején található. A fejlécet alkotó HTML kód általában csak a szöveget hivatott „titkosítani”, de szükség esetén a megfelelő elembe kis grafikus betéteket is elhelyezhetünk. És tulajdonképpen ez minden, ami a címről elmondható. Úgy tűnik, hogy szerepe a megfelelő dokumentum szerkezetében jelentéktelen. De ez nem igaz. A weboldalak címei nagyon fontosak a webhelyek indexelése szempontjából a keresőmotorokban - Yandex, Google. Ennek az elemnek teljes mértékben relevánsnak kell lennie a weboldal tartalmához, valamint az oldal tematikus sajátosságaihoz. Hogyan rögzíthető egy weboldal címe HTML használatával? Nagyon egyszerű. Először a nyitó tag íródik, ami mindig úgy néz ki, mint HEAD szögletes zárójelekkel, majd a fejléc tartalma, majd a záró tag. Természetesen a webdokumentum legtetejére vannak írva. A webdokumentum címe számos további elemet tartalmazhat. Néha egy weboldal formátuma megkövetelheti, hogy a szöveget meghatározott kódolásban jelenítsék meg. Hogyan biztosíthatja, hogy webdokumentuma megfeleljen ennek a feltételnek? Nagyon egyszerű. A HTML-algoritmusokat a dokumentumfejléc-struktúrában kell elhelyezni, utasítva a böngészőt egy adott nyelvi kódolás használatára – például cirill. A megfelelő parancsok a META címkén belül helyezkednek el, amely másokhoz hasonlóan nyitó és záró is lehet. A webdokumentum fő része a BODY címkével nyílik meg, és a megfelelő elemmel zárul, beleértve a perjelet is. Ezenkívül a nyitó és záró címkék között rengeteg további hiperszöveg jelölőnyelvi parancs lehet. Ez annak köszönhető, hogy a weboldal fő része hasznos tartalmat - szövegeket, linkeket, grafikákat, videókat, különféle kitöltendő űrlapokat - tartalmazza. A megfelelő tartalomtípusok mindegyike saját címkékkel rendelkezik. A webdokumentum fő részének felépítése tartalmazhat HTML-parancsokat, amelyek a szöveg formázására is szolgálnak – például bizonyos színt, méretet és egyéb tulajdonságokat adnak a betűtípusnak. Nézzük meg néhány gyakran használt HTML-címke sajátosságait. Valójában ezek alkotják a weboldal fő elemeit. Tehát annak érdekében, hogy részletesen tanulmányozzuk, melyek egy weboldal elemei, tanulmányozzuk részletesebben az alapvető HTML-címkék lényegét. Néhányat fentebb már megadtunk - különösen azokat, amelyek segítségével a böngésző beolvassa a weboldalak fejléceit, és meghatározza, hol található a dokumentum fő része. A P címke meglehetősen gyakori, a hipertext jelölőnyelv más hasonló elemeihez hasonlóan nyitó és záró is lehet. Ez a címke lehetővé teszi a dokumentum egyetlen bekezdésének formázását. Beállíthat például egy adott betűtípust vagy színt. Ez azonban egy további címke - FONT - használatával történik. Ebben az esetben a bekezdés határait jelölő belsejébe kerül - ez megakadályozza, hogy a preferált betűtípust tükröző HTML-parancs a weboldal más elemeihez kerüljön. A táblázatok a TABLE címkével jönnek létre. A megfelelő attribútumok segítségével meghatározhatja a szükséges oszlopok és sorok számát, beállíthatja szélességét, konkrét szegélyeit, a táblázatban szereplő szöveg méretét és betűszínét. Felelős a képek böngésző általi feldolgozásáért. Különféle attribútumokat is elhelyezhet benne, amelyek szabályozzák a kép méretét és az oldalon elfoglalt helyét. A más webdokumentumokra vagy fájlokra mutató hivatkozásokat az A tag jelzi, amelyen belül általában olyan attribútumok találhatók, amelyek jelzik, hogy a weboldal szerkezetében hiperhivatkozás található. Ebben az esetben azt a dokumentumot, fájlt vagy webhelyet kell feltüntetni, amelyre ez vezet. Gyakori címke a FRAMESET. Segítségével egy weboldal terét több területre - keretekre - oszthatja fel. Mindegyikben külön webes dokumentumokat használhat. Vagyis a keretek lehetővé teszik, hogy egy képernyőn egyszerre két vagy több oldalt helyesen helyezzen el. Egy történet a weboldalak kulcsfontosságú elemeiről, majd egy későbbi történet a HTML nyelv használatával történő formázási módokról - körülbelül ez lesz az algoritmus a válaszunkhoz a vizsgáztató által feltett kérdésre. Ha azzal jön hozzánk, hogy „sorold fel egy weboldal főbb elemeit”, akkor a megfelelő módszertannal minden esélyünk meglesz a téma feltárására. Vagyis az „elemek” kifejezésen megérthetjük a webdokumentum szerkezetének kulcsfontosságú összetevőit, vagy a tartalom típusait - szöveget, képeket, táblázatokat, kereteket, hivatkozásokat, amelyeket a webmester olyan eszközzel, például HTML nyelvvel generál. . Az elmondottakon túl elmagyarázhatjuk, hogy a HTML-szabványok hatalmas számú címkét és attribútumot biztosítanak. A HTML mellett a webfejlesztők további formázási eszközöket is használhatnak a hipertext dokumentumokhoz. Például azzal JavaScript használatával létrehozhat dinamikus weboldalakat - vagyis azokat, amelyeken a tartalom folyamatosan frissül (mind maga a felhasználó cselekedetei miatt, mind a szkriptekben előre megírt algoritmusok szerint). Hasznos lenne hozzátenni, hogy a webfejlesztő teljes értékű programozási nyelveket használhat a munkájában, mint például a Perl, PHP, Java, Python, amelyek segítségével a hipertext dokumentumokkal való munkavégzés lehetőségei nyílnak meg. még szélesebb. Ennek szükségességét az okozhatja, hogy a webes technológiák alkalmazási területei ma nagyon eltérőek. A modern fejlesztők előtt álló kihívások meglehetősen összetettek lehetnek. Például néha szükséges az orosz nyelven írt weboldalak angolra fordítása. Ebben az esetben a fejlesztő eszközei nagyon változatosak lesznek. A munka célja: a hallgatók megismertetése a HTML nyelv alapfogalmaival, a HTML dokumentum felépítésével, a kötelező címkékkel, megjegyzésekkel, a szövegformázás módszereivel, a fizikai és logikai stílusokkal, ismeretek elsajátítása egyszerű statikus webes dokumentumok létrehozásában. Laboratóriumi órákon a Jegyzettömb szövegszerkesztőt fogjuk használni a HTML fájlok elkészítéséhez, az Internet Explorer böngészőt pedig az elvégzett figyeléshez. Elméleti információk Alapfogalmak Hipertext- információs struktúra, amely lehetővé teszi szemantikai kapcsolatok létrehozását a számítógép képernyőjén megjelenő szövegelemek között oly módon, hogy könnyen áttérhessen egyik elemről a másikra. A gyakorlatban a hipertextben egyes szavakat aláhúzással vagy más színű színezéssel emelnek ki (hiperhivatkozások). Egy szó kiemelése azt jelzi, hogy e szó és néhány olyan dokumentum között van kapcsolat, amelyben a kiemelt szóhoz kapcsolódó téma részletesebben kerül megvitatásra. Egy különálló, HTML formátumban írt dokumentum neve: HTML dokumentum; Web dokumentum; Honlap. Az ilyen oldalak általában NTM vagy HTML formátumúak. Egy szerzőhöz vagy egy IEDV-testhez tartozó és közös hiperhivatkozásokkal összekapcsolt weblapok csoportja webcsomópontnak vagy webhelynek nevezett struktúrát alkot. Minden HTML oldalnak saját egyedi URL-je van - adpec az interneten. Keret (Keret)
- olyan kifejezés, amelynek két jelentése van. Az első érték a dokumentumterület saját görgetősávokkal. A második egy 0DNN0H kép animált grafikus fájlban (keretben). Kisalkalmazás (Applet)
- a kliens számítógépre külön fájlként átvitt, weblap megtekintésekor elindított program. Script (Forgatókönyv)
A vagy a script egy olyan program, amelyet a weboldalak tartalmaznak a képességek bővítésére. Bizonyos helyzetekben az Internet Explorer böngésző a következő üzenetet jeleníti meg: „Engedélyezi a szkript futtatását az oldalon?” Ebben az esetben szkriptekre gondolunk. CGI
(Gyakori
Átjáró
Felület)
- olyan programok általános neve, amelyek szerveren működve lehetővé teszik a weboldalak képességeinek bővítését. Ilyen programok nélkül lehetetlen interaktív weblapokat létrehozni. böngésző (Böngésző)
- egy program weboldalak megtekintéséhez. Elem- HTML nyelvi tervezés. Felfoghatja úgy, mint egy tárolót, amely adatokat tárol, és lehetővé teszi azok bizonyos módon történő formázását. Bármely weboldal elemek halmaza. A hipertext egyik fő gondolata az elemek egymásba ágyazásának lehetősége. Például: <Начало
элемента>Az elem tartalma, az elem által formázott adatok Címke(angolul tag - címke, leíró, címke) - egy elem kezdő vagy záró jelzője. A címkék meghatározzák az elemek működésének határait, és elválasztják egymástól az elemeket. A weboldal szövegében a címkék szögletes zárójelben vannak<
>, és a záró címkét mindig perjel követi. Szöveg nincs e zárójelek között (< >), teljesen látható, ha böngészőben nézzük. Például: <Начальный
тег>Az elem tartalma, az adatok, amelyek formáz egy elemet <Р>Ez a szöveg egy külön bekezdésben található Bármely weboldal elemek halmaza. A HTML egyik alapelve, hogy az egyik elemet a másikba lehet beágyazni. Tulajdonság- egy elem paramétere vagy tulajdonsága. Az attribútumok a kezdőcímkén belül találhatók, és szóközök választják el egymástól. Ha a cement tartalmaz szöveget, akkor az attribútumok beállíthatják a betűszínt és -méretet, az igazítást szöveges bekezdés stb. Ha az elem képet tartalmaz, akkor az attribútumok megadhatják a kép méretét, a kép körüli keret jelenlétét és méretét stb. <Р
align="center">Ez a szöveg a képernyő közepéhez igazodik Ez a példa ismét egy címkét használ, amely meghatározza a bekezdés elejét és végét. A start címke azonban tartalmaz egy igazítási attribútumot, amely a szöveg igazítását a képernyő közepére állítja. Jegyzet: Minden hasznos információnak meg kell jelennie a kezdő és záró címke között, jelezve a formátumát; Minden attribútum a kezdő címkében található; A használat megkönnyítése érdekében a kezdő címkét nagybetűvel (nagybetűvel) (P), a végcímkét kisbetűvel (/p) írhatjuk, bár ez nem szükséges; Nem minden elemhez van szükség záró (záró) címkére; Kezdje el minden új elemet új sorba írni. Beágyazott elemek behúzása (tabulátor). Ez megint nem szükséges, de nagyban megkönnyíti a dolgát. A weboldal egy speciálisan formázott dokumentum, amely szöveget, grafikát, hiperhivatkozást, hangot, animációt és videót tartalmazhat. Számos weboldal, amelyeknek közös a témája, a design és a hivatkozások, és általában ugyanazon a webszerveren találhatók, egy webhelyet alkotnak. Weboldal (angol nyelvű. weboldal: web- „web, hálózat” és webhely- „hely”, szó szerint „hely, szegmens, a hálózat része”) - gyűjtemény elektronikus dokumentumokat egy magánszemély vagy szervezet (fájljai) számítógép hálózat, egyetlen cím alatt egyesülve (domainnév vagy IP-cím). Az összes oldal együtt alkotVilágháló, ahol a kommunikáció (web) a világközösség információinak szegmenseit egyesíti egyetlen egésszé - adatbázissá és bolygószintű kommunikációvá. Kifejezetten egy protokollt fejlesztettek ki az ügyfelek közvetlen hozzáférésére a szervereken lévő webhelyekhez HTTP .
A webhely felépítése olyan, mint egy magazin, amely egy adott témával vagy kérdéssel kapcsolatos információkat tartalmaz. Ahogy egy magazin nyomtatott oldalakból áll, a webhely számítógépes weboldalakból áll. A weboldalt megjelenítő programot webböngészőnek nevezzük. A webhelyek a HTML hipertext dokumentum jelölőnyelv használatával jönnek létre. A HTML technológia abból áll, hogy vezérlőkaraktereket (címkéket) szúrunk be egy normál szöveges dokumentumba, és ennek eredményeként egy weblapot kapunk. A böngésző a weboldal betöltésekor a címkék által meghatározott formában jeleníti meg a képernyőn. A HTML lehetővé teszi, hogy: · szöveg formázása; · tartalmazzon képeket és multimédiát a dokumentumban; · Ezen a nyelven hipertext hivatkozások jönnek létre más weboldalakra. A HTML-t fájlinformációs tartalom létrehozására, valamint a weboldalak szerkezetének és formátumának meghatározására használják. Mivel a HTML fájlok egyszerű szöveges fájlok, az ilyen fájlok gyakorlatilag bármilyen számítógépre elküldhetők. Weboldalak létrehozásához egyszerű szövegszerkesztőket használnak, amelyek nem tartalmaznak szövegformázási vezérlőkaraktereket a létrehozott dokumentumban. A Windows ilyen szerkesztőjeként használhatja szabványos alkalmazás"Jegyzetfüzet". A weblapfájlok általában .html vagy .htm kiterjesztéssel rendelkeznek. Emellett számos olyan technológia létezik, amelyekben a weboldalkészítés alapvető lépései már automatizáltak, csak a témának megfelelő változtatásokat kell végrehajtani. Egy HTML-oldal megtekintéséhez egyszerűen írja be az URL-t a webböngésző címsorába, majd kövesse a hivatkozásokat. De pontosan ez a fő probléma - hogyan lehet megtudni az oldal címét? Leggyakrabban az történik, hogy tudod, mit kell találnod, de nem tudod, hogy pontosan hol keress. A probléma megoldására speciális keresőmotorok állnak rendelkezésre. A felhasználó szemszögéből kereső rendszer- ez egy szokásos webhely kezdőlap amely más oldalakra mutató hivatkozásokat tartalmaz, kategóriákra osztva („Sport”, „Üzlet”, „Számítógépek” stb.). Ezen túlmenően a keresőmotor lehetővé teszi a felhasználó számára, hogy több kulcsszót adjon meg, és visszaadja az ezeket a kulcsszavakat tartalmazó oldalakra mutató hivatkozásokat. Weboldal A weboldal (angol Website, web - web és site - „hely”) szóból egy magánszemély vagy szervezet dokumentumainak gyűjteménye, amely egy számítógépes hálózaton egyetlen cím alatt egyesül. Alapértelmezés szerint a webhely az interneten található. Az összes internetes webhely együttesen alkotja a világhálót. A HTTP protokollt kifejezetten az ügyfelek számára fejlesztették ki, hogy közvetlenül hozzáférhessenek a szervereken lévő webhelyekhez. A webhelyeket más néven egy személy vagy szervezet internetes képviselete. Amikor azt mondják, hogy „saját oldal az interneten”, az egy teljes webhelyet vagy egy személyes oldalt jelent valaki más webhelyének részeként. Az internetes webhelyek mellett mobiltelefonokhoz készült WAP-oldalak is elérhetők. Kezdetben a weboldalak statikus dokumentumok gyűjteményei voltak. Jelenleg legtöbbjükre a dinamizmus és az interaktivitás a jellemző. Ilyen esetekre a szakértők a webes alkalmazás – kész kifejezést használják Szoftver csomag weboldal problémák megoldására. A webalkalmazás egy webhely része, de az adatok nélküli webalkalmazás csak technikailag webhely. Az interneten a legtöbb esetben egy webhely egy domain névnek felel meg. Pontosan aszerint domain nevek helyen vannak azonosítva globális hálózat. Más lehetőségek is lehetségesek: egy webhely több domainben vagy több webhely egy domain alatt. A nagy webhelyek (webportálok) általában több tartományt használnak a különböző típusú szolgáltatások logikai elkülönítésére (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Vannak olyan esetek is, amikor külön tartományokat osztanak ki különböző országok vagy nyelvek. Például a google.ru és a google.fr logikailag különböző nyelvű Google-webhelyek, de technikailag különböző webhelyek. Jellemző, hogy több webhelyet egy domain alatt egyesítenek ingyenes tárhely. A webhelyek azonosításához a cím egy tilde-t és a webhely nevét tartalmazza a gazdagép után: example.com/~my-site-name/.Címkék
Attribútumok
Az alapvető HTML kifejezések bemutatása
A HTML-dokumentumstruktúra testreszabása
Helló Világ!
A HTML dokumentum szerkezetének bemutatása
Demo és forráskód
Összegzés
Források és linkek
Mi az a weblap?
A weboldalak helye és szerepe az oldalak felépítésében
A hipertext használatának elve
HTML nyelvi szerkezet: címkék
Attribútumok
Tartalom
Weboldal elemek
Weboldal elemei: fejléc
A weboldal fő része
Alapvető HTML címkék
A webfejlesztő eszközök sajátosságai
