Cara Nggawe Kaca HTML

Yen sampeyan pengin nggawe kaca web sampeyan dhewe, sampeyan kudu duwe pangerten HTML. Artikel iki nerangake carane nggawe kaca HTML. ugi, sampeyan bakal sinau carane nggawe sitemap xml lan carane nambah gambar lan link. Sampeyan uga penting kanggo nggawe sitemap xml, sing bisa mbantu sampeyan ngatur situs lan nambah lalu lintas. Langkah sabanjure yaiku milih cithakan.

Nggawe kaca html

HTML minangka basa markup. Saben unsur kaca web diwakili dening tag. A tag dikenali dening sudhut kurung, lan saben unsur duwe siji utawa luwih tag. Sawetara unsur mung mbutuhake tag siji; liyane bisa uga mbutuhake loro. Tag pambuka lan tutup duwe garis miring maju (/). Tuladhane, unsur paragraf diwakili dening tag p. Teks ing antarane tag pambuka lan panutup yaiku teks paragraf.

Kanggo nggawe dokumen HTML, sampeyan kudu nggunakake editor teks. Umume komputer duwe editor teks kanthi standar. Pangguna Windows bakal nggunakake Internet Explorer, nalika pangguna Mac bisa nggunakake TextEdit. Sampeyan bisa nginstal editor teks sing apik kanggo nggawe kaca web sing katon profesional, nanging kanggo kaca HTML pisanan sampeyan, iku ora perlu. Sampeyan uga bisa nggunakake editor teks prasaja lan browser web apa wae. Yen sampeyan ora yakin program apa sing arep digunakake, coba download editor HTML gratis.

Kaca html nduweni rong bagean utama: awak lan sirah. Bagean awak ngemot isi nyata situs web kasebut, nalika bagean sirah digunakake kanggo judhul lan informasi meta. Awak ngandhut kabeh unsur liyane, kalebu gambar lan grafis liyane. Bagean header minangka panggonan kanggo nyelehake pranala navigasi. Sawise sampeyan rampung nulis awak, sampeyan siyap nglebokake isi dokumen. Priksa manawa sampeyan nggunakake unsur awak lan sirah kanggo mesthekake yen situs web sampeyan bisa diakses kabeh wong.

Nggawe sitemap xml

Yen sampeyan duwe kaca HTML, sampeyan bisa uga pengin nggawe peta situs XML kanggo mbantu mesin telusuran nyusup situs web sampeyan. Sanajan iki ora bakal mengaruhi peringkat telusuran sampeyan, bakal mbantu mesin telusur ngerti isi sampeyan lan nyetel tingkat crawling. cara iki, situs web sampeyan bakal luwih katon ing asil mesin telusuran. Kene sawetara langkah gampang kanggo miwiti:

Nggawe sitemap HTML gampang ditindakake. Sampeyan mung kudu nggawe tabel prasaja saka kaca situs sampeyan, kanthi pranala menyang saben kaca. Banjur pranala menyang kaca sitemap ing header utawa footer. cara iki, ora ketompo carane akeh kaca situs sampeyan duwe, wong bisa gampang navigasi liwat wong. Menapa malih, sampeyan ora kudu ngirim SEO kanggo nggawe sitemap.

Sawise kaca HTML sampeyan urip, ngirim menyang Google Search Console. Sampeyan bisa nggunakake ekstensi file lan jeneng sitemap XML sampeyan. Sampeyan bisa ngirim sitemap XML menyang Google, nanging ora perlu. Crawler Google umume cukup apik kanggo nemokake konten anyar, lan sampeyan ora perlu ngirim sitemap kanggo wong-wong mau. Sampeyan uga bisa ngirim menyang mesin telusur liyane, nanging iki ora njamin yen sampeyan bakal ditemokake dening Google.

Sampeyan ora perlu nambah sitemap XML menyang kaca web sampeyan, nanging bakal nambah SEO situs web sampeyan. Sitemaps digunakake dening mesin telusur kanggo mbantu wong-wong mau ngindeks kaca sing ora langsung disambungake karo kaca web. Peta situs uga mbantu ningkatake aksesibilitas konten media sing sugih. Nambahake peta situs menyang situs web sampeyan bisa mbantu nggawe situs sampeyan luwih gampang diakses dening bot mesin telusuran.

Nambah gambar

Ing HTML, sampeyan bisa nambah gambar menyang kaca kanthi nggunakake tag img. Tag iki mung ngemot gambar lan atribute; iku ora mbutuhake tag nutup. Tag gambar iki kudu dilebokake ing bagean awak dokumen HTML. Saliyane ing jembaré lan dhuwur saka gambar, sampeyan kudu nyakup atribut alt sing nggambarake gambar kasebut. Tag alt kudu ditulis kaya-kaya sampeyan nulis deskripsi kanggo wong sing ora bisa ndeleng.

Nambahake gambar menyang dokumen HTML mbutuhake kawruh CSS lan HTML. Ukuran gambar lan résolusi minangka rong faktor sing paling penting kanggo ditimbang. Ukuran gambar bakal nemtokake carane bakal pas karo isi dokumen. Yen sampeyan luwih seneng nggunakake resolusi utawa rasio aspek sing beda, sampeyan uga bisa nyoba ngowahi ukuran gambar. Nanging, elinga yen skala ora tansah bisa kaya sing dikarepake.

Aturan jempol sing apik kanggo nyetel ukuran gambar yaiku nambah ambane. Jembaré kudu paling sethithik sak piksel luwih cilik tinimbang dhuwuré. Yen gambar cilik banget kanggo ditampilake, sampeyan bisa nambah wates, banjur atur supaya pas karo ukuran gambar. Sampeyan uga bisa nyetel wates gambar kanthi nambahake menyang atribut wates. Kekandelan wates minangka nilai standar, nanging sampeyan bisa nyetel menyang sembarang nilai. Priksa manawa gambar kasebut duwe atribut src.

Nambahake link

Sampeyan bisa nambah link ing HTML menyang dokumen nggunakake a> tag kanthi atribut href. Iki bakal nggawe tetenger kanggo dokumen lan mbukak ing tab anyar. Sampeyan uga bisa nggunakake atribut href kanggo nglebokake gambar menyang dokumen. Sampeyan uga bisa nggunakake link nganggo kode JavaScript kanggo ngowahi tombol HTML dadi link. Sawise sampeyan nindakake iki, sampeyan bisa gaya link karo CSS utawa kode JavaScript.

Link minangka sambungan saka siji sumber web menyang liyane. Iku kasusun saka loro ends, jangkar sumber lan jangkar tujuan. Link bisa apa wae saka gambar menyang file teks. Umume situs jejaring sosial lan situs web nggunakake pranala kanggo ngarahake pangguna menyang URL tartamtu. HTML uga bisa digunakake kanggo nemtokake lokasi link. Iku 'a’ atribut ngidini sampeyan ngubungake unsur kode menyang URL.

Nalika ngrancang link, priksa manawa kanggo nimbang carane pengunjung bakal nggunakake isi. Teks link kudu deskriptif, supaya padha ngerti persis apa sing kudu dikarepake. Pengulangan URL sing padha ora becik kanggo pembaca layar, lan ora menehi informasi migunani. Pembaca layar uga ngandhani pangguna nalika ana tautan kanthi nggawe gaya utawa garis ngisor sing beda. Ing cara iki, dheweke bisa kanthi gampang nemokake informasi sing dibutuhake.

Nambah meja

Nambahake tabel menyang kaca HTML iku prasaja, nanging ana sawetara perkara sing kudu digatekake sadurunge nindakake. Werna latar mburi meja sampeyan penting kanggo narik perhatian pengunjung lan narik kawigaten marang informasi penting. Sampeyan bisa nyetel warna sing beda kanggo unsur header tabel lan unsur data kanthi nggunakake kode warna hex utawa jeneng warna.. Salah sijine dalan, meja sampeyan bakal gampang katon.

Sampeyan bisa nambah header tabel lan data tabel kanthi unsur td, sing nemtokake individu “kothak” kanggo isi. Nambahake header tabel minangka langkah pisanan kanggo nampilake data ing kaca web, lan sampeyan kudu nambah sing pisanan yen sampeyan pengin. Tabel uga kudu duwe telung judhul baris. Siji header kudu kosong. Yen tabel sampeyan duwe kolom, sampeyan uga kudu nggawe header baris kanggo saben kolom.

Sampeyan uga bisa nambah caption ing meja. Katrangan minangka unsur opsional sing nggambarake tujuan tabel. Katrangan uga migunani kanggo aksesibilitas. Tabel uga bisa ngemot sel sing nggambarake klompok data. Akhire, sampeyan bisa nambah unsur thead kanggo nemtokake sakumpulan baris lan kolom. Sampeyan bisa nggunakake loro unsur bebarengan utawa kapisah. Sampeyan bisa malah nggunakake ing kombinasi, tapi caption iku sing paling penting.

Nambahake div

Nambahake div menyang file HTML ngidini sampeyan nambah bagean kaca web sampeyan tanpa nulis maneh kabeh kaca.. Unsur div minangka wadhah khusus kanggo teks, gambar, lan unsur liyane. Sampeyan bisa menehi jeneng apa wae sing disenengi lan ngganti atribut sing cocog karo kabutuhan. Sampeyan uga bisa nambah kelas utawa margin kanggo nggawe spasi ing antarane div lan unsur liyane ing kaca sampeyan.

Sampeyan uga bisa nggunakake atribut innerHTML kanggo masang kode ing div. Cara iki nampa kode terlampir ing senar, lan yen ora ana ing div, isi bakal dibusak. Sampeyan kudu ora nglebokake kode menyang div kanthi cara iki, amarga bisa mbukak situs web sampeyan menyang kerentanan skrip lintas situs. Yen sampeyan nggunakake basa skrip kayata JavaScript, sampeyan bisa nggunakake atribut innerHTML.

A div minangka tag HTML dhasar sing digunakake kanggo klompok kode ing dokumen. Bisa ngemot paragraf, kutipan blok, gambar, audio, utawa malah header. Posisi kasebut ngidini sampeyan ngetrapake gaya lan basa sing seragam ing macem-macem bagean ing sawijining kaca. Divs paling apik digunakake kanggo menehi tandha semantik sing umum kanggo klompok unsur sing berturut-turut. Div kudu digunakake yen sampeyan pengin nambah gaya menyang bagean tanpa kudu nulis ulang kabeh kaca.