Primjer HTML stranice i osnovnih principa

Izmislio mnoge jezike, ali jezik HTML je jedan od najvažnijih specijalnih i vosstrebovan. S obzirom na to uključuje puno drugih ključnih inicijativa u programiranju. Mnogo je na raspolaganju, kada je u glavama programer sadašnjeg znanja markup language - HyperText Markup Language (HTML).

U stvari, u HTML-u, ne postoji ništa teško, a za nekoliko minuta sve najviše udaljeni od programiranja i interneta ljudi će ispuniti osnivanje HTML-stranica u svesku. Zapaženi, jednostavnost, zaista, dostupan svima.

opći opis

HTML datoteke - na jednoj strani sajt, iako je to diskutabilno, ali ono što je jedna datoteka po stranici, za početak to je jasno.

HTML datoteke počinje sa DOCTYPE zaglavlja koja određuje da je tip datoteke - HTML-a. Sve elemente stranice (tagovi) se naznačenih u kut zagradama. Svaki par ( "<" i ">") sadrži jednu oznaku HTML-a. Obično HTML tagovi su upareni, to jest, za svaki «oznaku» imati «/ oznaka». Oba su zatvorena u uglastim zagradama. Tu je i jedan citat, od kojih je najpopularnija «br /» - prelazak na sljedeći redak.

Najveći tag u datoteku - ona sama HTML, koji uključuje samo dva tag: glave i tijela. U prvom slučaju, različite specifikacije ukazuju na linkove na druge relevantne stranice datoteke mogu biti prisutni PHP i JavaScript skripte. Na drugoj strani pisani sadržaj. Takođe, u vidu oznake i skripti.

Jednostavan HTML-stranici

Primjer stvaranje takve stranice je navedeno u članku ispod. Smatraj to pažljivo.

HEAD sekcija

Glavna svrha HEAD tag - opšti opis stranice i opšte skripte, iako ovo drugo - samo relativan pojam. Obično pridaje veliku važnost samo dvije stvari:

• ključne riječi i opis stranice;
• linkove na druge datoteke (* .css i * .js).

Da biste prikazali sadržaj sadržaja stranice ove sekcije ima samo indirektni značaj jer ukazuje gdje neke druge datoteke imaju CSS pravila za oznake i druge skripte jezika.

HTML stranica ima naslov (naslov), koji se prikazuje kada posetioca donosi mišem preko karticu u kojoj je otvoren na stranici. Ovo je važno, jer se čini stranici mnogo više naočit, lakše reći, potpisan čitljiv tekst.

META-tagovi su važni u web programiranje u cjelini, ali kada je to potrebno stvaranje HTML-stranica u svesku, primjer neželjenih nereda suvišne strukture.

Na LINK i pismu veze treba obratiti posebnu pažnju. Prvi se odnosi na mjesto gdje se nalazi CSS stylesheet datoteke, drugi - lokaciju datoteke JavaScript kod. Takve veze se može podesiti.

Ako koristite skripte treba tretirati kao HTML znanje će postati jači, treba odmah obratiti pažnju na kaskadni stil listova. CSS datoteke su, posebno, pravila registracije HTML tagova.

područjima body

U stvari, HTML uzorak stranicu - ovo je područjima body. To je ovdje koji sadrži sve informacije, sve stranice sadržaja. Sve informacije predstavljene u obliku oznaka i pisma, kao što je umetanje JavaScript-kod ili komada PHP-program.

Važno je shvatiti da je primjer HTML web stranice u pretraživaču i isti primjer u tekst editor kao što je Notepad, to nije ista stvar. U prvom slučaju mi smo spremni HTML-tekst u kojem izvršava sve skripte. Na primjer, PHP je ispunila svoj dio i formirali umjesto kod sa pravim mestima oznaka. JavaScript i ispunila svoju misiju, iako o tome još biti poseban razgovor.

HTML - to tags umjesto skripti. Na kraju krajeva, samo sadržaj stranice prikazuju u pregledniku, ali je oznaka. No PHP-kod nije tu.

JavaScript je u posebnom položaju, njegova briga - da služe stranu, ne samo u vrijeme podizanja (preopterećenje), ali u trenucima kada je stranica u pretraživač posetioca, i to studija.

Jednostavan primjer koda HTML-stranice (samo odjeljak tijelo) je prikazan ispod.

preglednika posjetitelja to izgleda kao što je prikazano u nastavku.

nije navedeno u kod treba izgledati elemente koji su doveli pretraživača. Sve dizajn je vidljiv u CSS pravila. U ovom slučaju, mcss / scPhpWordRW.css datoteku koja je upućuje (vidi. Već prvi primjer stranice HTML).

Za razliku od HTML, CSS tema je jednostavnije, tu je vrlo pristupačna pravila i njihov broj je mali, kada je primjer stvaranja HTML stranicama ne zahtijeva ništa drugo nego notepad. Sve je vrlo pristupačna za neposrednu razvoj:

To pokazuje kako je lako je opisan citat scLogo_vDoc, i ovaj opis je da se u normalnom stanju oznaka prikazuje sliku vDoc-logo.png, a kada je miš preko njega - prikazan vDoc-logo-h.png.

Struktura HTML opisa

Jezik ne uključuje obavljanje bilo koje od strukture i sintakse koncepta ovdje je vrlo relativno. Ne postoje varijable, ali ima dosta mogućnosti. Fundamentalna osnova hiperteksta je da postoji element (tag) koji će sigurno imati ime.

Naziv predmeta, oznaka par, sastoji se od vlastitih imena (tagName) i kut zagradama ( «<» + tagName + «>»), ako govorimo o početku oznake, i «», ako je snimljen kraju.

Primjer HTML stranice koje opisuju atribute nalazi u nastavku teksta.

Oznaka može imati atribute, onda su stavili kroz prostor nakon imenom pred kut nosača zatvaranje ">". Atribute, ako imaju oznaku se snima samo na početku. Sadržaj oznaka je onaj koji se nalazi između početka oznaku i kraj.

Ukupno opisa HTML sadržaj

HTML vam omogućava da opisati bloka i inline elemenata. Prva zauzimaju određeno područje u prozoru preglednika može biti postavljen apsolutno, da je na pravom mjestu na terenu ekrana HTML-stranice, a imaju određenu veličinu.

Inline elementi se obično pojavljuju jedan nit, koja je, kako je navedeno u spisu stranice, a prikazuju na ekranu. Prikaz ukupnog protoka može uticati kada dođe na učitavanje stranice. O plasmanu, vidljivost, i druga svojstva bloka elemenata može uticati u bilo kojem trenutku preko JavaScript-koda.

Osim jednostavnih elemenata, HTML nudi za opisivanje stolovima i oblika. Ovi elementi su veoma mnogo u potražnje u "svakodnevnom gradilište."

Opis stola: tagovi stol, TR, TD

Kada STO oznaka se može koristiti za stvaranje tablice, navedite broj redova i TR u nizu za broj TD ćelija. Za razliku od uobičajenih sto organizacije, zbog prirode HTML-markup tabelarni organizacija ograničena na ovu deklaraciju, jer ako investitor želi da imaju pravougaoni sto u kojoj je broj kolona u svim redovima iste, onda mora slijediti da je za sebe.

Principijelan stav HTML: sve što je, ali ništa što se ne shvaćena. U nekim slučajevima to nije toliko važno da broj kolona u svakom redu tabele, ali ako želite da izvršite spajanje ćelija horizontalno ili vertikalno, potrebno je računati sve vrlo pažljivo.

Primjer HTML stranice s opisom jednostavna tabela grafički prikazani u članku.

Ovdje je tabela pokazuje veličine tri reda po tri kolone, a prvi citat red TH je koristiti umjesto TD tag - zaglavlje kolone. Posebno razlikuju ove dvije oznake nemaju, ali je moguće koristiti prvi koji će napraviti razliku između prvom redu tabele, a CSS u TH, možete povezati svoj stil, što ga razlikuje od drugih TD.

Opis oblik: Oblik oznake, ULAZ

Oblik - to je najtraženiji dio HTML tagova. Koristeći forme mogu prenositi informacije. Zapravo, stranicu - ove informacije ekran, ali je forma - ulaz.

Primjer HTML stranice s opisom jednostavnog obrasca:

Koristi oblika mnogo više, ali su glavne karakteristike su sljedeće. Možete odrediti polja za unos, morate dodijeliti im da osmisle i događaj sirovina za analizu korisničkog unosa. Možete odrediti skriveno polje i prenose informacije iz pozadine stranice. Možete odrediti gumb prenosa informacija, pritiskom da inicira proces prijenosa podataka.

koristeći HTML

Da znam hipertekst jezik - neophodan uslov za bilo kakav posao specijalizacije u oblasti internet programiranja, ali ako želite napisati program u PHP ili JavaScript, onda znati HTML + CSS savršeno potrebno.

PHP jezik je identifikovana u prethodnom primjeru. PHP se izvršava na serveru, jer stranice sa ovim oblikom letio sa servera na browser sa polja popunjena. Konkretno, TestOnBlur funkcija navedenih u oznaci ULAZ (onblur event handler), dobio sve parametre u obliku teksta polja.

Browser radi JavaScript, i da se pravilno radio podataka dugme poslati natrag na server, to jest, dizajn :. onclick = jQuery ( "# do ') val (' košaricu '), potrebno je znati ne samo o onome što jQuery, ali ono što #to, val, kolica. Preciznije, potrebno je znati osnovne HTML oznake i opšta pravila koja se primjenjuju na njih CSS stilova.

To je dovoljno da se brzo podigne kvalifikaciju bilo specijalizacije u području Internet programiranja.