Upami anjeun hoyong ngadamel halaman wéb anjeun nyalira, anjeun kudu boga pamahaman HTML. This article explains how to create an HTML page. oge, anjeun bakal diajar kumaha carana nyieun hiji sitemap XML na kumaha carana nambahkeun gambar na link. Éta ogé penting pikeun nyieun hiji sitemap XML, anu tiasa ngabantosan anjeun ngatur situs anjeun sareng ningkatkeun lalu lintas anjeun. Lengkah saterusna nyaeta milih template.
Creating a html page
HTML mangrupikeun basa markup. Unggal unsur halaman wéb diwakilan ku tag. A tag dicirikeun ku kurung sudut, sarta unggal unsur boga hiji atawa leuwih tag. Sababaraha elemen ngan merlukeun hiji tag; batur bisa merlukeun dua. Tag bubuka sareng panutupna ngagaduhan garis miring ka hareup (/). Salaku conto, unsur paragraf digambarkeun ku tag p. Téks antara tag bubuka sareng panutup nyaéta téks paragraf.
Pikeun nyieun hiji dokumen HTML, anjeun kedah nganggo pangropéa téksu. Seueur komputer gaduh pangropéa téksu sacara standar. Pamaké Windows bakal nganggo Internet Explorer, sedengkeun pamaké Mac tiasa nganggo TextEdit. Anjeun tiasa masang pangropéa téksu anu saé pikeun nyiptakeun halaman wéb anu katingali profésional, tapi pikeun kaca HTML munggaran anjeun, éta teu perlu. Anjeun ogé tiasa nganggo pangropéa téksu saderhana sareng browser wéb naon waé. Upami anjeun henteu yakin kana program mana anu dianggo, coba unduh éditor HTML gratis.
Kaca html boga dua bagian utama: awak jeung sirah. Bagian awak ngandung eusi sabenerna website, sedengkeun bagian sirah dipaké pikeun judul jeung meta informasi. Awak ngandung sakabéh elemen séjén, kaasup gambar jeung grafik séjén. Bagian lulugu mangrupikeun tempat pikeun nempatkeun tautan navigasi anjeun. Sanggeus réngsé nulis awak, anjeun siap nyelapkeun eusi dokumén. Pastikeun ngagunakeun elemen awak sareng sirah pikeun mastikeun yén halaman wéb anjeun tiasa diaksés ku sadayana.
Creating a xml sitemap
If you have an HTML page, Anjeun meureun hoyong nyieun hiji sitemap XML pikeun mantuan mesin pencari ngorondang ramatloka anjeun. Sanajan ieu moal mangaruhan rankings pilarian Anjeun, éta bakal ngabantosan mesin pencari ngartos eusi anjeun sareng nyaluyukeun laju ngorondangna. Jalan dieu, ramatloka anjeun bakal leuwih katingali dina hasil search engine. Ieu sababaraha léngkah anu gampang pikeun ngamimitian:
Nyieun hiji sitemap HTML téh gampang pikeun ngalakukeun. Sadaya anu anjeun kedah laksanakeun nyaéta ngadamel tabel saderhana halaman situs anjeun, kalawan tumbu ka unggal kaca. Lajeng numbu ka éta kaca sitemap dina lulugu atawa footer. Jalan dieu, euweuh urusan sabaraha kaca situs anjeun boga, jalma bisa kalayan gampang napigasi ngaliwatan aranjeunna. Sumawona, anjeun teu kudu ngalebetkeun hiji SEO pikeun nyieun sitemap a.
Sakali halaman HTML anjeun hirup, kirimkeun ka Google Search Console. Anjeun tiasa nganggo ekstensi file sareng nami sitemap XML anjeun. Anjeun tiasa ngalebetkeun peta situs XML ka Google, tapi teu perlu. The crawlers of Google umumna geulis alus dina manggihan eusi anyar, jeung anjeun teu kedah ngalebetkeun sitemap ka aranjeunna. Anjeun ogé tiasa ngalebetkeun kana mesin pencari sanés, tapi ieu teu ngajamin yén anjeun bakal kapanggih ku Google.
Henteu kedah nambihan peta situs XML kana halaman wéb anjeun, tapi bakal ningkatkeun SEO ramatloka anjeun. Sitemaps dipaké ku mesin pencari pikeun mantuan aranjeunna kaca indéks nu teu langsung numbu ka hiji kaca web. Sitemaps ogé mantuan ngaronjatkeun diakses eusi média euyeub. Nambahkeun peta situs ka halaman wéb anjeun tiasa ngabantosan situs anjeun langkung diaksés ku bot mesin pencari.
Adding a picture
In HTML, Anjeun tiasa nambihan gambar kana halaman nganggo tag img. Tag ieu ngan ukur ngandung gambar sareng atributna; teu merlukeun tag nutup. Tag gambar ieu kedah diselapkeun dina bagian awak dokumen HTML. Sajaba ti lebar jeung jangkungna gambar, Anjeun kudu ngawengku hiji atribut alt ngajéntrékeun gambar. Tag alt kudu ditulis saolah-olah anjeun nulis pedaran pikeun jalma anu teu bisa ningali eta.
Nambahkeun gambar kana dokumen HTML merlukeun saeutik CSS jeung pangaweruh HTML. Ukuran gambar sareng résolusi mangrupikeun dua faktor anu paling penting pikeun dipertimbangkeun. Ukuran gambar bakal nangtukeun kumaha éta bakal pas dina eusi dokumen. Upami anjeun langkung resep ngagunakeun résolusi atanapi rasio aspék anu béda, anjeun ogé tiasa nyobian ngatur ukuran gambar. Sanajan kitu, inget yen skala teu salawasna jalan sakumaha nyangka.
Aturan jempol anu hadé pikeun nyaluyukeun ukuran gambar nyaéta ningkatkeun lebarna. Lebar kudu sahenteuna hiji piksel leuwih leutik batan jangkungna. Lamun gambar leutik teuing pikeun nembongkeun, Anjeun tiasa nambahkeun wates, teras saluyukeun supados pas sareng ukuran gambar. Anjeun oge bisa nyaluyukeun wates hiji gambar ku nambahkeun kana atribut wates. Ketebalan wates mangrupikeun nilai standar, tapi anjeun tiasa nyetél éta kana nilai naon waé. Pastikeun yén gambar boga atribut src.
Adding a link
You can add a link in HTML to your document using an a> tag sareng atribut href. Ieu bakal nyiptakeun téténggér pikeun dokumén sareng mukana dina tab énggal. Anjeun ogé tiasa nganggo atribut href pikeun nyelapkeun gambar kana dokumen éta. Anjeun oge bisa make link jeung kode JavaScript pikeun ngarobah hiji tombol HTML kana link. Sakali anjeun geus rengse ieu, Anjeun tiasa gaya link anjeun kalawan CSS atawa kode JavaScript.
Tautan mangrupikeun sambungan tina hiji sumber wéb ka anu sanés. Ieu diwangun ku dua tungtung, jangkar sumber sareng jangkar tujuan. Link tiasa nanaon tina gambar ka file téks. Seuseueurna situs jejaring sosial sareng situs wéb nganggo tautan pikeun ngarahkeun pangguna ka URL khusus. HTML ogé bisa dipaké pikeun nangtukeun lokasi link. Nya 'a’ atribut ngidinan Anjeun pikeun numbu elemen kode ka URL.
Nalika ngarancang tautan, pastikeun mertimbangkeun kumaha datang anjeun bakal ngagunakeun eusi. Link téks kedah deskriptif, ambéh maranéhanana baris nyaho kahayang maranéhna kudu nyangka. Pengulangan URL anu sami awon pikeun pamiarsa layar, sarta teu masihan aranjeunna informasi mangpaat. Pamiarsa layar ogé nyarioskeun ka pangguna nalika aya tautan ku cara ngajantenkeun gaya atanapi digariskeun béda. Kucara kieu, aranjeunna tiasa kalayan gampang mendakan inpormasi anu diperyogikeun.
Adding a table
Adding a table to an HTML page is simple, tapi aya sababaraha hal nu kudu mertimbangkeun saméméh anjeun ngalakukeun eta. Warna latar méja anjeun penting pisan pikeun narik perhatian sémah anjeun sareng ngagambar perhatian kana inpormasi anu penting. Anjeun tiasa nyetél warna anu béda pikeun unsur lulugu tabel sareng unsur data nganggo kode warna hex atanapi nami warna.. Jalan anu mana waé, méja anjeun bakal gampang katingali.
Anjeun tiasa nambahkeun lulugu tabel sarta data tabel kalawan unsur td, nu ngahartikeun individu “kotak-kotak” pikeun eusi. Nambahkeun lulugu tabel nyaéta léngkah munggaran pikeun mintonkeun data dina halaman wéb, sareng anjeun kedah nambihan anu munggaran upami anjeun hoyong. Méja ogé kedah gaduh tilu judul baris. Hiji lulugu kedah kosong. Lamun tabel anjeun boga kolom, Anjeun oge kudu nyieun lulugu baris pikeun tiap kolom.
Anjeun oge bisa nambahkeun captions kana méja anjeun. Caption mangrupa unsur pilihan anu ngajelaskeun tujuan tabel. Captions ogé mantuan pikeun diakses. tabél ogé bisa ngandung sél ngajéntrékeun grup data. Tungtungna, Anjeun tiasa nambahkeun unsur tead pikeun nangtukeun susunan baris jeung kolom. Anjeun tiasa make duanana elemen babarengan atawa misah. Anjeun malah bisa make eta dina kombinasi, tapi caption anu paling penting.
Adding a div
Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Unsur div mangrupakeun wadah husus pikeun téks, gambar, jeung elemen séjén. Anjeun tiasa ngaranan naon waé anu anjeun pikahoyong sareng ngarobih atributna pikeun nyocogkeun ka kabutuhan anjeun. Anjeun oge bisa nambahkeun kelas atawa margin nyieun spasi antara div jeung elemen séjén dina kaca anjeun.
Anjeun ogé tiasa nganggo atribut innerHTML pikeun nyelapkeun kode dina div. Metoda ieu narima kode enclosed dina string, jeung lamun teu aya dina div nu, eusina bakal dipupus. Anjeun kedah ulah aya inserting kode kana div cara kieu, sabab tiasa ngalaan halaman wéb anjeun kana kerentanan skrip cross-situs. Upami anjeun nganggo basa skrip sapertos JavaScript, anjeun tiasa nganggo atribut innerHTML.
A div mangrupakeun tag HTML dasar dipaké pikeun kode grup dina hiji dokumen. Bisa ngandung hiji paragraf, cutatan blok, gambar, audio, atawa malah lulugu. Posisina ngamungkinkeun anjeun pikeun nerapkeun gaya sareng basa anu seragam ka bagian anu béda dina halaman. Divs anu pangalusna dipaké pikeun nyirian up semantik nu umum pikeun grup elemen padeukeut. Div kedah dianggo nalika anjeun hoyong nambihan gaya kana bagian tanpa kedah nyerat deui sadayana halaman.