Primer strani HTML in osnovna načela

Izumil več jezikov, vendar je jezik HTML je eden od najbolj posebna in vosstrebovan. Ker gre za veliko drugih ključnih pobud v programiranju. Veliko je na voljo, ko je v glavah razvijalcev trenutno znanje označevalni jezik - HyperText Markup Language (HTML).

V resnici, v HTML, ni nič težko, in v nekaj minutah vse najbolj oddaljene od programov in internetnih osebe, s katerimi bo izpolnila vzpostavitev HTML-strani v zvezku. Omembe primeri, preprostost, seveda, dostopni vsakomur.

splošen opis

HTML datoteka - eno stran na mestu, čeprav je to sporno, ampak tisto, kar je ena datoteka na stran, za začetek je jasno.

HTML datoteka se začne z glavo DOCTYPE, ki določa, da je tip datoteke - HTML. Vsi elementi strani (tagi) so navedena v kotnih oklepajih. Vsak par ( "<" in ">") vključuje eno oznake HTML. Ponavadi so HTML oznake paru, ki je, za vsak «oznako» imeti «/ oznako». Oba sta zaprti v kotnih oklepajih. Obstaja ena oznaka, od katerih je najbolj priljubljen «br /» - prehod v naslednjo vrstico.

Največji v datoteki, - je sam HTML, ki vključuje samo dve oznako: glave in telesa. V prvem primeru, drugačna opredelitev kažejo na povezave do drugih ustreznih datotek strani so lahko prisotne PHP in skripte JavaScript. Na drugi strani pisno vsebino. Tudi v obliki oznak in skripte.

Enostavno HTML-stran

Primer ustvarjanje takega stran je navedeno v spodnjem članku. skrbno preučiti.

oddelek GLAVA

Glavni HEAD namen tag - splošen opis strani in splošnih skripte, čeprav slednje - samo relativen pojem. Ponavadi se pripisuje velik pomen samo dve stvari:

• ključne besede in opis strani;
• povezave do drugih datotek (* .css in * js).

Za prikaz vsebine vsebine strani tega oddelka je samo posredno pomembno zato, ker kaže, kjer imajo nekatere druge datoteke CSS pravila za oznake in druge skripte jezikih.

HTML-stran ima naslov (naslov), ki se prikaže, ko obiskovalec prinese miško nad zavihek, kjer se odpre stran. To je pomembno, saj omogoča stran veliko bolj spodobno, lažje reči, podpisan berljivo besedilo.

Meta oznake so pomembne za spletno programiranje na splošno, ko pa je potrebno ustvarjanje HTML-strani v zvezku, na primer nezaželeno nereda odvečnih struktur.

Na LINK in skript povezave je treba nameniti posebno pozornost. Prvi se nanaša na kraj, kjer je slogovno datoteko CSS datoteka, drugi - lokacija datoteke JavaScript kode. Takšne povezave se lahko nastavi.

Če uporabljate skripte, je treba obravnavati kot znanje HTML bo postal močnejši, morate takoj pozorni na kaskadnih slogov. Datoteke CSS so zlasti pravila o registraciji HTML.

oddelek TELO

Dejstvo je, vzorčno stran HTML - to je del telesa. To je tukaj, da vsebuje vse podatke, vse strani z vsebino. Vse informacije, ki so predstavljene v obliki oznake in skripte, kot so vstavljanje JavaScript kodo ali koščke PHP-programa.

Pomembno je, da se zavedaš, da je primer spletne strani HTML v brskalniku in isti primer v urejevalnik besedila, kot beležko, to ni ista stvar. V prvem primeru smo pripravljeni HTML besedila, v katerem izvajajo vse skripte. Na primer, PHP izpolnila svoj del in oblikovali namesto kode na pravih mestih oznake. JavaScript izpolnil tudi svojo nalogo, čeprav je o tem še, da je ločen pogovor.

HTML - to označi namesto skripte. Konec koncev, le vsebina strani prikazane v brskalniku, vendar je njegova oznaka. Ne PHP-koda ni tam.

JavaScript je v posebnem položaju, njegovi oskrbi - služiti strani, ne le ob zagonu (preobremenitve), ampak v trenutkih, ko je stran v brskalniku obiskovalca in študij, ki jih.

Preprost primer za kode HTML-strani (samo oddelek BODY) je prikazan spodaj.

Brskalnik obiskovalca izgleda, kot je prikazano spodaj.

ni bila določena v kodeksu naj bi izgledal elementov, ki so prinesle brskalnik. Vse oblikovanje je vidna v pravilih CSS. V tem primeru, MCSS / scPhpWordRW.css datoteka, ki je bil naveden (gl. V zelo prvi primer HTML strani).

Za razliko od HTML, CSS tema je enostavnejša, je zelo dostopna pravila in njihovo število je majhno, ko je primer ustvarjanje HTML-strani ne zahteva nič drugega kot beležko. Vse je zelo dostopna za takojšnjo razvoj:

To kaže, kako enostavno je opisano oznako scLogo_vDoc, in ta opis je, da je v normalnem stanju oznako prikaže sliko vDoc-logo.png, in ko je miška nad njim - prikaže vDoc-logo-h.png.

Struktura opisov HTML

Jezik ne gre za opravljanje katere koli strukturo in sintakso koncepta tukaj je zelo relativna. Ni spremenljivke, vendar pa obstaja veliko možnosti. Temeljna podlaga hipertekst je, da je element (tag), ki je prepričan, da imajo ime.

Ime primeru je oznaka par, sestavljen iz lastnih imen (ime oznake) in kotnih oklepajih ( «<» + ime oznake + «>»), če govorimo o začetku oznake, in «» če se zabeleži njegov konec.

Primer strani HTML, ki opisujejo lastnosti, ki se nahajajo v spodnjem besedilu.

Oznako lahko lastnosti, nato pa so mu skozi prostor po imenu oznake pred zaključno kotno držalo ">". Lastnosti, če imajo oznaka se evidentira le na začetku. Vsebina tag je tista, ki leži med začetnim oznako in koncem tega.

Skupaj opisi vsebin HTML

HTML vam opisati blok in inline elementov. Najprej zasedajo določeno območje v oknu brskalnika se lahko namesti absolutno, da je na pravem mestu na področju prikazovanja HTML-strani, in imajo določeno velikost.

Inline elementi na splošno zdi ena nit, ki je, kot je bilo navedeno v datoteki strani, in prikaže na zaslonu. Prikaz celotnega toka lahko vplivamo, če pride do nalaganja strani. Postavitev, prepoznavnosti in drugih lastnosti blok elementov je mogoče vplivati kadarkoli prek JavaScript-kodo.

Poleg enostavnih elementov, HTML ponuja opisati tabele in obrazce. Ti elementi so zelo povpraševanja v "vsakdanjem gradbišču."

Opis tabela: oznake TABLE, TR, TD

Ko se TABLE tag lahko uporablja za ustvarjanje tabele, določi število vrstic in TR v vrsti za številne TD celic. V nasprotju z običajnimi mizo organizacije, zaradi narave HTML-označevalni tabele organizacije omejen na te izjave, ker če želi razvijalec imeti pravokotno mizo, v katerem se je število stolpcev v vseh vrstah enak, potem mora slediti, da za sebe.

Načelno stališče HTML: storiti vse, kar je, ampak nič, da se ne razumemo. V nekaterih primerih to ni tako pomembno, da se število stolpcev v vsaki vrstici tabele, če pa želite, da spajanje izvajate celice vodoravno ali navpično, je treba šteti vse zelo previdno.

Primer HTML stran z opisom preprostim tabelo grafično prikazan v članku.

Tukaj je tabela, ki prikazuje velikost treh vrstic s tremi stebri, s prvo vrstico oznako TH je bil uporabljen namesto TD tag - glavo stolpca. Še posebej razlikovati ti dve oznake nimajo, vendar je mogoče uporabiti najprej razlikovati med prvo vrstico tabele in CSS na TH, lahko priložite svoj slog, ki se razlikuje od drugih TD.

Opis oblika: OBLIKA tag, INPUT

Obrazec - to je najbolj zahteval del HTML-oznake. Uporaba oblike lahko posredujejo informacije. Pravzaprav, stran - to prikazovalnik informacij, vendar oblika - vhod.

Primer HTML stran z opisom preprosti obliki:

Uporaba obrazcev veliko več, vendar so glavne značilnosti so naslednje. Lahko določite vnosno polje, morate določiti njihovo načrtovanje in dogodkov viličarji za analizo vnos uporabnika. Določite lahko skrito polje in posredujejo informacije iz ozadja strani. Določite lahko gumb za prenos informacij, s pritiskom, ki sproži proces prenosa podatkov.

Uporaba HTML

Če želite vedeti, hipertekst jezik - nujen pogoj za kakršno koli delovno specializacijo na področju interneta programiranja, ampak če hočeš napisati program v PHP ali JavaScript, potem veste, HTML + CSS potrebujejo odlično.

PHP jezik je bila ugotovljena v prejšnjem primeru. PHP teče na strežniku, ker je stran s tem obrazcem priletel iz strežnika v brskalnik s področja napolnjene. Še posebej, TestOnBlur funkcije, navedene v tag INPUT (onBlur dogodek trener), prejme vse parametre v obliki besedilnih polj.

Brskalnik teče JavaScript in pravilno delali podatki pošljite gumb nazaj na strežnik, da je oblikovanje :. onclick = jQuery ( "# k) val (" košarica "), je treba vedeti, ne samo o tem, kaj jQuery, ampak kaj #to, val, voziček. Natančneje, je treba poznati osnovne HTML oznake in splošna pravila, ki veljajo za njih sloge CSS.

To je dovolj, da hitro dvig usposobljenosti koli specializacije na področju interneta programiranja.