Tutorial "weboldalak létrehozása html nyelv". Az első weboldal létrehozása HTML nyelv létrehozása weboldalak

A fejlesztés az IT-szférában, azaz a növekedés szolgáltatások iránti kereslet megteremtése és keresi weboldalak vezetett arra a tényre, hogy számos, úgynevezett webmesterek tűnt, kész teljesíteni minden munkát a helyszínen, és a további támogatást. Érdemes megmondani, hogy a legtöbb ilyen projekt a szabad tervezők segítségével jött létre, a "mester" maguknak csak elméleti ötlete van a kiváló minőségű webes erőforrás technikai összetevőjáról. A webhely webes tervezése, a töltés, a használhatóság átgondolása - mindez mindenképpen fontos. De a technikailag hibás webhely, a kód hibáival egyszerűen kudarcot ítél.

Röviden a közös programozási nyelvekről

PHP.. Az alap a HTML jelölésen alapul. A PHP egy általános célú szkript nyelv, a forráskód nyitva van. A szintaxis meglehetősen könnyen kezelhető, sok közös jellemzője a C, Java és Perl. A PHP fő előnye, hogy segítsége, a fejlesztők haladéktalanul létrehozhatnak dinamikusan generált weboldalakat. Szakmai ismeretekkel is használható más feladatok elvégzésére is.

Piton.Oroszul, "python" -ként osztva. Magas szintű általános célú programozási nyelv, amely a fejlesztő termelékenységének javítására és a kódolhatóságra összpontosított. A Python kernel szintaxis minimalizálódik. Ugyanakkor a szabványos könyvtár nagy mennyiségű hasznos funkciót tartalmaz.

Rubin.. Oroszul, a rubin gyakori. Dinamikus, fényvisszaverő, értelmezhető, magas szintű programozási nyelv a gyors és kényelmes objektumorientált programozáshoz. A nyelv független az operációs rendszert a multithreading, a szigorú dinamikus gépelés, a szemétgyűjtő és sok más lehetőség megvalósításával. A szintaxis jellemzői szerint közel áll a Perl és az Eiffel nyelveihez, egy objektumorientált megközelítés szerint - a kisméretű. A funkciók közül néhányat Pythonból veszünk.

ÁSPISKÍGYÓ.. A nyelv fejlesztője a Microsoft. A technológia lehetővé teszi, hogy alkalmazza az alkalmazásokat a www. Az ASP könnyű és gyors. Platformok ASP: Windows NT és IIS (Internet Information Server). Nem teljesen helyesen nevezik az ASP nyelvnek, hanem inkább a technológia a program weboldalakhoz való csatlakoztatásához. Egy egyszerű szkriptnyelv és a külső COM komponensek használatának lehetősége - ez az ASP sikerének teljes titka.

JavaScript.. A JavaScript elve kissé eltér a más nyelvű programozástól. A fő különbség az, hogy közvetlenül egy HTML fájlhoz csatlakozik. A JavaScript-ben írt szkriptet a böngészőbe beágyazott tolmács feldolgozza.

A nyelvhasználati területek nagyon kiterjedtek:

  • A dokumentum letöltése után módosítható weboldalak létrehozása
  • Helyi feladatok megoldása
  • Az írástudás ellenőrzése, hogy töltse ki az űrlapokat a felhasználónak, mielőtt elküldi őket a kiszolgálónak

A JavaScript funkciók sokfélesége a nyelv népszerűségét okozza. Ezzel:

  • Változtassa meg az oldal módosításait: Munka a címkékkel, a stílusok módosítása, szöveg írása
  • Válaszoljon az eseményekre (például egérkattintásra), és végezzen egy adott funkciót
  • Üzenetek megjelenítése, ellenőrizze az adatok helyességét, telepítse és olvassa el a cookie-kat
  • Adatok letöltése az oldal újraindítása nélkül stb.

Perl. Kezdetben ez a nyelv egy olyan eszköz volt, amely olyan programokat csatlakoztatott, amelyek különböző funkciókat egyetlen forgatókönyvbe sorolják, lehetővé téve a feladat komplexum megoldását: szövegfeldolgozás, adminisztráció stb. Ma a Perl a CGI alkalmazások létrehozásának fő eszköze. Ezzel a webszervereket és más rendszereket adják be. Az e nyelvű forgatókönyvek egyszerűsége és hatékonysága a platformokhoz való alkalmazkodáshoz vezetett, például Windows, Mac stb. Perl - nyitott és elérhető, a tolmács kezdeti szövegei teljesen ingyenesek.

Hasznos a nagy poggyász?

A programozás alapjait a számítástechnika iskolai tanulságai tanítják. Delphi és Pascal, szinte mindenki szembesült. A bonyolultabb nyelvek sokkal komolyabb megközelítést igényelnek a tanuláshoz. Egy bizonyos elme raktár - matematikai és logikus, és természetesen a vágy, hogy váljon szakértőjévé váljon az üzleti életben, segíteni fogja az újonc programozónak, hogy sikerüljön. Ne próbálja meg azonnal elsajátítani az összes nyelvet. Jobb, ha ismerjük a legjobb dolgot, mint az ötödik tudásnak. Minden egyes programozási nyelven általános elvek vannak, mindegyikük a cselekvések logikáján épül fel, ezért tapasztalattal rendelkeznek, hogy az új technológiák elősegítése gyorsabbá és könnyebbé váljon. Sokan megváltoztathatják és másolhatják a kész kódokat, de valódi "művész" leszek, és nem minden programozó nem feltétlenül utánozható.

Bevezetés

1. Alapvető információk

1.1 A HTML nyelvről

1.2 Honlap létrehozása

1.3 Alapvető rendelkezések

1.4 Dokumentumszerkezet

1.5 A test dokumentumának címkéi

1.6 HTML alapvető címkék listája

2. További információért

2.1 Címkék listák

2.3 A dokumentumban lévő grafika

2.4 Stílusok hozzáadása a dokumentumhoz

2.5 Különleges HTML-címkék

2.6 HTML formák

2.7 HTML FREUMA

2.8 HTML táblák

2.9 Ütemezés optimalizálás az interneten

2.10 CSS alapjai

3. A webhely létrehozásának leírása

3.1 Előkészítés

3.2 Főoldal létrehozása

3.3 Második oldal létrehozása

3.4 Az oldal létrehozása a város leírásával

3,5 oldal fotókkal

3,6 oldal a programokkal

3.7 Köszönetoldal

Következtetés

A használt irodalom listája

Bevezetés

Ez a megjelenés a HTML nyelvre vonatkozik. Ezzel a nyelvvel a fájlok a * .html * .html kiterjesztéssel vannak létrehozva, amelyek weboldalak. Ezek közül a webhelyhálózatok állnak.

A webhely az oklevélhez kapcsolódik, mint például a HTML nyelv használatával létrehozott példaként.

Minden munka 3 részre oszlik. Az első rész teljes mértékben elkötelezett a fő HTML-címkék leírásának. Benne megtalálja az összes szükséges információt az egyszerű weboldalak létrehozásáról. A második szakaszban van információ a dokumentum megjelenésének javításáról, és további lehetőségeket emel. A harmadik rész tartalmazza az e diploma munkához csatolt webhely létrehozását. Ezt a módszert az, hogy részletesen egy másfél hónap tisztátalan munka létrehozása oldalon beszélt különböző hibák létrehozása és korrigált, a felmerült nehézségek és azok kiküszöbölése módszereket.

Miután elolvasta ezt a munkát, bármely személy, akkor is meglehetősen ismeri a programozás, képes lesz megérteni az alapokat a programozás HTML. És azok, akik tudják, megtalálhat valami újat maguknak.

1.1 A nyelvről Html

Hyper Text Markup Language (HTML) egy szabványos nyelv kialakítását hipertext dokumentumok a Web környezetben. A HTML dokumentumokat különböző típusú böngészők lehet megtekinteni. Ha a dokumentumot a HTML segítségével hozza létre, a webböngésző a HTML-t úgy értelmezheti, hogy kiemelje a dokumentum és az elsődleges feldolgozás különböző elemeit. A HTML használata lehetővé teszi a dokumentumok formátumát a betűtípusok, vonalak és egyéb grafikus elemek segítségével bármely olyan rendszerben, amely megtekintette őket.

A legtöbb dokumentumnak szabványos elemei vannak, például címsor, bekezdések vagy listák. HTML-címkékkel jelölheti meg ezeket az elemeket, a webes böngészőket minimális információval, hogy megjelenítse ezeket az elemeket, általában a dokumentumok általános struktúráját és tájékoztatásának teljességét. Minden, ami a HTML-dokumentum elolvasásához szükséges egy olyan webböngésző, amely értelmezi a HTML-címkéket, és reprodukálja a dokumentumot a képernyőn a formában, amelyet a szerző tulajdonít.

A legtöbb esetben a dokumentum szerzője szigorúan meghatározza a dokumentum megjelenését. HTML esetében az olvasó a webböngésző képességei alapján bizonyos mértékig képes kezelni a dokumentum megjelenését (de nem annak tartalmát). A HTML lehetővé teszi, hogy megjegyezze, hogy a dokumentumnak a HTML-címke használata fejléc vagy bekezdésnek kell lennie, majd megadja a webes böngészőt, hogy értelmezze ezeket a címkéket. Például egy webböngésző felismerheti a címkét a bekezdés elején, és küldjön egy dokumentumot a megfelelő formában, a másik pedig nem rendelkezik ilyen lehetőséggel, és egy sorban egy sorban jelentkezik. A webes böngészők felhasználóinak is képesek testre szabni a dokumentum megjelenítését befolyásoló betűtípus, szín és egyéb paraméterek méretét és típusát.

A HTML-címkék két kategóriába sorolhatók:

1. Címkék, amelyek meghatározzák, hogyan jelenik meg a webböngésző egésze.

2. Címkék, amelyek leírják a dokumentum általános tulajdonságait, például a dokumentum címét vagy szerzőjét.

Ne feledje, hogy a HTML fő előnye, hogy a dokumentumot különböző típusú böngészőkön és különböző platformokon lehet megtekinteni.

1.2 Teremtmény Honlap

A HTML-dokumentumok bármely szövegszerkesztővel vagy speciális HTML szerkesztővel és átalakítók segítségével hozhatók létre. A HTML-dokumentumok létrehozásához használt szerkesztő kiválasztása kizárólag az egyes szerző kényelméről és személyes adatainak fogalmától függ.

Például a HTML szerkesztők, mint például a Netscape Navigator Arany cég Netscape, lehetővé teszi, hogy hozzon létre dokumentumokat grafikus WYSIWYG technológia (amit látsz, amit kapsz). Másrészt a legtöbb hagyományos eszköz a dokumentumok létrehozásához olyan átalakítókkal rendelkezik, amelyek lehetővé teszik a dokumentumok HTML formátumú átalakítását.

Minden HTML-címke kezdődik a "<" (левой угловой скобки) и заканчиваются символом ">"(jobb szögletes konzol). Rendszerint van egy kezdőcímke és a végső címke. Például megadjuk a fejléccímkéket, amelyek meghatározzák a szöveget a kezdő és a végső címkén belül, és leírjuk a dokumentum címsorát:

Dokumentumfejléc

A végső címke úgy néz ki, mint a kezdet, és különbözik attól, hogy közvetlenül a szöveges zárójelben lévő szöveg előtt áll. Ebben a példában címke mondja a webböngésző a fejléc formátum használatával és címkével - A fejléc szövegének befejezéséről.

Néhány címke, mint például

(A bekezdést meghatározó címke) nem követeli meg a végső címkét, de a felhasználása a dokumentum forrásszövegét javítja az olvashatóságot és a strukturálhatóságot.

A HTML nem válaszol a TEG leírása karakterregiszterre, és a fenti példa a következőképpen nézhet ki:

Dokumentumfejléc

Figyelem! A HTML-dokumentum forrásszövegéhez hozzáadott további terek, fülek és kocsi visszatérése a webes böngésző figyelmen kívül hagyja a dokumentum értelmezését. A HTML-dokumentum tartalmazhat a fent leírt elemeket csak akkor, ha azokat a címkékbe helyezik

ÉS
. További információ a címkékről
Az alábbiakban íródnak.

Ha a webböngésző dokumentumot kap, meghatározza, hogy a dokumentumot hogyan kell értelmezni. Az első címke, amely megfelel a dokumentumban, legyen címke . Ez a címke jelentette be a webes böngészőt, amelyet a dokumentumot HTML segítségével írunk. A minimális HTML-dokumentum így fog kinézni:

Testi dokumentum ...

A dokumentum típusa . A címke fejléc része a dokumentumot közvetlenül a címke után kell használni És inkább a dokumentum testében. Ez a TEG a dokumentum általános leírása. Kerülje a szöveg belsejében lévő szöveget . Indítási címke közvetlenül a címke előtt helyezkedik el és a dokumentumot leíró egyéb címkéket és a végső címkét</HEAD> A dokumentum leírásának vége után közvetlenül közzéteszik. Például:</p> <p><TITLE>Az alkalmazottak listája

Figyelem! Technikailag, indítási és végső címkék típus , és Választható. De erősen ajánlott használni őket, mivel ezeknek a címkéknek a használata lehetővé teszi, hogy a webböngésző magabiztosan megosztja a dokumentum fejlécét és közvetlenül a szemantikai részét.

Dokumentumfejléc . A legtöbb webböngésző megjeleníti a címke tartalmát <TITLE> A dokumentum és a könyvjelző fájlban található címablakban, ha a webböngésző támogatja. Tag korlátozott tippek <TITLE> ésbelép -Tags, amint azt a fentiekben látható. A dokumentumfejléc nem jelenik meg, ha a dokumentum megjelenik az ablakban.

Hello barátok! Azok, akik ismételten elolvasták a blogomat, tudják, hogy sokszor mondtam: nem kell speciális képességeket programozni az interneten.

Igen, így nem utasítom el a szavaimat, de csak azért, mert vannak különleges szolgáltatások és. Ha nem használja őket, akkor saját programozási nyelveket kell létrehozni egy webes erőforrás létrehozásához és kitöltéséhez.

Szeretné tudni, hogy milyen nyelvekre van szükség a webhely létrehozásához? Ezután olvass!

Néhány fő rendelkezés

A weboldal fejlesztése érdekében több nyelv használható azonnal. Ugyanakkor lehetetlen azt mondani, hogy ezek közül néhány jobb vagy rosszabb, mint a többi. Az előnye másokkal szemben csak egy adott feladat megoldása során jelenhet meg.

Az egyik vagy másik választása teljes mértékben a programozó készségeinek szintjétől függ, mert ritka, hogy olyan szakembert talál, aki azonnali ismeretekkel rendelkezik minden nyelven.

Először is azt szeretném mondani, hogy a programozási nyelv egy alapszintaxis, amely lehetővé teszi a webes erőforrás létrehozását.

Egy teljesen bármely hely alapja. Ez a szintaxis felelős a hipertext jelölésért. Minden webfejlesztő köteles tudni, hogy ez is jó, mint a szorzótáblázat.

Még akkor is, ha kész megoldásokat használnak, az alapvető tudás egyszerűen szükséges. A HTML-kód segítségével az internetes erőforrás létrehozásának teljes folyamatát és tartalmát végzik. De csak azt alkalmazza, csak egy egyszerű internetes oldalt hozhat létre felhasználó visszajelzés nélkül, amely csak tájékoztatást nyújt Önnek. Jó dinamikus erőforrás esetén ez nem elég!

Alapvető programozási nyelvek

Először is érdemes kiemelni a JavaScriptet, mert ez az alapja az összes olyan programozásnak, amelyet meg kell tudni, hogy webes erőforrás létrehozásakor. A szoftver platformok között az alapanyag ezüstfény és az Adobe Flash. Ezenkívül az utóbbi meglehetősen gyakori, és viszonylag hosszú a webfejlesztők.

Ezeket a nyelveket interaktív webhelyek létrehozásakor használják. Az ezüst fény előrejelzése szerint az Adobe Flash hamarosan teljesen kicserélhető. A két szoftver termék ritka eseteiben elég ahhoz, hogy online webhelyet hozzon létre, de csak ezek használata rendkívül nem kívánatos.

A megfelelő szintaxis kiválasztása az operációs rendszertől függ, amelyet a fejlesztő használ. A webes erőforrás létrehozásához a Microsoft - ASP.NET által kifejlesztett technológiát gyakran használják. Lehetővé teszi, hogy teljesen bármilyen webes erőforrást hozzon létre, mint a legegyszerűbb és könnyen képes feldolgozni jelentős számú kérés. Az ASP.NET kihasználásához nem kell a felhasználói szinten, de kissé mélyebben.

A legnépszerűbb szintaxis, amely a programozók iránti keresletben van, a PHP. Sok előnye van, amelyek közül a sebesség és az egyszerű szintaxis. A mai napig az oroszlán részesedése pontosan írja be a PHP-t.

A webes programozás kezelésének kezdete, sok választás Java, a leginkább érthető és könnyen felszívódik. A Java Server oldalakat a tartalom létrehozására használják.

A közelmúltban nagyon gyakran használta Ruby-t. És minden nap népszerűsége csak növekszik. Én magam személyesen nem használta még, de tanulmányozza a témát, találtam sok lelkes megjegyzést a címében. A tapasztalt fejlesztők a Ruby-t a legmegfelelőbb szintaxisként osztják fel a webhelyek gyors létrehozásához, míg lehetővé teszi az erőforrás szükséges funkcionalitásának végrehajtását.

EREDMÉNYEK

Meg kell választania egy megfelelő szintaxist több paraméterben, nevezetesen:

  • Az alkalmazott operációs rendszer típusa;
  • A létrehozott webhely összetettsége és dinamizmusa;
  • A saját tudás arzenálja.

Mondtam, hogy milyen programozási nyelvekre lehet szüksége a webes erőforrás létrehozásakor, és használhatja őket minden rendben, vagy hogy előnyben részesítsen valamit - ez az Ön vállalkozása.

Remélem, hogy ez az anyag hasznos volt neked, és örömmel osztja meg ezt a cikket a barátaiddal a közösségi hálózatokon. Ne felejtsd el feliratkozni a blogfrissítésekre. Hamarosan találkozunk!

Tisztelettel! Abdullin Ruslan

Minden nap az IT-Gömb egyre szélesebb körű, és a weboldal létrehozásának igénye növekszik. Ez növeli a szakemberek számát, akik hajlandóak a webhely fejlesztésére és támogatására. Azonban sok ilyen webmester élvezi az ingyenes tervezőt, és nagyon homályos ötlete van a webhely programozásának és technikai összetevőjáról. Természetesen a használhatóság, a tervezés és a tartalom nagyon fontos, de technikailag gyenge helyszínek a kódban a kódban nem fogják tudni a tulajdonos bármilyen előnyét. Ezért csak azokat a szakembereket, akik a saját programozási nyelv kell hozni helyek létrehozása, és készen áll, hogy dolgozzon ki egy webhely a semmiből.

Milyen nyelvekre van szükség a webhelyek létrehozásához?

A tapasztalt fejlesztők azt mondják, hogy a programozási nyelv kiválasztása a tényezők halmazától függ. Ugyanakkor meg kell érteni, hogy az ideális megoldás egyszerűen nem létezik, minden lehetőségnek előnyei és hátrányai vannak. Meg kell választanod a leginkább megfelelő nyelvet, hogy megoldja a feladatokat. A nyelv kiválasztása előtt meg kell fontolnia:

  • szerverplatform;
  • szerver szoftver;
  • a webhelyek létrehozásának tapasztalatai rendelkezésre állása;
  • kiválasztott adatbázis.

Legnépszerűbb nyelvek

Oldalak Népszerűség
(Egyedi látogatók havonta)
Front-end.
(Ügyfél)
Visszaigazolás
(Szerver)
Adatbázis
Google.com. 1,600,000,000 C, C ++, Go, Java, Python BigTable, Mariadb.
Facebook.com. 1,100,000,000 Hack, PHP (HHVM), Python, C ++, Java, Erlang, D, XHP, Haskell Mariadb, mysql, hbase cassandra
YouTube.com. 1,100,000,000 C, C ++, Python, Java, Go Vitess, bigtable, mariadb
Jehu. 750,000,000 PHP. Mysql, postgresql, vb.net
Amazon.com. 500,000,000 Java, C ++, Perl Oracle adatbázis.
Wikipedia.org. 475,000,000 Php, hack Mysql, mariadb.
Twitter.com. 290,000,000 C ++, Java, Scala, Ruby Mysql
Bing. 285,000,000 ASP.NET. Microsoft SQL Server
ebay.com. 285,000,000 Java, JavaScript, Scala Oracle adatbázis.
Msn.com. 280,000,000 ASP.NET. Microsoft SQL Server
Microsoft. 270,000,000 ASP.NET. Microsoft SQL Server
LinkedIn.com. 260,000,000 Java, JavaScript, Scala Voldemort.
Pinterest 250,000,000 Django, Erlang. Mysql, redis
WordPress.com. 240,000,000 PHP, JavaScript (csomópont) Mariadb, mysql

PHP. A legegyszerűbb jelölőnyelven alapul, HTML. A PHP összeköti a felhasználót a kiszolgáló részével. Ez az a nyelv, hogy az ilyen funkciókat visszajelzési formákként, regisztrációs mezők formájában hajtják végre, stb. A nyelv szintaxisja nagyon egyszerű és könnyen felfedezhető. A PHP nélküli kereskedelmi portál létrehozása, nem szükséges PHP nélkül, mivel pontosan könnyebben kapható a felhasználó elérhetősége. A nyelv alapvető méltósága az, hogy használatával a programozók nagyon gyorsan és anélkül, hogy dinamikus oldalakat készítenek.

Piton. Oroszul gyakran Pythonnak nevezik. A megosztott feladatokhoz használt magas szintű nyelv a leggyakrabban - a feladatok elvégzéséhez a szerveren keresztül. A mérföldkő a programozó teljesítményének és a kódolhatóságának növekedése. A nyelv segítségével biztonsági másolatot készíthet sok programozási paradigmával. A Python nagyszerűen működik a Windows és a Linux szervereken.

Rubin. Oroszul, gyakran "Ruby" -nak nevezik. Ez egy dinamikus, fényvisszaverő és magas szintű nyelv az OOP (objektumorientált programozás) számára. Lehetővé teszi a multitreálozás bármely operációs rendszert, szigorú beírása dinamikus típusú, és számos más lehetőséggel rendelkezik. Az Eiffel és Perl analógjaihoz legközelebb eső rubinszintaxis jellemzői szerint. Ezenkívül az egyes részleteket a Python-ból kölcsönzik.

ÁSPISKÍGYÓ. Ezt a nyelvet a Microsoft tervezte. Ezzel a technológiával alkalmazhatja az alkalmazásokat a www.asp-hez. A nyelvi munkaállványok a következők: Internetinformációs szerver (IIS) és Windows NT. Az ASP-t meglehetősen nehéz lehet közvetlenül a nyelven nevezni, inkább egy technológia, amely a programot az internetes oldalra csatlakoztatja. Az ASP minden előnye egy egyszerű szkript nyelven és a harmadik féltől származó SOM elemek használatának lehetősége.

JavaScript. A "JavaScript" elv kicsit eltérő más programozási nyelvektől. Fő különbsége közvetlenül kapcsolódik egy HTML fájlhoz. A JavaScript alapján létrehozott szkriptet a tolmács feldolgozza, amely a böngészőbe beágyazódik. Ezt a nyelvet nagy mennyiségű feladatra használják: dinamikus oldalak létrehozása (a tartalom a dokumentum letöltése alapján változhat);

Helyi feladatok megoldása; Ellenőrizze az űrlapok kitöltésének helyességét, mielőtt elküldi őket a kiszolgálóra.

A nagy nyelvi funkciókat népszerűsége magyarázza. Tehát a JavaScript használatával:

  • az oldal tartalmának módosítása: A szöveg hozzáadása vagy eltávolítása, módosítása stílusok és címkék;
  • reagáljon bizonyos eseményekre (például egérgombbal), és végezzen egy adott funkciót;
  • Üzenetek megjelenítése, a cookie-k telepítése és olvasása, ellenőrizze a megadott adatok helyességét;
  • töltse le az új adatokat a dokumentum újratöltése nélkül stb.

Perl. Először ezt a nyelvet olyan programok összekapcsolására használták, amelyek különböző feladatokat végeztek egyetlen forgatókönyvben, hogy megoldják az egész feladatkomplexet: a szövegfeldolgozás, az adminisztráció, stb. Segít a szerverek és más rendszerek kezelésében. Az egyszerűség és a gyors forgatókönyv írása miatt egy gyöngyházon minden népszerű platformhoz igazodtak, beleértve a Mac és a Windows-ot is. A Perl nyílt forráskódú kódot tartalmaz, teljesen ingyenes.

Szüksége van egy csomó tudásra?

Az alapvető programozási tudás programozás az iskolában számítástechnikai órákban szerez. A Pascal és Delphi kezdeti szintjén való munka valójában mindenkinek kellett lennie. De más, összetettebb programozási nyelvek, egy másik, átfogóbb és komolyabb megközelítést igényelnek. Az első dolog, amire szükség van egy sikeres programozóhoz, matematikai, logikai gondolkodásmód és a vállalkozás javításának vágya. Ugyanakkor ne próbálja meg egyszerre minden nyelvet megtanulni. Jobb, ha egy jól elsajátítaná, mint öt nyelvű excerct ismerete. Minden nyelvnek hasonló elvei vannak, mindegyikük a cselekvések logikájára épül, így idővel, minden új nyelvtanulással könnyebb. Sokan másolhatják vagy megváltoztathatják valaki más kódját, de nem mindenki képes arra, hogy kódolja a kódot, hogy valódi "művész" legyen.

A weblap tartalmazhat szöveges, grafikát és hiperstitist különböző internetes erőforrásokkal. Mindezen funkciók végrehajtásához speciális nyelvet fejlesztettek ki, az úgynevezett hiper szövegmarkup nyelv (HTML), azaz egy hipertext jelölőnyelv. A HTML-ről írt dokumentum olyan szövegfájl, amely tartalmazza az aktuális szöveget, amely információt ad az olvasónak, és jelölje meg a zászlókat. Az utóbbi bizonyos karakterek olyan karakterek, amelyek utasításai a Nézet programhoz; Ezekkel az utasításokkal összhangban a program szöveges szöveggel rendelkezik, olyan képeket tartalmaz, amelyek külön grafikus fájlok tárolódnak, és más dokumentumokkal vagy internetes erőforrásokkal hypercups-ot generálnak. Így a HTML-fájl csak akkor érkezik meg a WWW dokumentum nézetét, ha azt a megtekintési program értelmezi.

Mivel a HTML dokumentumok ASCII formátumban vannak írva, bármely szövegszerkesztő használható a létrehozásához.

Általában egy HTML-dokumentum egy fájl kiterjesztésű.html vagy. HTM, amelyben a szöveget a HTML-címkék közzétették. A HTML-eszközöket a címkék szintaxisa és elhelyezése határozza meg, amely szerint a böngésző megjeleníti a webes dokumentum tartalmát. A címke maguknak a webes böngészője nem jelenik meg.

Minden címke egy szimbólummal kezdődik "<" и заканчиваются символом ">"Általában van egy pár címke - indítás (nyitó) és a végső (záró) címke, amely között a zárolt információ elhelyezése:

HTML - szabványos jelölés nyelv hipertext dokumentumok

Itt a kezdőcímke a címke

És végleges -

. A végső címke különbözik a kezdetektől az a tény, hogy a zárójelben lévő szöveg előtt van<> Van egy szimbólum "/" (slash).

A HTML-dokumentumot olvasó böngésző az ablakban a HTML-címke szerkezetével jeleníti meg. Minden HTML-dokumentumban három fő résznek kell lennie:

HTML bejelentése.

Cím

A dokumentum teste

Tekintsük az egyes elemeket külön-külön:

HTML bejelentése.

és. A címkék párja megmutatja a megtekintési programot (böngészőt), hogy a HTML formátumban szereplő dokumentum lezárul, és az első címke a dokumentumnak címkével kell rendelkeznie (a dokumentum kezdetén), és az utolsó - (a dokumentum végén).

Cím

és. Ezek a címkék között van információ a dokumentumról (név, kulcsszavak a kereséshez, leírás stb.). Azonban a legfontosabb dolog az a dokumentum neve, amelyet a böngészőablak felső sorában és a "Kedvencek" listában látunk. Annak érdekében, hogy nevet adjon a HTML-dokumentumhoz, a szöveg a címkék között van elhelyezve. és.

RÓL RŐL</i> <i>loszhadia

A dokumentum teste

A dokumentum harmadik fő része a teste. Azonnal kell lennie a címen, és a címkék között van és. Az elsőnek közvetlenül a címke után kell állnia, és a második - a címke előtt. A HTML dokumentum testület olyan hely, ahol a szerző a HTML által formázott információkat helyezi el.

RÓL RŐL</i> <i>lovak ... .

A fentiekből írhatjuk meg az oldalak HTML kódját:

RÓL RŐL</i> <i>lovak Tartalom az én stanitok

Általánosságban elmondható, hogy sok címke van, és mindegyikük bizonyos funkciókat hajt végre a HTML oldalak létrehozásában.

Cascade CSS stílusú asztalok

Tegyük fel, hogy meg kell változtatnia a szöveg szövegét a HTML webhelyen fekete és kék között, akkor meg kell változtatnia a háttérszínt a webhely minden oldalán, de egyszerűbb megoldás erre a problémára. A kaszkádos stílusú lapokat vagy másképp - CSS-t (Cascading Style Sheets) használhatja.

A CSS forradalom volt, amely megrázta a www-t. Ha azelőtt, hogy az internetes tervező nem tudta, hogy a teremtés hogyan fog megjelenni a különböző webböngészők programjaiban, akkor mindent ellenőrizhet: a betűtípus felirattal a kép helyzetét az oldalon.

Tehát a CSS-t a weboldalak alkotói használják, hogy meghatározzák a dokumentum bemutatásának színét, betűtípusait, helyét és egyéb szempontjait. A CSS fejlesztésének fő célja a tartalom megosztása (HTML vagy más jelölőnyelven írva), és egy dokumentumot (CSS-ben írt) .HTML az oldal tartalmának strukturálására szolgál, és a CSS a strukturált tartalom formázása.

Ezenkívül a CSS lehetővé teszi, hogy ugyanazt a dokumentumot képviselje különböző stílusokban vagy kimeneti módszerekben, például képernyőmegjelenítéssel, nyomtatással, hangos olvasással (speciális hangböngésző vagy képernyős olvasó).

CSS, amikor megjelenít egy oldalt különböző forrásokból:

Külső stíluslapok, azaz egy külön fájl. CSS, amelyet a dokumentumban említettek.

Beépített stílusok - CSS blokkok a HTML-dokumentumban.

Inline-styles, ha egy HTML dokumentum stílusban egy elemre van megadva a stílus attribútumában.

Egyedi stílusok: A felhasználó által megadott helyi CSS fájl a böngészőbeállításokban felülbírálja a szerző stílusát, és minden dokumentumra alkalmazzák.

Böngészőstílus: Az alapértelmezett böngésző által használt szabványos stílus.

A stílus leírása a címkékben található és a címkék között keverjük .

Ha van stílusok egy külön fájlban, akkor a címkék között Minden HTML-dokumentumnak hozzá kell adnia egy linket a CSS-fájlhoz:

Alapértelmezett. A CSS a CSS fájl, amely tartalmazza az alkalmazott stílusok leírását. Ha egy másik könyvtárban van, meg kell adnia az utat. A CSS fájl bármely szövegszerkesztőben van létrehozva, például egy notebookban, csak a CSS-re módosítani kell a szöveges fájl kiterjesztését.