Komputer, Programming
HTML: Dasar kanggo Pemula
HTML minangka tandha aksara hiperteks sing nggawe Internet cara kita kenal lan tresna. Iku thanks kanggo alat sing apik sing situs katon ayu lan modern, lan uga menehi penak saka nggunakake. Tembung HTML mung nggawe unsur-unsur kaca web dadi pilihan pangguna-pangguna. Karya iku bisa ditrapake kanggo apa editor teks kaya MS Word utawa OpenOffice. Padha nguripake massa huruf tanpa wujud menyang dokumen sing ana paragraf, teks kandel, miring, tabel lan gambar. Babagan sing padha karo basa HTML, kanthi prabédan mung menawa dokumen-dokumen kasebut ditampilake ing browser, lan kemampuan alat iki luwih akeh tinimbang ing editor teks. Kanggo markup, tag digunakake - printah khusus sing nggambarake struktur kaca web. Sabanjure ditempelake ing braket sudut -
Visual Editors
Wiwit, sing mung mlaku ing dalan pembelajaran HTML, asring miwiti karya karo program sing ngijini sampeyan nggawe situs web tanpa pengetahuan. Ing kono, sampeyan mung bisa ngatur item ing layar amarga bakal ditampilake ing browser. Iku bakal katon, kene - sumber saka sih-rahmat langgeng, ngidini kanggo nyisihaken paling web developer. Nanging ora kabeh prasaja, minangka editor visual duwe akeh cacat sing ora bisa digunakake ing proyek serius.
Kabeh program kasebut nggawe akeh tag sing ora perlu sing nggawe versi kaca versi anyar lan suboptimal. Mesthine, ing jaman Internet kecepatan tinggi iki luwih penting tinimbang sadurunge, nanging ana sawetara alasan yèn situs sing ringkih lan cekap luwih praktis tinimbang rekaman sing digawe ing editor visual. A kaca web sing digawe sajrone program kasebut bakal ditangani kanthi apik dening robot panelusuran, amarga saben kilobyte kodhe penting kanggo wong-wong mau, lan kodhe rumit lan ora logis karo akeh kesalahan semantik bakal mbebayani. Saliyane, editors asring ketutupan wektu, dadi ora relevan, lan ora dianjurake kanggo ngluwihi sumber daya ing pangembangan, amarga ora nggunakake produk iki profesional. Mulane, sapa sing kepengin nyambut gawe ing situs, kudu ngerti dasar HTML.
Tags
Kaya kasebut ing ndhuwur, tag nggambarake struktur kaca web menyang browser. Akeh sing duwe tag pembuka lan nutup, nanging ora kabeh. Contone,
Ana uga tag siji sing ora perlu ditutup. Ing kono, isi kasebut ana, uga atribut. Atribut bisa didaftar kanggo paling tag HTML lan nemtokake sifat unsur. Iki diwatesi ing tag pambuka lan katon kaya iki: attribute = "...", ing endi tinimbang poin ana nilai atribut. Kawruh tag minangka langkah pisanan lan paling penting kanggo nguwasani HTML. Dasar-dasar seni iki uga tegese pangertene struktur kaca web.
Struktur dokumen
Saben dokumen HTML duwe ekstensi sing cocog, contone, Index.html. Supaya browser bisa ngerti apa sing ditangani, lan nampilake kaca kanthi bener. Kabeh file sing dipigunakaké kanggo nggawe situs kasebut, iku seng dienggo nyimpen ing siji direktori, sing ing mangsa ngarep bakal nyenengake kanthi cepet. Dasar-dasar ing HTML markup hypertext HTML ngandharake pemahaman sing jelas babagan struktur dokumen kasebut. Diwiwiti karo tag sing nyritakake browser versi HTML sing digunakake ing dokumen iki. Ing wayahe, versi kaping lima saka basa iku cocog, supaya ora ana apa-apa, sampeyan bisa kanthi aman masang label kasebut ing ndhuwur kaca apa wae.
Banjur ana struktur dipasangkan utama sing mbentuk "balung" saka situs kasebut. Tag pisanan, sing kabeh liyane ditempelake - ... html>. Kabeh ing njaba ora diakoni dening browser minangka kaca web, saenggo mbukak dokumen kasebut lan nutup. Tag iki dibutuhake kanggo kabeh dokumen. Sampeyan uga ngandhut tag sawetara prentah liyane, sing bakal dibahas ing ngisor iki.
Kepala
Nang tag
... head> ngandhut informasi teknis sing ora bakal ditampilake ing kaca, nanging, kuwi bagean penting saka dokumen HTML. Dasar-dasar situs iki dilebokake ing panggonan iki, ing kene pengkodean dipilih lan jeneng kaca kasebut digabung. Ana ing labelLink
Kawruh dasar-dasar HTML uga mbutuhake gaya desain cascading, utawa css. Padha nyetel sifat-sifat unsur sing bakal ditampilake ing kaca kasebut. Pendekatan modern kanggo tugas iki nyakup ciri-ciri kayata werna, dhuwur lan lokasi unsur kasebut, dadi file eksternal kanggo luwih nyaman. Tag digunakake kanggo nyambungake file css. Ing wangun rampung, katon kaya iki: , where href indicates Ing lokasi file, banjur ketik - ing jinisnya.
Awak
Ing bagéan saka dokumèn HTML kasebut katon bagéan saka kaca. Kabeh sing wis rampung ing "awak" bakal ditampilake dening browser. Ing
- - digunakake kanggo milih substring sing gaya khusus sing dijelasake ing css bakal diterapake;
- - nggawe pranala menyang kaca web; Alamat lompat ditemtokake dening atribute href;
- - salah sawijining tag sing paling populer ing wektu kita; Saben uwong sing mutusake sinau dasar HTMLl kudu nduwe perhatian khusus, amarga iku unsur sing adhedhasar blok (blok) sing adhedhasar panggabungan singa sing ana ing situs-situs modern (parameter kanggo pamblokiran sing ana ing css, lan pamblokiran liyane bisa ditemokake ing tag iki);
- milih paragraf saka teks kasebut; Isi paragraf kasebut antarane tag pambuka lan tutup;
- - daftar nomer, elemen sing dilampirake ing pasangan
- tag;
-
- minangka dhaptar sing diluncurake, ing ngendi, uga ing daftar nomer, unsur sing dilambangake tag
- ;
-
-
- header saka dokumen kasebut (nomer sing nuduhake level header, yaiku,
minangka judhul utama, lan versi sabanjure yaiku subheadings, kanthi cara, judul level
,
, Iku uga penting kanggo ngelingi yen ana mung siji
header ing kaca;
- - teks kandel;
- - miring;
-
- nglebokake gambar ing kaca web (iki minangka tag siji, ora perlu tag sing nutup, nanging perlu kanggo nemtokake atribut alt, sing nemtokake teks kanggo gambar);
Iki ora kabeh tag sing dibutuhake kanggo nggawe kaca web sampeyan dhewe, nanging cukup kanggo mbenake pondasi HTML kanggo pemula.
CSS
Pangembangan basa HTML wis nyebabake kasunyatan sing saben tag wis entuk akeh atribut, lan persyaratan kanggo tampilan kaca web wis akeh nambah. Kode dadi cumbersome lan ora nyaman, ora angel maca, ora apa sing bisa diadaptasi utawa diganti. Kajaba iku, yen ana sepuluh kaca ing situs web sampeyan sing duwe pirang-pirang headings sing ditandha ing werna ijo, lan sampeyan kanthi cepet pengin nggawe wong abang, sampeyan kudu ngetokake, ganti saben cara kanthi manual. Kanthi munculé lembar gaya, proses iki dadi prasaja lan logis, lan kode HTML dadi luwih bisa diwaca.
Nglamar CSS
Kanggo nggawe kaca web, sampeyan kudu mangerteni dasar HTML lan CSS, amarga saiki tanpa mangerteni lembar gaya cascading ora ana apa-apa sing kudu dilakoni ing bal. Dheweke nemtokake atribut kanggo sembarang elemen sing ditrapake ing kabeh document. Mangkono, sampeyan bisa nyetel werna bebarengan kanggo kabeh
Kanggo ngubungake file css menyang dokumen, ana tag link. Sedhiline ing ndhuwur, prinsip gunane diandharake, nanging ora mung pilihan sing nggabungake kabeh gaya ing sak panggonan. Ana uga tag