Možno začnem od začiatku ..
HTML nie je vo svojej podstate programovací jazyk .. je to značkovací jazyk pre hypertextové dokumenty. Inými slovami, je zodpovedný za umiestnenie vašich textov, obrázkov, tabuliek ... určených pre život na internete v dokumente. Je nemožné ho prinútiť vypočítať, koľko bude dvakrát dva, nemá logické funkcie, ale je krásne a hlavne ľahké rozložiť informáciu, že dvakrát dva budú štyri - to je ľahké. Tento jazyk sa číta pomocou vašich známych programov, ktoré sa nazývajú prehľadávače (prehľadávače), ktoré „poznajú“ štandardné príkazy jazyka html a „ich“ žuvaním “zobrazujú dokumenty na monitore počítača v podobe, v akej web master - kompilátor dokumentov ich chce predstaviť.
Teraz o príkazoch - nazývajú sa deskriptory, ale častejšie - značky.
Vráťme sa na našu prvú stránku .. a tak sme napísali:
Ahoj svet !!!
Toto je teda to, čo sa píše medzi tým<…> - nazývajú sa značky, nie sú viditeľné pre čitateľa, ktorý si pozrel vašu stránku, ale sú zreteľne viditeľné pre prehliadač, ktorý na značku narazil to chápe ako signál, že ďalej bude existovať dokument, ktorý je potrebné prečítať a zobraziť na monitore v požadovanej podobe .. ale tag hovorí, že dokument sa skončil a nevyžaduje sa od neho nič iné, teda od prehliadača, a môže si s čistým svedomím oddýchnuť.
Čo sme teda napísali? a ako to prečíta prehliadač?
Myšlienky prehliadača:
- začiatok dokumentu .. opäť sa práce zastavili ..- pozri sa do anglického slovníka prekladáme "hlava" ... v mojej hlave piliny nezáleží !! ... tu sú hlavné servisné informácie o dokumente .. tak čo tam odo mňa chcú?
Moja prvá stránka - kanvica opäť cvičí ..
- celý titul je za nami .. môžete ísť ďalej ..
- jo, a okrem toho mena si v hlavách nechováme žiadne nezmysly ..
- „telo“ dokumentu, všetko, čo je napísané nižšie, je zverejnené
Ahoj svet !!! - aké Zlaté! Už to mám !!!
- text prenesieme na ďalší riadok .. Dokonca hádam aj to, čo v ňom bude ...
Moje meno je (vaše meno je tu), toto je moja prvá stránka!- no, to je .. nemôžu vymýšľať nič originálnejšie ..
- je to všetko? Ukázať nič iné?
- no a to je koniec !! Neprebúdzajte, neobracajte, v prípade požiaru najskôr vyberte!
Zhruba takto nejako prebieha čítanie našej stránky .. Ako vidíte, prehliadač je dosť svojrázny typ, preto mu treba dávať jasné a jasné príkazy, inak sa bude hádať .. navyše nahlas .. a pamätajte preto na tieto veci:
1) Je potrebné si raz a navždy pamätať, že ak existuje otváracia značka <…> potom musí byť uzávierka …>
Aj keď existujú výnimky, napríklad značka
- nevyžaduje ukončenie, pretože hovorí iba o tom, čo by malo byť napísané v novom riadku. Mimochodom, skúste pridať ešte pár rovnakých pred riadok „Moje meno je ..“ a uvidíte, že vo výsledku klesol znateľne nadol .. (Samozrejme, zmeny si uložte do poznámkového bloku a v prehliadači kliknite na tlačidlo „obnoviť“)
2) Všetky dokumenty by mali mať nasledujúcu šablónu kódu:
- začiatok dokumentu- náskok
- pokrývka hlavy
- začiatok tela
- uzáver tela
- koniec dokumentu
Tieto značky sú povinné! Musíte ich vždy napísať pre každú novú stránku a iba v tomto poradí! Nesnažte sa všetko prevrátiť naruby ..
3) O objednávke:
Otváracia a zatváracia značka podľa typu<…> …> je druh kontajnera, škatuľa, do ktorej sa dajú zložiť ďalšie značky - menšie škatule .. dokument by teda podľa logiky mal vyzerať takto:
<Тег "большой ящик"><Тег "ящик средний">
<Тег "ящик маленький">
obsah
Тег "ящик маленький" >
Тег "ящик средний" >
Тег "большой ящик">
Ak napíšete napríklad takto:
<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
obsah
Тег "большой ящик">
Тег "ящик маленький">
Тег "ящик средний">
To sa ukáže ako svinstvo, ktoré sa nezmestí do hlavy, „veľký“ je už uzavretý a trčí z neho „malý“, ktorý je uzamknutý v „priemere“, a „obsah“ je roztrúsený všade. .Je pre človeka ťažké si predstaviť, že sa hovorí o prehliadači .. Jasne štruktúrujte kód svojej stránky, inak nič nebude fungovať ..
No, naučili sme sa písať jednoduchý text, začalo sa! v nasledujúcej kapitole si poviem, čo s tým môžete robiť ..
Pri písaní stránky si vytvorte priečinok na ľubovoľnom vhodnom mieste na pevnom disku, pomenujte ho, ako chcete, iba ak by bol prehľadný .. svoje stránky ukladajte do tohto priečinka a priraďte im zmysluplné názvy .. možnosti ako aaa.html, 123.html povedie k zmätku a zámene ... V tejto fáze sa táto rada nebude javiť ako praktická, ale v budúcnosti vám veľmi uľahčí prácu. Predstavte si napríklad minimálne 20 - 30 z týchto súborov, ktorých mená je potrebné pamätať, aby ste ich mohli prepojiť s krížovými odkazmi. Najskôr objednajte!
Pri písaní kódu vám odporúčam dodržiavať „dobré písanie“, to znamená písať značky do „rebríka“, pretože jedna značka je vnorená do druhej. Postupom času pochopíte, že čítať takto napísaný kód:
Ahoj svet !!!
Moje meno je Carlson, toto je moja prvá stránka!
Oveľa jednoduchšie ako toto:
Ahoj svet !!!
Moje meno je Carlson, toto je moja prvá stránka!
A ešte viac ako takto:
Moje meno je Carlson, toto je moja prvá stránka!
Aj keď je to otázka zvyku .. je lepšie zvyknúť si na písanie „čitateľne“.
Popis jazyka HTML
HTML (z anglického značkového jazyka HyperText - „hypertextový značkovací jazyk“) je štandardný značkovací jazyk pre dokumenty na internete. Bol vyvinutý britským vedcom Timom Berners-Leeom v rokoch 1989-1991 a bol vytvorený ako jazyk na výmenu vedeckej a technickej dokumentácie.
Hypertextové dokumenty (stránky HTML) interpretuje prehliadač klienta do pohodlnej prezentácie, ktorá umožňuje prezerať rôzne typy informácií (text, grafika). S formátovačmi HTML môžete vytvoriť zložitú hierarchickú štruktúru zo stránok HTML.
HTML je označený značkovací jazyk. Akýkoľvek dokument v tomto jazyku je sada prvkov a začiatok a koniec každého prvku je označený štítkami - špeciálnymi značkami. Prvky môžu byť prázdne, vnorené a môžu mať atribúty, ktoré definujú niektoré z ich vlastností. Dokumenty HTML obsahujú okrem prvkov aj entity - špeciálne znaky začínajúce znakom „ampersand“.
Jedným z princípov jazyka HTML je vnorenie prvkov na viacerých úrovniach. Najvzdialenejší prvok je pretože celá webová stránka musí byť umiestnená medzi jej začiatočnou a koncovou značkou. Text dokumentu pozostáva z prvkov: nadpis a text, ktoré sú zvýraznené príslušnými značkami:
a ... Hlavička obsahuje informácie o službe, ktoré sa na stránke nezobrazujú - napríklad sú pripojené kľúčové slová pre vyhľadávače alebo skripty. Umiestnenie informácie do nadpisu je žiaduce, ale nie povinné. Vo vnútri a umiestnené značkyHypertextové odkazy sa používajú na navigáciu z jedného dokumentu do druhého. Hypertextový odkaz je text alebo obrázok, ktorý smeruje na iný dokument alebo objekt. Prepojenie stránok sa vykonáva pomocou značiek HTML. Pomocou značky vytvorí sa odkaz, ktorý smeruje na určitú sieťovú adresu, ktorá je uvedená vo vnútri značky. Tieto adresy sa nazývajú jednotné vyhľadávače zdrojov (URL).
Grafické a multimediálne prvky nie sú vložené do dokumentu HTML, ale iba ich umiestnenie je uvedené v značke, tieto prvky sú umiestnené samostatne.
HTML nám poskytuje najširší základ pre kreativitu a vývoj webových stránok, ktorého možnosti môžeme výrazne zvýšiť pomocou dynamického HTML alebo JavaScriptu.
Popis jazyka PHP
PHP (Hypertext Preprocessor, pôvodne Personal Home Pages - skratka pre Hypertext Preprocessor) je široko používaný open source univerzálny skriptovací jazyk. Je to programovací jazyk špeciálne navrhnutý na písanie webových aplikácií (skriptov), \u200b\u200bktoré bežia na webovom serveri.
PHP umožňuje vytvárať v krátkom čase vysoko kvalitné webové aplikácie s produktmi, ktoré sa v budúcnosti ľahko upravia a podporia. PHP sa dá ľahko naučiť a zároveň dokáže uspokojiť potreby profesionálnych programátorov. V súčasnosti ho podporuje veľká väčšina poskytovateľov hostingu a je jedným z popredných programovacích jazykov používaných na vytváranie dynamických webových stránok.
Vďaka tomuto jazyku je možné ľahko vytvárať dynamické stránky. Takto vytvorené súbory sa ukladajú a spracúvajú na serveri. Keď návštevník požaduje dokument z PHP, skript nespracuje jeho prehliadač, napríklad JavaScript, ale server, a prenesú sa mu iba výsledky práce. Presne takto funguje CGI - program napísaný v jazyku C alebo Perl. Ale na rozdiel od CGI je možné kód PHP vložiť kdekoľvek na stránku HTML, čo je hlavná výhoda.
Syntax PHP je podobná syntaxi C. Niektoré prvky, ako sú asociatívne polia a slučka foreach, sú vypožičané z Perlu. PHP je možné rozdeliť na jazykovú a funkčnú knižnicu. Existuje mnoho nástrojov pre PHP, rozhrania so všetkými populárnymi systémami DBMS (systémy na správu databáz), poštové protokoly, zdieľaná pamäť, grafické súbory, archívy a mnoho ďalších nástrojov.
Výhodou PHP je, že môžete svoj program vložiť do hotovej stránky HTML pomocou značiek na otváranie a zatváranie, ktoré potom vykoná server a výsledky práce sa prenesú do klienta.
Vďaka ďalšej výhode je PHP obzvlášť populárne - je zadarmo. Navyše s otvorenými zdrojovými kódmi (Open Source). V PHP je napísané obrovské množstvo skriptov rôznej zložitosti a zamerania, ktoré sú zvyčajne distribuované aj zadarmo.
Hlavnou nevýhodou PHP je, že sa PHP podľa svojej ideológie spočiatku zameriavalo na písanie malých skriptov. Napriek tomu, že bolo jadro prepísané niekoľkokrát, PHP nie je vhodné na použitie v zložitých projektoch - pri vykonávaní veľkých skriptov výkon systému dramaticky klesá.
Okrem toho je PHP pseudo kompilovaný jazyk, a preto sa nemôže rovnať rýchlosti kompilovaného C. Avšak pri písaní malých programov, keď sa celý projekt skladá z mnohých malých stránok kódu, je réžia načítania do pamäte a volania CGI vstupuje do hry program napísaný v C.
Opis jazyka CSS
CSS (English Cascading Style Sheets) je formálny jazyk na popis a navrhovanie vzhľadu dokumentu, ktorý sa objavil v dôsledku vývoja HTML.
Hlavným cieľom vývoja CSS bolo oddeliť popis logickej štruktúry webovej stránky (ktorá sa vytvára pomocou jazyka HTML alebo iných značkovacích jazykov) od popisu vzhľadu tejto webovej stránky (ktorá sa teraz vyrába pomocou formálneho jazyka CSS). ).
Šablónu štýlov je potrebné napísať iba raz pri vytváraní webu pre každé zo zariadení, na ktorých plánujete zobrazovať informácie. Šablóna štýlov môže byť navyše rovnaká pre celú stránku. Preto na každej zo stránok nebudete musieť opakovať rovnaký popis štýlu.
Umiestnenie všetkých informácií o štýle do jedného externého súboru otvára ďalšie užitočné možnosti - zmenou obsahu iba jedného súboru štýlu môžete zmeniť celý vzhľad stránky. A nie sú potrebné žiadne ďalšie zmeny.
Používanie CSS môže zvýšiť dostupnosť dokumentu, poskytnúť väčšiu flexibilitu a kontrolu nad jeho prezentáciou a znížiť zložitosť a opakovanie štruktúrovaného obsahu. CSS navyše umožňuje vykreslenie toho istého dokumentu v rôznych štýloch alebo metódach vykreslenia.
Dobrý deň milý čitateľ. Je čas povedať o značkovací jazyk HTML, pomocou ktorých boli vytvorené absolútne všetky internetové stránky - ruské aj buržoázne, ba dokonca aj čínske. Nejde ale o programovací jazyk, ako si niektorí myslia, ale o hypertextový značkovací jazyk.
Pripomínam, že hypertext je text, ktorý obsahuje odkazy na iné stránky a dokumenty. Značkovací jazyk ukazuje, kam a ako by sa mal umiestniť určitý prvok textu, napríklad odsek, nadpis, zoznam atď. Za dizajn týchto prvkov zodpovedá jazyk CSS, ktorý úzko súvisí s HTML, čo umožňuje dizajn webových stránok krásny, čitateľný a ľahký na vyloženie kódu stránok.
Okrem CSS môže byť html doplnený funkciami programovacích jazykov PHP a JavaScript, čo dáva stránkam interaktivitu, t.j. schopnosť reagovať na akcie používateľa.
Pomocou všetkých týchto nástrojov môžete vytvoriť web akejkoľvek zložitosti a akejkoľvek funkčnosti. Samotný jazyk HTML je zodpovedný iba za označenie.
Vnútorná webová stránka
Toto je môj web
Toto je môj text
V tomto danom kóde vidíte príkazy značkyniekedy sa volá deskriptory... Sú uzavreté v uhlových zátvorkách. Väčšina značiek je spárovaná. Otvorenie<> a zatváranie, s lomítkom vpredu>... Celý kód značkovacieho jazyka html je vnorený jeden do druhého a pripomína akúsi „matriošku“, kde je jeden kontajner vnorený do druhého.
Nasledujúci obrázok zobrazuje dešifrovanie tohto kódu:
A takto vyzerá rovnaká stránka v prehliadači Mozilla Firefox. Ukázal som, kde je text zobrazený nadpis Názov a text značka Telo
Ako vytvoriť html stránku
Pre lepšiu prehľadnosť skopírujte text so značkami, ktoré sa nachádzajú vyššie, do ľubovoľného textového editora, napríklad do poznámkového bloku, a uložte ho na plochu. Stlačte pravé tlačidlo a zvoľte „premenovať“. Namiesto prípony .txt, ako v bežnom textovom súbore, zadajte príponu .html alebo .htm. Ikona poznámkového bloku sa zmení na ikonu prehliadača. Kliknutím na ňu uvidíte svoju prvú webovú stránku.
Ak sa prípona nezobrazí, musíte urobiť nasledovné.
Nájsť na PC: Vzhľad a prispôsobenie - Možnosti priečinka - Zobraziť.
Vždy je užitočné zobraziť príponu súboru, aby útočníci nemohli očakávať, že otvoríte súbor s nákazou ako napríklad „present.jpg“, ktorý v skutočnosti bude „present.jpg.exe“. Bez prípony, ktorú Vindos predvolene skrýva, je veľmi ľahké zameniť spúšťací súbor „malvéru“ so skrytou príponou .EXE za obyčajný obrázok.
Pozrite si video o vytváraní stránok HTML
Programy na vytváranie stránok HTML
Ručné písanie hypertextového značkovacieho kódu Html bez skúseností sa môže javiť ako utrpenie pre pozornosť a vytrvalosť. Ale verte mi, iba tak, že si budete zdokonaľovať svoje schopnosti, sa môžete hrdo nazývať webmasterom.
Existuje veľa programov na zvýraznenie kódu pre inteligentné riadenie ručného písania html kódu. Medzi amatérskymi vývojármi je najpopulárnejší program Poznámkový blok ++. PHP Dizajnér, Dreamweaver
Posledné dva programy sú platené, ale staré verzie, ktoré nie sú o nič horšie ako nové, nájdete v sieti zadarmo a legálne ich používate pre svoje potreby. je vizuálny editor. Prevedie váš text s dizajnom na samotný kód. V každom prípade nebudete ľutovať, že ste tento nástroj spoznali.
Prečo sa potom naučiť písať kód ručne? Ide o to, že akýkoľvek vizuálny editor, dokonca aj editor zabudovaný do WordPressu, niekedy generuje toľko harabúrd svojho vlastného kódu, že stránky vážia mnohonásobne viac ako tie, ktoré sú napísané hlavou a rukami. A ak tiež vezmete do úvahy, že vyhľadávače teraz venujú pozornosť čistote kódu, potom nevyhnutne budete premýšľať o štúdiu Html, aby ste ovládli celý proces.
Spravidla najskôr Dreamwaver nahradí dobrého učiteľa. Použite tento program a uvidíte, ako je napísaná html stránka. Hlavnou vecou nie je byť lenivý pozerať sa na horné okno programu, kde sa generuje kód. Sami si všimnite, kde program robí niečo zbytočné.
Čo je to vlastne prehliadač
Mnoho ľudí verí, že prehliadač je navrhnutý tak, aby vyhľadával stránky na internete, a to je jeho účel. V porozumení používateľa počítača sa teda vytvorí chybný názor na účel prehliadača. Prehliadač je v skutočnosti program na interpretáciu html-kódu, CSS-kódu, JS-kódu atď. Inými slovami, je to aplikačný softvér na zobrazovanie webových stránok a iných dokumentov.
Možnosti moderných prehľadávačov sú naozaj veľké. Webové stránky obsahujú grafiku, videá a texty rôznych formátov. Prehliadač načíta html kód, zobrazí vložený videomateriál, grafický a textový kód a správne ho zobrazí na obrazovkách zariadení. Značky mu v tom pomáhajú, tieto bežné anglické slová v zátvorkách<>.
Pomocou značiek prehliadač zistí, ktorá časť textu, ktorú interpretuje, je názov webu, ktorý je nadpisom, čo treba uviesť ako odsek, kam umiestniť obrázok a popri tom vyriešiť veľa problémov spojených s rôznymi jazykmi vloženými do bežného HTML.
Značkovací jazyk HTML a základné značky
oznámi prehliadaču, že sa jedná o dokument vo formáte HTML | |
tu sú informácie pre vyhľadávače | |
obsah sa zobrazí v okne prehliadača | |
názov stránky | |
Rubriky: od najväčšej po najmenšiu | |
Tučný kurzíva a výber textu | |
text odkazu | Informuje prehliadač, že ide o odkaz s textom „ text odkazu« |
| Vytvára sa nový odsek |
| zarovnanie odseku ( doľava, doprava, zarovnať alebo vycentrovať) |
Povedie prehliadaču, aby vytvoril formulár |
Táto tabuľka slúži iba na zobrazenie základných deskriptorov.
V modernej verzii HTML5 sa spolu s novými značkami objavilo obrovské množstvo nových funkcií, o ktorých sa vývojárom webových stránok pred 10 rokmi ani nesnívalo.
Štýly v html dokumente
Keď prehliadač zobrazuje obsah webovej stránky, zobrazuje nadpisy v jednom štýle, text odseku v inom a veľkosti písma pre ne sa tiež líšia. To je predvolene povolené v každom prehliadači. Chceme však vidieť jednotlivé návrhy webových stránok a CSS tu prichádza na pomoc. jazyk kaskádových štýlov... Pomocou CSS môžete nastaviť dizajn ľubovoľného prvku, môžete vytvoriť ľubovoľný dizajn pre webový dokument.
CSS je stylingový doplnok k html jazyku a bez neho neexistuje.
Štýly v Html sú implementované takto:
Hlava\u003e
Ak sa použije externý súbor so štýlom styles.css, potom sa pripojí k html dokumentu takto:
Príklad písania pravidiel CSS:
p (farba: čierna; písmo: x-small).
Povedie prehliadaču, aká je farba odseku
čierny- čiernaa písmo je veľké x-malý (malý)
Takto napríklad upravujem štýl obsahu na začiatku každého článku v tomto blogu.
Anons
(okraj: začiatok 2px zelený;
polomer okraja: 10px;
šírka: 360;
font-family: "Yeseva + One";
veľkosť písma: 16px;
výška riadku: 1.2em; polstrovanie: 10px 10px 10px 20px;
okraj: 10px auto 20px;
zarovnanie textu: doľava;
farba pozadia: # a7cece;
}
posledný riadok má zaujímavý úryvok: background-color: # a7cece;
# a7cece -toto je farba html. Pomocou znakovej sady HEX - hexadecimálny systém: čísla od 0 do 9 a písmená od A do F, môžete nastaviť úplne ľubovoľnú farbu. Nachádza sa tu roztomilý akvamarín.
Vrátim sa k CSS v samostatnom blogovom príspevku.
Ako sa môžete naučiť značkovací jazyk HTML
- Web je plný referenčných kníh HTML (html). Páči sa mi stránka http://htmlbook.ru. Chodím sem často kvôli referenčným materiálom. Odporúčam pre ušetrenie času.
- Andrey Bernatskej. Určite si to vyskúšajte!
- Milujem knihu od amerických autorov. Je to návykové výukový program pre jazyky HTML / CSS s takou chladnou prezentáciou materiálu, ktorý budete čítať bez zastavenia. Všetko je povedané jednoducho a jasne. Dá sa zadarmo stiahnuť na webe, je však lepšie kupovať ich a pracovať s nimi ako s knihou.
Najlepším spôsobom, ako zvládnuť značkovací jazyk HTML (html), je stiahnuť si najslávnejšie školiace kurzy na ruskom internete. Niektoré z nich sú navyše úplne zadarmo. Navštívte webovú stránku Evgeny Popova a stiahnite si množstvo užitočných vzdelávacích informácií. Pre profesionálne školenie si prečítajte informácie.
Dúfame, že tento článok bude pre vás užitočný. Príjemné čítanie!
Stručné pozadie
Už dávno, skoro na úsvite civilizácie (do 70. rokov 20. storočia), neexistoval internet. Vôbec nie.
S príchodom počítačov vznikla túžba a potreba ich nejako spojiť a tejto úlohy sa ujali 4 veľké americké univerzity. Od vytvorenia konceptu po historický okamih uplynulo približne 7 rokov:
29.10.1969 roka sa uskutočnilo komunikačné stretnutie medzi prvými dvoma uzlami siete ARPANET vo vzdialenosti 640 km: na Kalifornskej univerzite a na Stanfordskom výskumnom ústave. Vedec z Los Angeles sa vzdialene pripojil k počítaču v Stanforde. Stanfordský kolega videl, ako sa na obrazovke objavujú znaky zadané z diaľky, a telefonicky potvrdil prenos každého písmena. Začala sa tak éra počítačových sietí.
Internet bol dlho určený iba pre špecialistov a slúžil hlavne na výmenu technickej dokumentácie a e-mailov. Bežný užívateľ tam nemal čo robiť. A až na začiatku 90. rokov minulého storočia došlo k revolúcii pre „ľudí na internete!“ 🙂
1991 rok
Brit Timothy John Berners-Lee v CERN-e v Ženeve vynašiel hypertextový značkovací jazyk on je Značkovací jazyk HyperText on je Html , určený na označovanie a formátovanie dokumentov v sieti WWW.
Ó áno! Sir Tim taktiež vyvinul globálny hypertextový projekt (teraz ho poznáte ako Celosvetový web ). HTML sa vlastne zrodilo v procese práce na tomto projekte.
Jazyk HTML
Predpokladám všetci vývojári webu oprávnene možno považovať presne 6. augusta, jeho profesionálny sviatok 🙂
Ako sa vám páčila prvá webová stránka? 🙂 Myslím, že väčšina z vás si to nechcela prečítať, nieto tam zostať dlho. Tvorcovia tiež pochopili, že to bol iba začiatok, a môžeme vyraziť:
Jún 1993 -Html 1.2
V tejto verzii so štyridsiatkou s centom značiek sa už objavili až 3 značky, ktoré naznačovali určitý vizuálny vzhľad dokumentu (napríklad tučnou kurzívou). Zvyšok značiek bol použitý výlučne na logické značenie.
1994 - založenie W3C
Založený sir Tim Berners-Lee World Wide Web Consortium (World Wide Web Consortium, W3C). Poslaním W3C bolo a zostáva
Uvoľnite všetok potenciál World Wide Web vytváraním protokolov a zásad, ktoré zaručia dlhodobý rozvoj webu
Veľkou výhodou týchto ľudí je, že HTML bolo vydané s jednou základnou sadou značiek a atribútov a webové stránky sa zmenili na také, aké ich poznáme teraz. Len si to predstavte, v polovici deväťdesiatych rokov plánovalo niekoľko najväčších dodávateľov softvéru vydať svoje vlastné verzie kódu HTML so svojimi názvami značiek. Aký by to bol neporiadok vo vývoji webových aplikácií! Napríklad pracovné ponuky: „Hľadáme návrhára rozloženia, ktorý by vytvoril webové stránky vMozilla Firefox"," Naliehavo potrebujeme návrhára rozloženiaHrana"," Potrebujeme návrhára rozloženia preKindle»… skrátka vďaka W3C 🙂
22. september1995 - Verzia2.0
Vývojový a schvaľovací proces pre novú verziu prebiehal veľmi príjemne a jediné znateľné zlepšenie v novej verzii bolo:
- Dotazy: Napríklad vyhľadávanie kľúčových slov.
- Formuláre na prenos údajov z počítača na server: zadajte napríklad dátum narodenia alebo v dotazníku vyberte jednu z niekoľkých možností.
Marec 1995 - začiatok prác na HTML 3.0
Prvá verzia štandardu obsahovala veľa zaujímavých vecí:
- značky na vytváranie tabuliek,
- označenie matematických vzorcov,
- zabalenie obrázkov textom a pod.
Pri vytváraní HTML 3.0 si vývojári lámali hlavu nad tým, ako vyriešiť rozpor medzi ideológiou štrukturálnych značiek a potrebami používateľov, ktorých oveľa viac zaujímal vzhľad webovej stránky.
A aby tento rozpor nezmenil pôvodné vlastnosti HTML, rozhodli sa tvorcovia tretej verzie k nej pridať podporu nového nástroja, ktorý slúžil registrácia internetové stránky.
17. decembra 1996 -CSS
CSS (Kaskádové Štýl Listy) a v ruštine - špecifikácie hierarchického štýlu. Myslím, že to nie je jasnejšie?)) Ak je to skutočne v ruštine, potom ide o štýly, ktoré sú pripojené k dokumentu HTML a slúžia na vizuálny návrh určitých častí dokumentu.
Takže systém CSS:
- formálne nezávisí od HTML,
- má svoju vlastnú, odlišnú od HTML, syntaxe,
- Nie je to ovplyvnené ideologickými obmedzeniami HTML,
- Umožňuje vám nastaviť externé parametre prezentácie pre ľubovoľnú značku HTML.
Vďaka CSS mohol tvorca webovej stránky konečne bezpečne zmeniť písmo a veľkosť čohokoľvek, a čo je dôležité, nebolo to možné vďaka zavedeniu nových značiek, ale pomocou mechanizmu, ktorý ovplyvnil interpretáciu existujúcich značiek HTML.
Na ilustráciu zázrakov CSS vytvoril Kanaďan Dave Shea CSS Zen Garden - miesto, kde stovky webových vývojárov meditujú na tej istej stránke HTML s úplne odlišnými štýlmi CSS.
Vplyv spoločnosti Microsoft
Medzitým v galaxii ďaleko, ďaleko ... Microsoft si všimol meteorický vzostup Netscape v predaji prehliadačov Navigator a samozrejme nemohol stáť bokom. MS mierne prepracoval prehliadač Mosaic a začal vydávať vlastný prieskumník, ktorý spočiatku nebol medzi užívateľmi veľmi obľúbený (a nielen spočiatku;)).
V auguste 1996 bol vydaný program Internet Explorer 3.0. Prehliadač v tom čase ponúkol významné inovácie a získal si popularitu, ktorá trh s prehliadačmi rozdelila na polovicu medzi Netscape Communications a Microsoft.
A zároveň spoločnosť Microsoft prevzala W3C.
14. januára 1997 -Html3.2
Verzia 3.2 vyšla mesiac po schválení CSS a bola už plne prispôsobená na prácu so šablónami štýlov.
Vynechal veľa funkcií 3.0, pridal však neštandardné prvky podporované prehliadačmi Netscape Navigator a Internet Explorer 3.
18. decembra 1997 -Html4.0
V tejto verzii boli prvky z predchádzajúcich verzií pekne vyčistené. Podpora mnohých značiek bola ukončená. Namiesto toho bolo potrebné použiť šablóny štýlov CSS. .
Nová verzia obsahovala podporu rámcov, skriptov a všeobecný postup vkladania rôznych objektov. Vylepšili sa v ňom aj tabuľky a formuláre, ktoré okrem iných výhod poskytovali b olepšia dostupnosť pre ľudí so zdravotným postihnutím.
HTML 4 bol vyvinutý s pomocou odborníkov na internacionalizáciu, vďaka čomu je možné písať dokumenty v akomkoľvek jazyku a ľahko ich prenášať do celého sveta.
24. decembra 1999 -Html4.01
V tejto verzii sme mierne vylepšili objekty, tvary a obrázky, opravili chyby a vo všeobecnosti sme vytvorili stabilnejšiu verziu, ktorú používali weboví vývojári viac ako 10 rokov.
Pracovná skupina ČO
2004 rok: Švajčiarsky programátor Ian Hickson (vtedajší vývojár spoločnosti Opera) a niekoľko zástupcov spoločností ako Mozilla, Google a Apple vytvorili pracovnú skupinu s názvom WHATWG (Web Hypertext Aplikácia Technológie Pracovne Skupina).
Dôvodom pre vytvorenie takejto komunity bola skutočnosť, že W3C v tom čase stratil záujem o HTML a začal vyvíjať XML, a na jeho základe - rozšíriteľný hypertextový značkovací jazyk XHTML... Nebudeme zachádzať do podrobností, pretože v súčasnosti sa tento jazyk prestal rozvíjať.
Dva roky pracovali W3C a pracovná skupina WHAT na svojom vlastnom projekte. Ale neskôr vyšlo najavo, že WHAT Working Group dosahovala určité výsledky, zatiaľ čo XHTML 2 nikdy nebol implementovaný.
A v roku 2006 Tim Berners-Lee oznámil, že W3C a WHATWG budú spolupracovať na ďalšom vývoji HTML.
28.10.2014 -Html5
- Nová verzia sprísnila syntax ako predchádzajúca
- Vylepšená podpora multimediálnych technológií
- Predstavili sme 28 nových štrukturálnych prvkov, ktoré uľahčujú pochopenie kódu
- Niektoré zastaranejšie značky boli odstránené
- Väčšia pozornosť sa venuje podporným skriptom, napríklad javascript
V súčasnosti vývoj HTML pokračuje ...
W3C zverejnila začiatkom júna pracovný koncept verzie 5.1. Konzorcium žiada všetkých, aby napísali svoje pripomienky a komentáre týkajúce sa tejto verzie, pretože HTML zostáva, tak ako doteraz, projektom, na ktorom pracuje veľa starostlivých ľudí milujúcich lomené zátvorky súčasne.
Možno sa čoskoro stanete jedným z nich?
A na záver minúta humoru:
Optimista sa učí anglicky, pesimista po čínsky a realista html.
Buďte realisti 😉
Každý používa internet a každý prezerá rôzne stránky. Každý by pravdepodobne rád umiestnil svoje webové stránky na internet, ale nie je to ľahké, má to veľa dôvodov. Aby ste však mohli hosťovať vysoko kvalitné webové stránky, potrebujete iba základné informácie “ WEB programovanie", Ktorý je jazyk HTML... V tomto článku sa pozrieme na základné prvky, značky, atribúty a dokonca aj na napísanie prvej webovej stránky.
Hypertextový značkovací jazyk - „HTML“ ( hypertextový značkovací jazyk) mnohí to už dávno prestali považovať iba za programovací jazyk. Pretože samotný koncept HTML obsahuje rôzne metódy formátovania hypertextových dokumentov, dizajnu, hypertextových editorov, prehľadávačov a oveľa viac. Užívateľ, ktorý ovláda tento jazyk, získava schopnosť robiť vážne veci jednoduchými metódami a hlavne rýchlo, čo sa v modernom svete považuje za veľmi dobré!
V jazyku HTML môžete vytvárať svoje vlastné multimediálne produkty a distribuovať ich na CD diskoch. Všetky tieto produkty vyrobené vo forme súborov HTML stránok nevyžadujú vývoj špecializovaných softvérových nástrojov, pretože všetko, čo potrebujete práca s údajmi ( Webové prehliadače) sa stali súčasťou štandardného softvéru väčšiny osobných počítačov.
- Prvok (prvok) - konštrukcia HTML. Je to objekt, ktorý obsahuje údaje a umožňuje vám ich konkrétnym spôsobom naformátovať. Akákoľvek webová stránka je kolekcia prvkov. Jednou z hlavných myšlienok hypertextu je schopnosť vnoriť prvky.
- Označiť (značka) - začiatočné alebo koncové značky prvku. Značky definujú rozsah prvkov a samostatné prvky od seba navzájom. V texte webovej stránky sú značky uzavreté v lomených zátvorkách a koncová značka je vždy uzavretá lomkou.
- Atribút (atribút) - parameter alebo vlastnosť prvku. Inými slovami, ide o premennú, ktorá má štandardný názov a ktorej je možné priradiť určitú množinu hodnôt: štandardnú alebo ľubovoľnú. Predpokladá sa, že hodnoty atribútov znakov sú uzavreté v úvodzovkách, ale niektoré prehliadače umožňujú úvodzovky vynechať. Je to tak preto, lebo typ atribútu je vždy známy vopred. Atribúty sú umiestnené vo vnútri úvodnej značky a sú od seba oddelené medzerami.
- Hypertextový odkaz - časť textu, ktorá je ukazovateľom na iný súbor alebo objekt. Hypertextové odkazy sú potrebné, aby ste mohli prechádzať z jedného dokumentu do druhého.
- Rám (rám) - tento výraz má dva významy. Prvým je oblasť dokumentu s vlastnými posuvníkmi. Druhou hodnotou je jeden obrázok v komplexe ( animácia) obrazový súbor (podobný statickému filmu). Je tiež možné, namiesto výrazu „frame“ v špeciálnej literatúre a lokalizovaných softvérových produktoch nájdete výraz „frame“ alebo „frame“.
- Súbor HTML alebo HTML stránka - dokument vytvorený vo forme hypertextu založeného na jazyku HTML. Takéto súbory majú príponu htm alebo html.
- Applet (applet) je program prenesený do počítača klienta ako samostatný súbor a spustený pri prezeraní webovej stránky.
- Scenár alebo skript ( scenár) - program zahrnutý na webovej stránke na rozšírenie jeho schopností.
- Expanzia (predĺženie) je prvok, ktorý nie je súčasťou špecifikácie jazyka, ale slúži na zabezpečenie schopnosti vytvoriť zaujímavý nový efekt formátovania.
- CGI (Spoločné rozhranie brány) je všeobecný názov pre programy, ktoré na serveri umožňujú rozšíriť možnosti webových stránok. Napríklad bez takýchto programov je nemožné vytvárať interaktívne stránky.
- HTML kód -hypertextový dokument v pôvodnej podobe, keď sú viditeľné všetky prvky a atribúty.
- webstránka - dokument (súbor) pripravený v hypertextovom formáte a zverejnený na sieti WWW.
- Webová stránka (stránky) - skupina webových stránok umiestnených na jednom mieste a navzájom súvisiacich.
- Prehliadač (prehliadač) je program na prezeranie webových stránok. () - kopírovanie súborov zo servera do klientskeho počítača.
- URL (Jednotný lokátor zdrojov) alebo univerzálny vyhľadávač zdrojov, adresa nejakého objektu na internete, t.j. typická webová adresa URL vyzerá takto: http: //www.name.domain/filename.
Všetky prvky jazyka možno zhruba rozdeliť do troch skupín. Prvý obsahuje prvky, ktoré vytvárajú štruktúru hypertextového dokumentu. Použitie takýchto prvkov je nevyhnutnou formalitou, ktorú nemožno zanedbať. Druhá skupina obsahuje prvky, ktoré vytvárajú formátovacie efekty. Ich použitie je diktované konkrétnymi požiadavkami na dokument, predstavivosťou a kompetenciou vývojára Tretia skupina obsahuje prvky, ktoré umožňujú správu softvéru nainštalovaného a bežiaceho na klientskom počítači. Takéto prvky sa často vytvárajú automaticky, keď vývojár použije na vloženie objektu do dokumentu hypertextový editor alebo podobný program.
Napriek tomu, že špecifikácia HTML je štandard, je tento jazyk doplnený o nové prvky ( rozšírenia). Niektoré webové stránky sa preto dajú ľahšie prehliadať pomocou určitých prehľadávačov. Rozšírenia vytvárajú iba známe spoločnosti, ktoré vyvíjajú softvér pre webové stránky, a bežní používatelia môžu vylepšovať svoje webové stránky programovaním. Applety vám umožňujú odstrániť obmedzenia HTML a dať vývojárovi veľa kreativity.
Verzie HTML
Prvú verziu jazyka HTML vyvinul začiatkom 90. rokov Tim Beners Lee pre jeden z populárnych prehliadačov Mosaic v minulosti. Prehliadač ani samotný HTML však potom ešte neboli dobre využité. V roku 1993 sa objavil HTML + a táto verzia tiež zostala takmer bez povšimnutia. HTML sa ale rozšírilo vďaka verzii 2.0, ktorá sa objavila v júni 1994. A od tohto okamihu sa popularita WWW zvýšila na celom svete. Normy zahrnuté vo verzii 2 sa stali tak zakorenené, že sa používajú dodnes.
HTML verzia 3.0, ktorá sa objavila asi o rok neskôr, implementovala schopnosť kresliť matematické symboly ( integrálne znaky, nekonečno, zlomky, zátvorky atď.) pomocou jazykových prvkov. Vývoj tohto projektu sa ale zastavil a nezískal ďalšiu distribúciu.
V roku 1996 sa objavila verzia HTML 3.2. Bolo to geniálne rozhodnutie, stačí spomenúť, že do jazykovej špecifikácie boli zavedené rámce, ktoré sú teraz veľmi populárne u vývojárov webov. Dodnes všetky prehliadače podporujú túto verziu HTML.
Oficiálna špecifikácia HTML 4 ( Dynamické HTML) bol vyvinutý v roku 1997. V tejto dobe už bolo zrejmé, že ďalší vývoj hypertextu sa uskutoční prostredníctvom webového programovania. Ukázalo sa to ako oveľa efektívnejšie ako zavádzanie nových prvkov do jazyka.
Štruktúra webovej stránky
Nižšie je uvedený kód webovej stránky, ktorý je vytvorený v jazyku HTML, a pomocou tejto stránky ako príkladu analyzujeme jej štruktúru. Najskôr však skopírujte všetok kód do bežného textového poznámkového bloku a kliknite na tlačidlo „Uložiť ako“ a uložte súbor s príponou html, to je ... za nadpisom write.html
Ísť do<а href ="#list">Začiatok dokumentu
Aby ste pochopili štruktúru webovej stránky, musíte vziať do úvahy všetky prvky, ktoré vstupujú do vyššie uvedeného kódu. <
html>
hlavný text webovej stránky.
A napríklad vložím sem
niekoľko delení slov,
aby si mohol
jasne pozorovať
ako to u teba funguje
odkazy v dokumente,
v opačnom prípade, ak máte veľké rozlíšenie,
Nasledujúce odkazy si jednoducho nevšimnete.
<НR>
<а name="list1"