Conto hiji kaca HTML jeung prinsip dasar

Nimukeun loba basa, tapi basa HTML mangrupakeun salah sahiji anu pang husus sarta vosstrebovan. Kusabab eta ngalibatkeun loba inisiatif konci sejen di programming. Teuing dijieun sadia, nalika di alam pikiran zaman pamekar pangaweruh hadir tina aksara Sunda - hiperteks Aksara Basa (HTML).

Malah dina HTML, aya nanaon susah, sarta dina sababaraha menit kabeh paling jauh ti programming jeung jalma Internet bakal minuhan ngadegna HTML-kaca di kuduna. conto noteworthy, kesederhanaan, memang, diaksés ka dulur.

pedaran umum

file HTML - situs hiji kaca, sanajan ieu téh debatable, tapi naon anu salah file per kaca, pikeun ngamimitian ieu jelas.

file HTML dimimitian ku lulugu DOCTYPE yen hususna yén jenis file - HTML. Kabéh elemen kaca (tag) anu dituduhkeun dina kurung sudut. Unggal pasangan ( "<" sarta ">") ngawengku hiji tag HTML. Biasana tag HTML nu dipasangkeun, maksudna, keur unggal «tag» gaduh «/ tag». Duanana aya enclosed dina kurung sudut. Aya tag tunggal, nu paling populér «br /» - transisi ka garis hareup.

Tag pangbadagna di file - eta sorangan HTML, nu ngawengku ukur dua tag: sirah jeung awak. Dina kasus nu pertama, spésifikasi béda téh indicative tumbu ka file kaca pertinent séjén bisa jadi PHP hadir jeung Aksara JavaScript. Dina kaca kadua eusi tulisan. Ogé dina wangun tag tur Aksara.

Basajan HTML-kaca

Conto nyieun kaca sapertos dituduhkeun dina artikel di handap ieu. Nganggap hal éta taliti.

bagian sirah

Utama tag Tujuan sirah - pedaran umum tina kaca jeung Aksara umum, sanajan dimungkinkeun - ngan konsép relatif. Biasana aya nempel pentingna considerable mun ukur dua hal:

• Related jeung pedaran kaca;
• Tumbu ka file séjén (* .css jeung * .js).

Pikeun nembongkeun eusi eusi kaca di bagian ieu boga pentingna wungkul langsung sabab nunjukkeun tempat sababaraha file lianna mibanda aturan CSS pikeun tag na basa Aksara lianna.

HTML-kaca ngabogaan judul (judul), anu dipintonkeun nalika nganjang a brings mouse anjeun leuwih tab mana kaca dibuka. Ieu penting, sabab ngajadikeun kaca leuwih apik, gampang ngomong, ditandatanganan téks bisa dibaca.

Meta-tag anu penting dina programming web sacara umum, tapi lamun eta anu diperlukeun kreasi HTML-kaca dina notebook, conto pikaresepeun clutter struktur kaleuleuwihan.

Dina link na Tumbu Aksara kudu nengetan husus. Kahiji nujul ka tempat dimana aya file CSS stylesheet, kadua - lokasi file JavaScript-kode. Tumbu misalna bisa disetel.

Lamun make Aksara kudu diolah sakumaha hiji pangaweruh HTML baris jadi kuat, Anjeun kudu geuwat nengetan kana gaya cascading cadar. Payil CSS téh, hususna, aturan pendaptaran ti tag HTML.

bagian awak

Kanyataanna, kaca sampel HTML - ieu téh bagian awak. Ieu di dieu yén ngandung sagala informasi, sakabéh kaca eusi. Sadaya inpo anu dibere dina bentuk tag tur Aksara, kayaning inserting a JavaScript-kode atawa buah tina PHP-program.

Kadé sadar yén conto kaca web HTML dina browser jeung conto sami dina pangropéa téksu kayaning Notepad, ieu sanes hal anu sarua. Dina kasus nu pertama kami siap HTML-téks nu sagala Aksara dieksekusi. Contona, PHP geus kaeusi bagian sarta kabentuk tinimbang kodeu di tempat katuhu tag. JavaScript ogé kaeusi misi na, sanajan ngeunaan eta acan janten paguneman misah.

HTML - eta Tags tinimbang Aksara. Pamustunganana, ngan eusi kaca ditingal dina browser, tapi tag na. Taya PHP-kode teu aya.

JavaScript aya dina posisi husus, care na - ngawula kaca, teu ukur dina waktu boot (overload), tapi dina moments lamun kaca aya dina browser anu nganjang urang, sarta studi éta.

Hiji conto basajan kode HTML-kaca (mung bagian awak) anu ditémbongkeun di handap ieu.

browser A nganjang urang dinya Sigana ditémbongkeun saperti di handap ieu.

teu dieusian dina kode kudu kasampak kawas unsur nu dibawa browser nu. Kabéh rarancang geus katingali dina aturan CSS. Dina hal ieu, Mcss / file scPhpWordRW.css yén ieu referenced (tingali. Conto The pisan mimiti kaca HTML).

Teu kawas HTML, tema CSS téh basajan, aya aturan pisan diasupan jeung nomer maranéhanana nyaéta leutik, nalika conto kreasi HTML-kaca teu merlukeun nanaon lian ti Notepad. Sagalana pisan diasupan pikeun ngembangkeun saharita:

Ieu nunjukeun kumaha gampang eta digambarkeun tag scLogo_vDoc, sarta pedaran ieu anu dina kaayaan normal tina tag mintonkeun gambar vDoc-logo.png, sarta nalika beurit téh leuwih eta - ditampilkeun vDoc-logo-h.png.

Struktur déskripsi HTML

Basa teu ngalibetkeun mawa kaluar salah sahiji struktur jeung sintaksis tina konsep dieu pisan dulur. Aya henteu variabel, tapi aya nyatu kasempetan. Dasar dasar hiperteks éta aya unsur (tag) nu mangrupakeun pastikeun gaduh ngaran.

Nami hal, nu pasangan tag, diwangun ku Ngaran ditangtoskeun (tagName) jeung kurung sudut ( «<» + tagName + «>»), lamun urang ngobrol ngeunaan awal tag, sarta «», upami dirékam tungtung na.

Conto kaca HTML ngajéntrékeun atribut lokasina di téks di handap.

Tag bisa mibanda atribut, teras aranjeunna nempatkeun ngaliwatan spasi sanggeus nami tag méméh nutup sudut bracket ">". Atribut, upami aranjeunna gaduh tag anu dirékam ukur di awal. Eusi tag éta nu perenahna antara tag mimiti jeung tungtung eta.

Total déskripsi eusi HTML

HTML ngidinan Anjeun pikeun nerangkeun block tur inline elemen. Mimiti nempatan wewengkon nu tangtu dina jandela browser bisa diposisikan leres pisan, yen anu di tempat katuhu dina widang tampilan HTML-kaca, sarta boga ukuran spésifik.

elemen Inline umumna muncul hiji thread, nyaeta, jadi ieu nyatakeun dina kaca file, jeung dipintonkeun dina layar. Pintonan nu total aliran bisa dipangaruhan lamun beban kaca lumangsung. Dina panempatan, pisibilitas, sarta sipat séjénna nu elemen block bisa dipangaruhan iraha wae via JavaScript-kode.

Sajaba elemen basajan, HTML nawarkeun pikeun nerangkeun tabel sarta bentuk. elemen ieu pisan di paménta dina "wangunan situs sapopoé."

Pedaran tabel: tag tabel, TR, TD

Nalika tag tabel bisa dipaké pikeun nyieun méja, tangtukeun Jumlah jajar sarta TR sakaligus pikeun jumlah sél TD. Kontras jeung tabel dawam organisasi, alatan sifat HTML-aksara organisasi tabular dugi ka deklarasi ieu, kusabab lamun pamekar nu hayang boga méja rectangular nu jumlah kolom dina sakabéh jajar sami, mangka kudu nuturkeun yén pikeun diri.

Posisi principled of HTML: ngalakukeun naon anu, tapi nanaon anu teu dipikaharti. Dina sababaraha kasus teu kitu penting ka Jumlah kolom dina unggal jejer tina méja, tapi upami Anjeun hoyong nedunan hiji sél ngagabung horisontal atawa vertikal, perlu ka cacah sagala taliti pisan.

Kaca conto HTML ku pedaran hiji méja basajan grafis ditémbongkeun dina artikel.

Di dieu téh tabel némbongkeun ukuran tilu barisan ku tilu kolom, jeung tag baris kahiji TH ieu dipaké tibatan tag TD - lulugu kolom. Utamana dibédakeun dua tag ieu teu boga, tapi kasebut nyaéta dimungkinkeun pikeun nganggo munggaran keur ngabedakeun antara baris mimiti méja, sarta dina CSS jeung TH, Anjeun bisa ngagantelkeun gaya Anjeun sorangan, nu distinguishes tina TD lianna.

Pedaran formulir: tag formulir, input

Formulir - ieu téh bagian paling nungtut tina HTML-tag. bentuk maké bisa ngirimkeun informasi. Sabenerna, kaca - informasi tampilan ieu, tapi formulir nu - input.

Kaca conto HTML ku pedaran hiji formulir basajan:

Migunakeun bentuk leuwih, tapi fitur utama nyaéta kieu. Anjeun tiasa nangtukeun widang input, Anjeun kudu napelkeun aranjeunna mendesain jeung pawang acara pikeun analisis input pamaké. Anjeun tiasa nangtukeun widang disumputkeun na ngirimkeun informasi tina kaca tukang. Anjeun tiasa nunjuk tombol transmisi informasi, mencét nu initiates prosés mindahkeun data.

ngagunakeun HTML

Uninga basa hiperteks - hiji kondisi indispensable pikeun sagala Spésialisasi gawé dina widang programming Internet, tapi upami Anjeun hoyong nulis program dina PHP atanapi JavaScript, teras uninga HTML + CSS kudu sampurna.

basa PHP geus pasti dina conto saméméhna. PHP dijalankeun dina server, lantaran kaca sareng formulir ieu flew ti server kana panyungsi kalayan widang kaeusi. Dina sababaraha hal, fungsi TestOnBlur disebutkeun dina tag input (onblur acara Handler), narima sagala parameter dina bentuk sawah téks.

browser nu ngalir JavaScript, sarta mun leres digawé data ngirim tombol deui server, nyaeta, design :. Onclick = jQuery ( '# keur') Val ( 'karanjang'), perlu uninga teu ukur ngeunaan naon nu jQuery, tapi naon #to, Val, karanjang. Leuwih tepat, perlu nyaho tag HTML dasar jeung aturan umum nerapkeun ka aranjeunna teh gaya CSS.

Ieu cukup pikeun gancang ngangkat kualifikasi tina Spésialisasi naon di wewengkon programming Internet.