Conto saka kaca HTML lan prinsip-prinsip dhasar saka

Nemokke akeh basa, nanging ing basa HTML iku salah siji sing paling khusus lan vosstrebovan. Wiwit iku melu akèh gagasan tombol liyane ing program. Kathah digawe kasedhiya, nalika ing pikiran saka pangembang kawruh saiki basa markup - Hypertext Markup Language (HTML).

Ing kasunyatan, ing HTML, ana apa-apa angel, lan ing sawetara menit kabeh paling tebih saking program lan wong Internet ngabulake panyiapan saka HTML-kaca ing notebook. conto ngremenaken, gamblang, memang, diakses kanggo wong.

gambaran umum

berkas HTML - situs kaca, senajan punika dereng tamtu, nanging apa siji file per kaca, kanggo miwiti iku cetha.

berkas HTML wiwit karo header DOCTYPE sing tartamtu jinis berkas - HTML. Kabeh unsur kaca (tags) dituduhake ing kelompok amba. Saben pasangan ( "<" lan ">") kalebu siji tag HTML. Biasane tags sing dipasangake, sing, kanggo saben «tag» duwe «/ tag». Loro-lorone sing terlampir ing kelompok amba. Ana tag siji, kang paling populer «br /» - transisi menyang baris sabanjuré.

Tag paling gedhe ing berkas - dhewe HTML, kang kalebu mung loro tag: Bangkok lan BODY. Yen mengkono, specification beda indikatif pranala menyang berkas kaca pas liyane uga PHP saiki lan Tulisan JavaScript. Ing kaca liya isi ditulis. Uga ing wangun tags lan Tulisan.

Prasaja HTML-kaca

Conto saka nggawe kaca kuwi wis dituduhake ing artikel ing ngisor iki. Coba iku kasebut kanthi teliti.

bagean HEAD

Utama tag waé HEAD - gambaran umum saka kaca lan Tulisan umum, senadyan sing terakhir - mung konsep relatif. Biasane ana nempel wigati owahan kanggo mung rong bab:

• keywords lan gambaran saka kaca;
• pranala kanggo file liyane (* .css lan .js *).

Kanggo nampilake isi isi kaca saka bagean iki wis wigati mung ora langsung amarga iku nuduhake ngendi sawetara file liyane duwe aturan CSS kanggo tags lan basa Tulisan liyane.

HTML-kaca nduweni judhul (TITLE), sing ditampilna nalika Pengunjung ndadekke mouse liwat tab ngendi kaca kabukak. Iki penting, amarga iku ndadekake kaca sing luwih apik, luwih gampang kanggo ngomong, mlebu teks sing bisa diwaca.

META-tags sing penting ing program situs web ing, nanging nalika dibutuhake tumitah HTML-kaca ing notebook, conto undesirable keruwetan struktur keluwih-luwih.

Ing LINK lan pranala Script ngirim mbayar manungsa waé khusus. Pisanan nuduhake panggonan kono iku file CSS stylesheet, kaloro - ing lokasi file JavaScript-kode. pranala kasebut bisa nyetel.

Yen sampeyan nggunakake Tulisan kudu dianggep minangka kawruh HTML bakal dadi kuwat, sampeyan kudu langsung mbayar manungsa waé ing gaya runtun sheets. File CSS sing, ing tartamtu, aturan saka Pendhaftaran saka tags.

bagean BODY

Ing kasunyatan, kaca sampel HTML - iki bagean BODY. Punika sing ngemot kabeh informasi, kabeh kaca isi. Kabeh informasi presented ing wangun tags lan Tulisan, kayata nambahi JavaScript-kode utawa bagéyan saka PHP-program.

Penting éling sing conto kaca web HTML ing browser lan contone padha ing editor teks kayata notepad, iki ora bab sing padha. Yen mengkono kita siap HTML-teks kang kabeh Tulisan kaleksanan. Contone, PHP wis kawujud part lan kawangun tinimbang kode ing panggonan tengen tags. JavaScript uga kawujud sawijining misi, sanadyan bab iku durung dadi obrolan kapisah.

HTML - iku tags tinimbang Tulisan. Wekasanipun, mung isi kaca katampil ing browser, nanging tag sawijining. No PHP-kode ora ana.

JavaScript iku ing posisi khusus, care kang - kanggo ngawula kaca, ora mung ing wektu boot (kakehan), nanging ing wektu nalika kaca punika ing browser Pengunjung, lan pasinaon iku.

Conto prasaja saka kode HTML-kaca (mung bagean BODY) kapacak ing ngisor iki.

browser A Pengunjung iku katon minangka kapacak ing ngisor iki.

iki ora kasebut ing kode sing katon kaya unsur sing nggawa browser. Kabeh desain katon ing aturan CSS. Ing kasus iki, Mcss / file scPhpWordRW.css sing dirujuk (ndeleng. Contone banget pisanan kaca HTML).

Boten kados HTML, tema CSS prasaja, ana aturan banget diakses lan sing nomer cilik, nalika conto tumitah HTML-kaca ora mbutuhake apa-apa liyane saka notepad. Kabeh iku banget diakses kanggo pembangunan langsung:

Iki nuduhake carane gampang iku diterangake tag scLogo_vDoc, lan gambaran iki sing ing negara normal tag nampilake gambar vDoc-logo.png, lan nalika mouse punika liwat - katampil vDoc-logo-h.png.

Struktur nang HTML

Language ora ndherek mbeta metu saka struktur lan ukara saka konsep punika banget relatif. Ora ana kemungkinan, nanging ana kathah kesempatan. Ing basis dhasar saka hypertext iku ana sawijining unsur (tag) sing manawa kanggo duwe jeneng.

Jeneng cilik, pasangan tag, dumadi saka jeneng suwene (tagName) lan kelompok amba ( «<» + tagName + «>»), yen kita ngomong bab awal tag, lan «», yen direkam sawijining mburi.

Conto saka kaca HTML njlentrehke kawicaksanan dumunung ing ngisor iki.

Tag bisa duwe kawicaksanan, banjur lagi sijine liwat papan sawise jeneng tag sadurunge nutup kurung siku ">". Kawicaksanan, yen tag direkam mung ing awal. Isi tag iku kang dumunung ing antarane tag wiwitan lan pungkasan iku.

Total nang isi HTML

HTML ngidini sampeyan kanggo njlèntrèhaké pemblokiran lan apik unsur. First Occupy area tartamtu ing jendhela browser bisa dipanggonke pancen, sing ing Panggonan tengen ing lapangan tampilan HTML-kaca, lan duwe ukuran tartamtu.

unsur apik umume katon siji thread, sing, minangka iki nyatakake ing kaca, lan ditampilake ing layar. Tampilan saka total aliran bisa dipengaruhi nalika mbukak kaca ana. On seko, visibilitas, lan liyane saka unsur pemblokiran bisa dipengaruhi ing sembarang wektu liwat JavaScript-kode.

Saliyane unsur prasaja, HTML nawakake kanggo njlèntrèhaké tabel lan formulir. unsur iki akeh banget ing dikarepake ing "bangunan situs saben dinten."

Description of meja: tags DAFTAR, TR, TD

Nalika tag DAFTAR bisa digunakake kanggo nggawe meja, nemtokake sawetara larik lan TR saurutan kanggo sawetara sel TD. Ing kontras kanggo Tabel biasanipun saka organisasi, amarga alam HTML-markup organisasi tabular winates Pranyatan iki, amarga yen pangembang kepengin duwe meja persegi kang nomer kolom ing kabeh larik saka padha, banjur kudu tindakake sing kanggo dhewe.

Posisi principled HTML: apa apa wae iku, nanging apa-apa sing wis ora dimangertèni. Ing sawetara kasus, ora penting kanggo nomer kolom ing saben baris ing meja, nanging yen sampeyan pengin nindakake sel nggabung horisontal utawa vertikal, iku perlu kanggo count kabeh kanthi teliti banget.

kaca umpamane HTML karo gambaran saka Tabel prasaja kanthi grafik ditampilake ing artikel.

Punika tabèl kang nuduhaké ukuran telung larik dening telung kolom, karo tag baris kapisan TH iki digunakake tinimbang tag TD - header kolom. Utamané bentenaken loro iki tags ora duwe, nanging bisa nggunakake pisanan kanggo mbedakake antarane baris kapisan meja, lan ing CSS kanggo TH, sampeyan uga bisa masang gaya dhewe, kang kaperang saka TD liyane.

Description wangun: tag Wujud, input

Formulir - iki sisih paling nuntut saka HTML-tags. Wangun Nggunakake bisa ngirimaken informasi. Bener, kaca - nuduhake informasi iki, nanging wangun - input.

kaca umpamane HTML karo gambaran saka wangun prasaja:

Migunakake formulir luwih, nanging fitur utama iku minangka nderek. Sampeyan bisa nemtokake kolom input, sampeyan kudu nemtokake kanggo ngrancang lan Penanganan acara kanggo analisis input user. Sampeyan bisa nemtokake lapangan didhelikake lan ngirim informasi saka kaca latar mburi. Sampeyan bisa ngrancang tombol transmisi informasi, mencet sing mulai proses transfer data.

nggunakake HTML

Ngerti Hypertext - kondisi indispensable kanggo sembarang spesialisasi karya ing lapangan program Internet, nanging yen sampeyan pengin nulis program ing PHP utawa JavaScript, banjur ngerti HTML + CSS kudu sampurna.

basa PHP wis dikenali ing conto sadurungé. PHP nganggo server ing, amarga kaca karo wangun iki miber saka server menyang browser karo kothak kapenuhan. Ing tartamtu, fungsi TestOnBlur kasebut ing tag input (onblur acara handler), nampa kabeh paramèter ing wangun kothak teks.

browser nganggo JavaScript, lan kanggo mlaku makarya data ngirim tombol bali kanggo server, sing, desain :. Onclick = jQuery ( '# kanggo') Val ( 'cart'), iku perlu ngerti ora mung bab apa-pangalihan, nanging apa #to, Val, cart. Luwih tepaté, iku perlu ngerti tags dhasar lan aturan umum nglamar kanggo wong-wong mau ing gaya CSS.

Iki cukup kanggo cepet mundhakaken kualifikasi spesialisasi sembarang ing wilayah program Internet.