Piemērs HTML lapu un pamatprincipi

Izgudroja daudzas valodas, bet valoda HTML ir viens no visvairāk īpašu un vosstrebovan. Tā ietver daudz citu galvenajām iniciatīvām programmēšanu. Daudz ir pieejams, kad prātos attīstītāja pašreizējās zināšanas iezīmēšanas valoda - hiperteksta iezīmēšanas valoda (HTML).

Faktiski, HTML, nekas sarežģīts, un pēc dažām minūtēm visu vistālāko no plānošanas un interneta cilvēki izpildīs izveidi HTML lapas notebook. Ievērības cienīgi piemēri, vienkāršība, protams, ikvienam ir pieejami.

vispārīgs apraksts

HTML fails - vienas lapas vietā, lai gan tas ir strīdīgs, bet to, kas ir viens fails par katru lapu, lai sāktu ir skaidrs.

HTML fails sākas ar DOCTYPE galveni, kas norāda, ka faila tipu - HTML. Visas lapas elementi (tags) tiek norādīti leņķveida iekavās. Katrs pāris ( "<" un ">") ietver vienu tagu HTML. Parasti HTML tagi ir savienotas pārī, tas ir, par katru «tag» ir «/ tag». Abi ir liktas Leņķiekavās. Ir viena tagu, no kuriem populārākais «br /» - pāreja uz nākamo rindiņu.

Lielākais tajā failā - tas pats HTML, kas ietver tikai divas tagu: galvas un ķermeņa. Pirmajā gadījumā, kas atšķiras specifikācija liecina par saitēm uz citām piemērotām lapas failus var būt klāt PHP un JavaScript skriptus. Otrajā lapas rakstisku saturu. Arī formā tagus un skriptus.

Vienkāršs HTML lapa

Piemērs radīt šāda lapa ir norādīts zemāk rakstā. Apsveriet to rūpīgi.

HEAD sadaļā

Galvenais mērķis HEAD tag - vispārīgs apraksts par lapu un vispārējās skriptus, lai gan tā - tikai relatīvs jēdziens. Parasti tur lielu nozīmi tikai divas lietas:

• atslēgvārdus un apraksts lapas;
• saites uz citiem failiem (* Css un * js).

Lai parādītu saturu lapas saturu šajā nodaļā, ir tikai netieša nozīme, jo tas norāda, kur daži citi faili ir CSS noteikumus tagiem un citu skriptu valodās.

HTML lapa ir nosaukums (nosaukums), kas tiek parādīts, kad apmeklētājs nes peli virs cilnes, kur lapa ir atvērta. Tas ir svarīgi, jo tas padara lapas daudz reprezentabls, vieglāk pateikt, parakstīts lasāma teksta.

META-tagi ir svarīgi web programmēšana kopumā, bet, kad tas ir nepieciešams izveidot HTML lapu notebook, piemērs nevēlama jucekli lieku struktūru.

Uz saites un skripts saites būtu jāpievērš īpaša uzmanība. Pirmais attiecas uz vietu, kur ir CSS stilu failu, otrais - atrašanās vieta JavaScript koda failu. Šādas saites var iestatīt.

Ja jūs izmantojat skripti jāizturas kā HTML zināšanām kļūs stiprāka, nekavējoties pievērst uzmanību kaskādes stila lapas. CSS faili ir, jo īpaši, noteikumi par reģistrācijas HTML tagiem.

sadaļa BODY

Faktiski, paraugs lapu HTML - tas ir BODY sadaļā. Tas ir šeit, kas satur visu informāciju, visi satura lapas. Visa informācija tiek sniegta formā tagus un skriptus, piemēram, ievietojot JavaScript kodu vai gabalu PHP programmu.

Ir svarīgi saprast, ka piemērs HTML tīmekļa lapas pārlūkā un to pašu piemēru teksta redaktoru, piemēram, Notepad, tas nav viens un tas pats. Pirmajā gadījumā mēs esam gatavi HTML teksta, kurā veikti visi skripti. Piemēram, PHP ir izpildījusi savu uzdevumu un veido nevis kodu pareizajās vietās tagiem. JavaScript arī izpildījusi savu misiju, lai gan par to vēl būs atsevišķa saruna.

HTML - tiek atzīmēts, nevis skriptus. Galu galā, tikai lapas saturu pārlūkprogrammas logā, bet tā tag. Nav PHP kods tur nav.

JavaScript ir īpašā stāvoklī, viņa aprūpē - kalpot lapu, ne tikai boot laikā (pārslodzes), bet brīžos, kad lapa ir apmeklētāja pārlūkprogrammu, un pētījumi tā.

Vienkāršs piemērs ir kodu HTML lapā (tikai BODY sadaļa) ir parādīts zemāk.

Apmeklētāju pārlūkprogrammu tas izskatās, kā parādīts zemāk.

netika norādīts kodā vajadzētu izskatīties elementiem, kas celta pārlūku. Viss dizains ir redzama CSS noteikumiem. Šajā gadījumā, MCSs / scPhpWordRW.css failu, kas tika ietverta (sk. Pati pirmā piemēru lapas HTML).

Atšķirībā no HTML, CSS tēma ir vienkāršāka, ir ļoti pieejamas noteikumi, un to skaits ir mazs, ja piemērs izveidot HTML lapu neprasa neko citu kā notepad. Viss ir ļoti pieejamas tūlītējai attīstībai:

Tas parāda, cik viegli tas ir aprakstīts tag scLogo_vDoc, un šis apraksts ir, ka normālā stāvoklī taga rāda attēla vDoc-logo.png, un tad, kad pele ir virs tā - parādās vDoc-logo-h.png.

Struktūra HTML aprakstu

Valoda nav saistīta veicot kādu no struktūru un sintaksi jēdziens šeit ir ļoti relatīvs. Nav mainīgie, bet ir daudz iespēju. Fundamentālais pamats hiperteksts ir tas, ka elements (tag), kas ir pārliecināts, ka, lai būtu vārdu.

No lietas nosaukumu, tag pāris, kas sastāv no īpašvārdu (taga nosaukumu) un leņķa iekavās ( «<» + taga nosaukumu + ">»), ja mēs runājam par sākuma taga, un «», ja reģistrē tās beigas.

Piemērs HTML lapas apraksta atribūtus, kas atrodas zem šī teksta.

Atzīmes var būt atribūti, tad tie laiž cauri telpā aiz taga nosaukumu pirms noslēdzošās stūra iekavas ">". Atribūtiem, ja tie ir taga tiek reģistrēta tikai sākumā. Par tag saturs ir tas, kas atrodas starp sākuma tagu un tā beigās.

Kopā HTML satura apraksti

HTML ļauj aprakstīt bloku un inline elementi. Pirmais aizņem noteiktu platību pārlūka logā var novietot pilnīgi, kas ir īstajā vietā jomā displeja HTML lapas, un ir īpašs izmērs.

Inline elementi parasti parādās viens pavediens, tas ir, kā tas tika norādīts lapas failu, un redzams uz ekrāna. No kopējās plūsmas rādījumu var ietekmēt, kad lapas ielādes notiek. Par novietojumu, redzamību un citām īpašībām bloka elementu var ietekmēt jebkurā brīdī, izmantojot JavaScript kodu.

Papildus vienkāršu elementiem, HTML piedāvā aprakstīt tabulas un formas. Šie elementi ir ļoti pieprasītas "ikdienas vietnes ēkā."

Apraksts galda: Tags tabulā, TR, TD

Kad TABULA tag var izmantot, lai izveidotu tabulu, norādīt skaitu rindu un TR pēc kārtas vairākiem TD šūnu. Atšķirībā no parastā galda organizācijas, sakarā ar dabas HTML iezīmēšanas tabulas organizācijas ierobežots šai deklarācijai, jo, ja attīstītājs vēlas būt taisnstūrveida tabulu, kurā kolonnu skaits visās rindās tāds pats, tad tas ir jāievēro, ka par sevi.

Principiālā pozīcija HTML: darīt visu, kas ir, bet nekas, ka nav saprotams. Dažos gadījumos tas nav tik svarīgi, lai kolonnu skaitu katrā rindā galda, bet, ja jūs vēlaties veikt sapludināšanas šūnas horizontāli vai vertikāli, tas ir nepieciešams, lai saskaitīt visus ļoti rūpīgi.

HTML lapas piemērs ar aprakstu par vienkāršu tabulu grafiski parādīts rakstā.

Šeit ir tabula, kas parāda lielumu trijās rindās trīs kolonnas, ar pirmo rindu tag TH tika izmantota nevis TD tag - kolonnas virsraksta. Īpaši izceļas šīs divas atzīmes nav, bet tas ir iespējams izmantot pirmās atšķirt pirmajā rindā tabulas, un CSS uz TH, jūs varat pievienot savu stilu, kas to atšķir no citiem TD.

Apraksts forma: FORM tag, INPUT

Forma - tas ir vispieprasītākais daļa no HTML tagiem. Izmantojot veidlapas var pārraidīt informāciju. Patiesībā, lapu - tas displejs informāciju, bet forma - ieeja.

HTML lapas piemērs ar aprakstu vienkāršu formu:

Izmanto formu daudz vairāk, taču galvenās iezīmes ir šādas. Jūs varat norādīt ievades lauku, jums ir nepieciešams, lai piešķirtu tām, lai izstrādātu un notikumu apstrādes analīzei lietotāja ievadi. Jūs varat norādīt slēpto lauku un pārraidīt informāciju no lapas fona. Jūs varat norādīt informācijas pārraides pogu nospiežot, kas veic datu pārsūtīšanas procesu.

Izmantojot HTML

Lai uzzinātu hiperteksta valodu - obligāts nosacījums jebkuram darba specializācijas jomā interneta programmu, bet, ja jūs vēlaties, lai uzrakstīt programmu PHP vai JavaScript, tad zināt HTML + CSS vajag perfekti.

PHP valoda ir identificētas iepriekšējā piemērā. PHP darbojas uz servera, jo lapa ar šo veidlapu lidoja no servera uz jūsu pārlūkprogrammu ar laukiem piepildīta. Jo īpaši, minētie tag INPUT (onblur notikumu apdarinātājs) TestOnBlur funkcijas, saņēmis visus parametrus formā teksta laukiem.

Pārlūks darbojas JavaScript, un pareizi strādāja dati sūtīt pogu atpakaļ uz serveri, tas ir, dizains :. onclick = jQuery ( '# uz ") Val (" grozs "), ir nepieciešams zināt ne tikai par to, ko ar jQuery, bet kas #to, val, grozam. Precīzāk, tas ir nepieciešams, lai zināt pamata HTML tagus un vispārējos noteikumus, ko piemēro tiem CSS stilus.

Tas ir pietiekami, lai ātri paaugstināt kvalifikāciju jebkuras specializācijas jomā interneta programmu.