Cara Nggawe Situs Web Mung Sawetara Jam

Nggawe situs web ora kudu angel. Ing artikel iki, kita bakal lumaku liwat dhasar nggawe kaca html lan carane nggawe dhaptar mini-kalebu. Sabanjure, kita bakal ngrembug carane nggunakake html>-tag kanggo nyorot teks. wekasane, kita bakal nuduhake sampeyan carane nggawe situs web mung sawetara jam. Kita uga bakal nutupi sawetara teknik migunani liyane.

Nggawe kaca html

HTML minangka basa sing digunakake kanggo mbangun kaca web. Iki nemtokake struktur kaca web lan CSS ngontrol carane konten ditampilake. Ora angel nggawe kaca HTML dhasar. Mangkene pandhuan langkah-langkah kanggo miwiti. Sawise sampeyan duwe kaca HTML dhasar, sampeyan siyap nggawe sing luwih rumit lan dinamis. Kanggo miwiti, sampeyan butuh editor teks lan browser web.

Sampeyan uga bisa nggunakake prosesor tembung kaya MS Word kanggo nggawe konten kanggo kaca web sampeyan. Sampeyan bisa nggunakake hyperlink kanggo nyambungake teks siji liyane. Sampeyan uga bisa nyimpen file kasebut minangka file html, kaca web. Cara iki dianggo kanthi apik, nanging kaca sing digawe kanthi cara iki gedhe banget lan ora katon apik ing jendhela browser. Siji-sijine kekurangan kanggo metode iki yaiku sampeyan kudu sinau nggunakake alat sing kasedhiya.

HTML minangka basa markup, tegese sampeyan kudu nyakup tag supaya bisa ngowahi format konten ing kaca kasebut. Saben tag makili salah sawijining unsur kaca. A tag dikenali dening kurung amba. Sawetara unsur mung mbutuhake tag siji, dene liyane mbutuhake loro. Tag penutup ngemot garis miring maju. Tuladhane, tag paragraf nggawe unsur sing disebut paragraf. Teks ing antarane tag pambuka lan panutup minangka teks paragraf. Semono uga, tag ul nggawe dhaptar unordered.

Nggawe dhaptar mini-kalebu

Nggawe bagean mini-kalebu minangka cara sing efektif kanggo ngubungake macem-macem unsur ing kaca web sing padha. Kaca HTML bisa dipérang dadi sawetara sub-bagéan, kanthi saben bagean ngemot dhaptar unsur. Unsur kasebut nduweni tujuan sing beda. Sampeyan bisa nggunakake atribut type kanggo nampilake urutan abjad. Sampeyan uga bisa nggunakake huruf cilik kanggo nggawe dhaptar unsur kanthi huruf a, b, utawa c.

Nambahake unsur gampang. Dokumen HTML sing prasaja ngemot tag sing nemtokake isine. Tag iki biasane teka ing pasangan. Tag pambuka digunakake kanggo dhaptar unsur ing njero, nalika tag nutup nutup unsur. Tag pambuka, utawa sirah, kalebu informasi deskriptif babagan dokumen kasebut. Informasi iki bisa uga kalebu judhul, informasi gaya sheet, naskah, utawa informasi meta. Tag penutup, ing sisih liyane, nutup unsur.

Nggunakake html>-tag

html>-tag digunakake kanggo nemtokake area isi utama dokumen HTML. Wilayah isi utama kalebu teks sing ana gandhengane karo topik utama utawa fungsi kaca. Iku kudu unik saka isi liyane ing situs. Isi liyane bisa uga katon ing kaca ing wangun sidebars, pranala pandhu arah, informasi hak cipta, logo situs, lan formulir telusuran. Kaca HTML kudu ngetutake html>-tag kanggo dianggep minangka kaca HTML.

Atribut href= mbukak unsur link. Sawise ing “=” tandha, sampeyan kudu nempel URL link kasebut. Sampeyan uga bisa nggunakake sawetara baris paragraf ing siji judhul. Krenjang nutup iku kudu. Iki bakal nyegah pranala sampeyan supaya ora disalahake. Kanggo nggawe kaca html luwih gampang diwaca, nambah link menyang situs web sampeyan. html>-tag bakal ngidini sampeyan nambah pranala sing ngarah menyang kaca web liyane.

File HTML bakal duwe ekstensi a.html sing bakal ngandhani komputer sampeyan iku file HTML. Luwih becik nggunakake tanda hubung tinimbang spasi, amarga spasi bakal nyegah browser web nemokake file kasebut. Sawise sampeyan wis rampung nggawe kaca HTML, sampeyan kudu nyimpen. Sabanjure, navigasi menyang folder karo file HTML banjur klik-tengen. Iku kudu katon padha karo gambar ing ngisor iki.

Nggunakake html>-tag kanggo nyorot teks

Sampeyan bisa nggunakake tandha> tag kanggo nyorot teks ing dokumen HTML. Iku HTML sing relatif anyar 5 fitur, lan nemtokake bagean sing disorot saka paragraf. Tandha> tag dianggo kanthi ngganti properti latar mburi-werna saka dokumen HTML ndasari. Tandha> tag ndhukung Atribut Global lan Acara. Bakal nyorot teks kanthi warna kuning utawa ireng. Sampeyan uga bisa ngganti warna teks ing file CSS sing ndasari.

Umume pamaca layar ora ngumumake unsur tandha, nanging sampeyan bisa nggunakake properti isi CSS utawa.sadurunge lan.sawise pseudo-elemen kanggo nggawe jelas teks sing pengin disorot.. Pengumuman verbose lan nambah informasi sing ora perlu menyang kaca, supaya sampeyan kudu nggunakake sparingly. Tuladhane, sampeyan bisa nggunakake woro-woro kanggo nyorot istilah panelusuran utawa kuotasi blok. Pengumuman didhukung dening kabeh browser utama.

Saliyane gaya werna latar mburi, sampeyan bisa nggunakake 'highlightme’ kelas kanggo nyorot teks ing dokumen HTML sampeyan. Gaya werna latar mburi didhukung dening kabeh browser. Sampeyan uga bisa nggunakake tembung 'kuning’ tinimbang kode werna. Sampeyan bisa nggunakake kode sing padha kanggo nyorot paragraf utawa bagean teks. Sampeyan uga bisa nggunakake kelas CSS kanggo nyorot teks.

Nggunakake html>-tag kanggo nggawe dhaptar mini-kalebu

html>-tag digunakake kanggo nggawe dhaptar mini-kalebu. Isine tag penutup sing cocog lan jeneng unsur kasebut yaiku huruf cilik. Dokumen HTML dienkode nggunakake enkoding karakter UTF-8, sing ndhukung inklusi karakter Unicode. Nalika nggunakake html>-tag, dadi manawa kanggo milih UTF-8 ing “nyimpen-minangka” kothak dialog.

Nggunakake html>-tag kanggo nambah dhaptar mini-kalebu menyang kaca HTML iku gampang. Sampeyan bisa nggunakake tag iki kanggo sembarang unsur sing ndhukung dhaftar unordered. Sampeyan bisa uga nggunakake dhaptar unordered kanggo menu navigasi. Unsur dl nyakup dhaptar pasangan istilah lan deskripsi. Item ing dhaptar dhawuh ditampilake kanthi counter escalating ing sisih kiwa. Sampeyan uga bisa ngilangi unsur dl yen item dhaptar langsung diterusake karo unsur liyane.

Cara liya kanggo nglebokake dhaptar mini-kalebu yaiku nambahake unsur footer ing dokumen HTML. Unsur iki nuduhake footer saka isi bagean paling cedhak. Biasane ngemot informasi babagan penulis, data hak cipta, utawa pranala menyang dokumen sing gegandhengan. Nggunakake html>-tag kanggo nggawe dhaptar mini-kalebu ing kaca HTML

Nggunakake html>-tag kanggo nyorot blok teks individu

HTML5 nyorot blok teks individu kanthi tandha> unsur. Tag HTML5 iki ngganti werna isi ing sumber menyang werna kuning utawa ireng tartamtu, ngidini pamaca mbedakake teks penting. Uga bisa digunakake kanggo nunjukake bagean isi sing mbutuhake perhatian luwih akeh tinimbang teks liyane. Tandha> unsur ndhukung Atribut Global lan Atribut Acara ing HTML. Nalika digunakake kanthi bener, tag HTML5 iki bisa nambah readability saka kaca web.

Standar HTML4 ora nggunakake tag tingkat karakter gaya fisik. Padha menehi hasil karo presentation, lan luwih becik nggunakake CSS kanggo tujuan kasebut. HTML5 wis ngenalake maneh. Padha ora ana maneh deprecated, nanging isih ora siji-sijine cara kanggo nyorot blok teks individu. Gunakake CSS kanggo nyorot blok teks kanthi HTML5! Cara prasaja iki bakal nyorot blok teks individu ing sawijining isi.

ngambang: Sampeyan bisa nggunakake properti CSS iki kanggo ngambang unsur ing pojok kiwa utawa tengen saka unsur ngemot. Bisa digunakake kanggo nggawe kothak utawa kolom. Sampeyan uga bisa nggunakake properti CSS sing diarani float kanggo ngambang iframe utawa gambar ing pinggir kiwa utawa tengen browser. Atribut kasebut nggawe luwih gampang nyorot blok individu nganggo CSS.