Eżempju ta 'paġna HTML u l-prinċipji bażiċi ta'

Ivvintat ħafna lingwi, iżda l-lingwa ta HTML hija waħda mill-aktar speċjali u vosstrebovan. Peress li jinvolvi ħafna ta 'inizjattivi ewlenin oħra fl-ipprogrammar. Ħafna tkun disponibbli, meta fl-imħuħ tal-għarfien preżenti iżviluppatur tal-lingwa markup - HyperText Markup Language (HTML).

Fil-fatt, fil HTML, m'hemm xejn diffiċli, u fi ftit minuti l-aktar imbiegħda mis-ipprogrammar u l-poplu Internet se jissodisfaw l-istabbiliment ta HTML paġni fil-notebook. eżempji notevoli, sempliċità, tabilħaqq, aċċessibbli għal kulħadd.

deskrizzjoni ġenerali

fajl HTML - sit paġna waħda, għalkemm dan huwa dibattibli, imma dak li hu fajl wieħed għal kull paġna, għal bidu huwa ċar.

fajl HTML jibda b'daqqa ta 'ras DOCTYPE li tispeċifika li t-tip tal-fajl - HTML. L-elementi kollha paġna (tags) huma indikati ġo parentesi angolu. Kull par ( "<" u ">") jinkludi tag HTML waħda. Normalment HTML tags huma paired, jiġifieri, għal kull "tikketta" jkollhom "/ tikketta". Kemm huma magħluqa fil-parentesi angolu. Hemm tikketta waħda, li l-"br /»-aktar popolari - transizzjoni lejn il-linja li jmiss.

L-akbar lametta fil-fajl - myself HTML, li jinkludi tnejn biss tag: RAS u KORP. Fl-ewwel każ, speċifikazzjoni differenti huma indikattivi ta 'links għal fajls oħra Paġna pertinenti jistgħu jkunu preżenti PHP u skripts JavaScript. Fil-kontenut tat-tieni paġna bil-miktub. Ukoll fil-forma ta 'tikketti u skripts.

Sempliċi HTML paġna

Eżempju tal-ħolqien ta 'tali paġna hija indikata fl-artikolu hawn taħt. Ikkunsidra dan b'attenzjoni.

taqsima KAP

Il-prinċipali lametta iskop HEAD - deskrizzjoni ġenerali tal-paġna u l-iskripts ġenerali, għalkemm l-aħħar - biss kunċett relattiv. Normalment ikun hemm jagħti importanza konsiderevoli għal biss tnejn affarijiet:

• keywords u deskrizzjoni tal-paġna;
• links għal fajls oħra (* .css u JS *).

Biex juri l-kontenut tal-kontenut tal-paġna ta 'din it-taqsima għandu biss importanza indiretta peress li tindika fejn xi fajls oħra għandhom regoli CSS għall tags u lingwi oħra skripts.

HTML paġna għandha titolu (TITOLU), li tidher meta viżitatur ġġib maws fuq il-tab fejn l-paġna hija miftuħa. Dan huwa importanti, għaliex tagħmel il-paġna ħafna aktar presentable, aktar faċli li ngħid, iffirmat test tinqara.

META-tikketti huma importanti fl-ipprogrammar tal-web b'mod ġenerali, iżda meta hija meħtieġa l-ħolqien ta 'HTML paġni fil-notebook, eżempju ta' strutturi żejda imbarazz mhux mixtieqa.

Dwar il-LINK u links Script għandhom jagħtu attenzjoni speċjali. L-ewwel tirreferi għal post fejn ikun hemm fajl stylesheet CSS, it-tieni - il-lokazzjoni tal-fajl JavaScript kodiċi. Dawn ir-rabtiet jistgħu jiġu stabbiliti.

Jekk tuża skripts għandhom ikunu trattati bħala għarfien HTML se ssir aktar b'saħħitha, inti għandek tagħti attenzjoni immedjatament fuq folji stil cascading. Il-fajls CSS huma, b'mod partikolari, ir-regoli tar-reġistrazzjoni ta 'HTML tags.

taqsima KORP

Fil-fatt, paġna kampjun HTML - dan huwa t-taqsima KORP. Huwa hawnhekk li fih l-informazzjoni, kollha tal-paġna kontenut. L-informazzjoni kollha hija ppreżentata fil-forma ta 'tikketti u skripts, bħal ddaħħal JavaScript' kodiċi jew biċċiet tal--programm PHP.

Huwa importanti li tirrealizza li l-eżempju tal-paġni web HTML fil-browser u l-istess eżempju fil-editur test bħal notepad, dan mhuwiex l-istess ħaġa. Fl-ewwel każ aħna lesti HTML test li fiha l-iskripts esegwiti. Per eżempju, PHP issodisfa naħa tagħha u ffurmaw minflok il-kodiċi fil-postijiet dritt il tags. JavaScript sodisfatti wkoll il-missjoni tagħha, għalkemm dwar dan għad trid tiġi konverżazzjoni separata.

HTML - huwa tags minflok ta 'skripts. Fl-aħħarnett, biss il-kontenut tal-paġna li tidher fil-browser, iżda lametta tagħha. Nru PHP kodiċi ma jkunx hemm.

JavaScript huwa f'pożizzjoni speċjali, kura tiegħu - biex iservu-paġna, mhux biss fil-ħin boot (tagħbija żejda), iżda fil-mumenti meta l-paġna hija fil-browser tal-viżitatur, u l-istudji dan.

Eżempju sempliċi ta 'HTML code-paġna (biss it-taqsima KORP) huwa muri hawn isfel.

brawżer A viżitatur jidher kif muri hawn taħt.

ma kienx speċifikat fil-Kodiċi għandu look like l-elementi li jinġiebu l-browser. disinn kollu huwa viżibbli fir-regoli CSS. F'dan il-każ, MCSs / fajl scPhpWordRW.css li kien referenzjata (ara. L-ewwel eżempju ta 'paġna HTML).

B'differenza HTML, tema CSS huwa sempliċi, hemm regoli aċċessibbli ħafna u n-numru tagħhom huwa żgħir, meta l-eżempju tal-ħolqien ta 'HTML paġni ma jeħtieġx xi ħaġa oħra għajr notepad. Kollox huwa aċċessibbli ħafna għall-iżvilupp immedjat:

Dan juri kemm huwa faċli huwa deskritt scLogo_vDoc tikketta, u din id-deskrizzjoni hija li fi stat normali tal-lametta juri stampa vDoc-logo.png, u meta l-maws huwa fuq dan - murija vDoc-logo h.png.

L-istruttura tad-deskrizzjonijiet HTML

Lingwa ma jinvolvix twettaq xi waħda mill-istruttura u s-sintassi tal-kunċett hawnhekk huwa ħafna relattiv. M'hemm l-ebda varjabbli, imma hemm bosta opportunitajiet. Il-bażi fundamentali ta 'Portugues hija li hemm element (tikketta) li huwa ċert li jkollu isem.

L-isem tal-każ, il-par tikketta, magħmul minn ismijiet proprji (tagName) u saljaturi angolu ( "<" + tagName + «>"), jekk qed nitkellmu dwar il-bidu tal-lametta, u "", jekk irreġistrata tmiem tiegħu.

Eżempju ta 'paġni HTML jiddeskrivu attributi jinsabu fit-test hawn taħt.

Il-lametta jista 'jkollhom attributi, allura dawn jitpoġġew permezz ta' spazju wara l-isem tikketta qabel l-għeluq parentesi angolu ">". Attributi, jekk ikollhom it-tikketta huwa rreġistrat biss fil-bidu. Il-kontenut tal-lametta huwa dak li tinsab bejn il-lametta bidu u t-tmiem ta 'dan.

Total deskrizzjoni tal-kontenut HTML

HTML jippermettilek li jiddeskrivu l-blokk u inline elementi. L-ewwel jokkupaw żona ċerta fit-tieqa browser tista 'tiġi mqiegħdha assolutament, jiġifieri fil-post it-tajjeb fil-qasam tal-wiri HTML-paġni, u jkollhom daqs speċifiku.

Elementi inline ġeneralment jidhru ħajt wieħed, jiġifieri, kif ġie rrilevat fil-fajl paġna, u murija fuq l-iskrin. Il-wiri tal-fluss totali jista 'jiġi influwenzat meta sseħħ it-tagħbija paġna. Dwar it-tqegħid, il-viżibilità, u proprjetajiet oħra ta 'l-elementi ta' materjal jista 'jiġi influwenzat fi kwalunkwe ħin permezz JavaScript kodiċi.

Minbarra l-elementi sempliċi, HTML joffri li jiddeskrivu l-tabelli u forom. Dawn l-elementi huma ħafna fid-domanda fil-"bini sit kuljum."

Deskrizzjoni tal-mejda: TABELLA tikketti, TR, TD

Meta tikketta TABELLA jistgħu jintużaw biex joħolqu tabella, speċifika numru ta 'ringieli u TR fir-ringiela għal numru ta' ċelluli TD. B'kuntrast mal-tabella tas-soltu ta 'organizzazzjoni, minħabba n-natura HTML Markup organizzazzjoni tabulari limitati għal din id-dikjarazzjoni, għaliex jekk l-iżviluppatur trid ikollha tabella rettangolari fejn in-numru ta' kolonni ringieli kollha tal-istess, allura għandu jsegwi li għalik innifsek.

Il-pożizzjoni bi prinċipji ta HTML: do dak kollu li huwa, iżda xejn li għadu mhux mifhum. F'xi każijiet mhuwiex daqshekk importanti għan-numru ta 'kolonni f'kull ringiela tat-tabella, imma jekk inti tixtieq li twettaq ċelloli jingħaqdu orizzontali jew vertikali, huwa meħtieġ li jgħoddu kollha b'attenzjoni kbira.

Eżempju HTML paġna ma 'deskrizzjoni ta' tabella sempliċi grafikament murija fl-artikolu.

Hawnhekk huwa tabella li turi l-daqs ta 'tliet fillieri minn tliet kolonni, bl-ewwel lametta filliera TH kien użat minflok tikketta TD --header kolonna. Partikolarment distinti dawn iż-żewġ tikketti ma jkollhomx, iżda huwa possibbli li jintuża l-ewwel li ssir distinzjoni bejn l-ewwel ringiela tat-tabella, u b'mod CSS biex TH, inti tista 'tehmeż l-istil tiegħek stess, li tiddistingwiha minn TD oħra.

Deskrizzjoni forma: tikketta FORMOLA, INPUT

Formola - dan huwa l-aktar parti mitluba mill-HTML tags. forom li jużaw jistgħu jittrasmettu l-informazzjoni. Attwalment, il-paġna - dan it-tagħrif wiri, iżda l-forma - input.

Eżempju HTML paġna ma 'deskrizzjoni ta' formola sempliċi:

Użi ta 'forom ħafna aktar, iżda l-karatteristiċi ewlenin huma kif ġej. Tista 'tispeċifika l-qasam input, għandek bżonn li jassenjawhom disinn u avveniment handlers għall-analiżi ta' jintuza mill-utent. Tista 'tispeċifika qasam moħbija u jittrażmettu l-informazzjoni mill-isfond paġna. Tista jinnominaw buttuna trasmissjoni ta 'informazzjoni, ippressar li tibda l-proċess ta' trasferiment tad-data.

Bl-użu HTML

Biex tkun taf lingwa Portugues - kundizzjoni indispensabbli għal kwalunkwe speċjalizzazzjoni xogħol fil-qasam ta 'programmazzjoni l-Internet, imma jekk inti tixtieq li jiktbu programm fil-PHP jew JavaScript, imbagħad taf HTML + CSS bżonn perfettament.

lingwa PHP ġiet identifikata fl-eżempju preċedenti. PHP timxi fuq is-server, għaliex paġna ma din il-formola tellgħu mis-server għall-browser ma 'l-oqsma mimlija. B'mod partikolari, il-funzjonijiet TestOnBlur msemmija fil-INPUT tikketta (avveniment handler onblur), irċeviet il-parametri fil-forma ta 'oqsma test.

Il-browser runs JavaScript, u biex ħadem kif suppost tad-data jibgħat buttuna lura lill-server, jiġifieri, disinn :. onclick = jQuery ( "# sa") val ( "CART"), huwa neċessarju li tkun taf mhux biss dwar dak il-jQuery, imma dak #to, val, cART. B'mod aktar preċiż, huwa neċessarju li tkun taf l-tags HTML bażiċi u r-regoli ġenerali li japplikaw għalihom l-istili CSS.

Dan huwa biżżejjed biex malajr jgħollu l-kwalifika ta 'kwalunkwe speċjalizzazzjoni fil-qasam ta' programmazzjoni l-Internet.