Maitiro ekugadzira webhusaiti mune maawa mashoma

Kugadzira webhusaiti hakufanirwe kuve kwakaoma. Muchinyorwa chino, isu tichafamba kuburikidza nekutanga kweiyo html peji kugadzira uye maitiro ekugadzira mini-inosanganisira rondedzero. Next, tichakurukura maitiro ekushandisa html>-tag kuratidza mavara. Pakupedzisira, isu tinokuratidza maitiro ekugadzira webhusaiti mumaawa mashoma. Tichavharawo mamwe mashoma anobatsira maitiro.

Kugadzira peji rehtml

HTML ndiwo mutauro unoshandiswa kugadzira mapeji ewebhu. Inotsanangura chimiro chewebhu peji uye CSS inodzora kuti zvirimo zvinoratidzwa sei. Hazvina kuoma kugadzira yakakosha HTML peji. Heino nhanho-ne-nhanho gwara rekutanga. Paunenge uchinge uine yekutanga HTML peji, wakagadzirira kugadzira zvimwe zvakaoma uye zvine simba. Kutanga, iwe unozoda text editor uye web browser.

Iwe unogona zvakare kushandisa izwi processor seMS Word kugadzira zvirimo zvewebhu peji rako. Unogona kushandisa hyperlink kubatanidza mavara kune mumwe nemumwe. Iwe unogona zvakare kuchengetedza iyo faira se html faira, peji rewebhu. Iyi nzira inoshanda zvakanaka, asi mapeji aunogadzira nenzira iyi akakura uye haataridzike zvakanaka mubrowser hwindo. Iyo chete yakaderera kune iyi nzira ndeyekuti iwe unofanirwa kudzidza kushandisa zvishandiso zviripo.

HTML mutauro wekumaka, zvinoreva kuti iwe unofanirwa kuisa ma tag kuitira kuti ugadzire zviri papeji. Tegi yega yega inomiririra chimwe chezvinhu zvepeji. Tag inoziviswa nekona bracket. Zvimwe zvinhu zvinoda tag imwe chete, nepo vamwe vachida maviri. Tagi yekuvhara ine kupfura kwemberi. Semuyenzaniso, iyo paragraph tag inogadzira chinhu chinonzi ndima. Mavara ari pakati pematagi ekuvhura neavhara anoumba ndima yendima. Saizvozvowo, iyo ul tag inogadzira rondedzero isina kurongeka.

Kugadzira mini-inosanganisira rondedzero

Kugadzira mini-inosanganisira chikamu inzira inoshanda yekubatanidza zvinhu zvakasiyana pane imwechete peji rewebhu. Peji yeHTML inogona kukamurwa kuita akati wandei-zvikamu, nechikamu chimwe nechimwe chine runyoro rwezvinhu. Zvinhu izvi zvinoshanda zvinangwa zvakasiyana. Unogona kushandisa chimiro chemhando kuratidza kurongeka kwealfabheti. Unogonawo kushandisa mavara madiki kugadzira runyoro rwezvinhu zvine mavara a, b, kana c.

Kuwedzera chinhu chiri nyore. Gwaro rakareruka reHTML rine ma tag anotsanangura zvirimo. Aya ma tag anowanzo kuuya ari maviri. Tag yekuvhura inoshandiswa kunyora zvinhu zviri mukati maro, nepo tegi yekuvhara ichivhara chinhu. Tag yekuvhura, kana musoro, inosanganisira mashoko anotsanangura pamusoro pegwaro racho. Ruzivo urwu runogona kusanganisira zita, style sheet ruzivo, zvinyorwa, kana ruzivo rwemeta. Tag yekuvhara, pane rimwe divi, inovhara chinhu.

Kushandisa html>-tag

The html>-tag inoshandiswa kutsanangura iyo huru yemukati nzvimbo yegwaro reHTML. Nzvimbo huru yemukati ine zvinyorwa zvine chekuita nemusoro wenyaya kana kushanda kwepeji. Inofanira kunge yakasiyana kubva kune zvimwe zviri pasaiti. Zvimwe zvirimo zvinogona kuoneka papeji iri muchimiro chemasidebars, navigation links, copyright ruzivo, nzvimbo logos, uye mafomu ekutsvaga. Peji yeHTML inofanirwa kutevera html>-tag kuti ionekwe se HTML peji.

The href= attribute inovhura link element. Mushure me “=” sign, iwe unofanirwa kuisa iyo URL yeiyi link. Iwe unogona zvakare kushandisa mitsetse yendima yakawanda mumusoro mumwe. Iyo yekuvhara bracket inofanirwa. Izvi zvinodzivirira zvinongedzo zvako kubva pakududzirwa zvisizvo. Kuita kuti html peji rive nyore kuverenga, wedzera chinongedzo kune yako webhusaiti. The html>-tag ichakubvumidza iwe kuwedzera zvinongedzo zvinonongedza kune imwe peji rewebhu.

Iyo HTML faira ichava ne.html yekuwedzera iyo inoudza komputa yako kuti iHTML faira. Zvakanakisa kushandisa hyphen pane nzvimbo, sezvo nzvimbo dzichadzivirira web browser kubva pakutsvaga faira. Kana wapedza kugadzira HTML peji, unofanira kurichengeta. Next, famba uchienda kuforodha ine HTML faira uye tinya-kurudyi pairi. Inofanira kutaridzika zvakafanana neiyo skrini pazasi.

Kushandisa html>-tag kuratidza mavara

Unogona kushandisa chiratidzo> tag kuratidza mavara muHTML zvinyorwa. Iyo ichangoburwa HTML 5 feature, uye inotsanangura chikamu chakasimbiswa chendima. Mucherechedzo> tag inoshanda nekushandura iyo yekumashure-ruvara pfuma yeyakadzika HTML gwaro. Mucherechedzo> tag inotsigira ese Global uye Chiitiko Attributes. Icharatidza mavara eyero kana nhema. Izvo zvakare zvinogoneka kushandura ruvara rwemavara mune iri pasi peCSS faira.

Vazhinji vanoverenga skrini havazivise icho chiratidzo, asi unogona kushandisa CSS content property kana.before and.after pseudo-elements kuti zvive pachena kuti ndezvipi zvinyorwa zvaungada kuratidza.. Zviziviso zvine verbose uye wedzera ruzivo rusina basa kune peji, saka unofanira kuzvishandisa zvishoma. Semuyenzaniso, unogona kushandisa zviziviso kuratidza izwi rekutsvaga kana kuvharira makotesheni. Zviziviso zvinotsigirwa nemabhurawuza makuru ese.

Mukuwedzera kune kumashure-mavara maitiro, unogona kushandisa 'highlightme’ kirasi kuratidza zvinyorwa mugwaro rako reHTML. Iyo yekumashure-ruvara maitiro inotsigirwa nemabhurawuza ese. Iwe unogona zvakare kushandisa izwi rekuti 'yellow’ panzvimbo yekodhi yemavara. Unogona kushandisa kodhi imwechete kuratidza ndima kana chikamu chemavara. Iwe unogona zvakare kushandisa makirasi eCSS kuratidza mavara.

Kushandisa html>-tag kugadzira mini-inosanganisira rondedzero

The html>-tag inoshandiswa kugadzira runyorwa rwe mini-inosanganisira. Iyo ine teki yekuvhara inoenderana uye zita rechinhu nderemavara madiki. Zvinyorwa zveHTML zvakavharwa uchishandisa UTF-8 character encoding, iyo inotsigira kubatanidzwa kweiyo Unicode mavara. Paunenge uchishandisa iyo html>-tag, iva nechokwadi chekusarudza UTF-8 mu “save-as” dialog box.

Kushandisa html>-tag yekuwedzera mini-inosanganisira rondedzero kune HTML peji iri nyore. Unogona kushandisa iyi tag kune chero chinhu chinotsigira isina kurongeka runyorwa. Unogona kushandisa rondedzero isina kurongeka yemenyu yekufambisa. Iyo dl element inovhara rondedzero yematemu ematemu uye tsananguro. Zvinhu zviri muhurongwa hwakarongeka zvinoratidzwa nekaunda inokwira kuruboshwe. Iwe unogona zvakare kusiya iyo dl element kana icho chinyorwa chikateverwa nechimwe chinhu.

Imwe nzira yekuisa mini-inosanganisira rondedzero ndeyekuwedzera chinhu chepasi mugwaro reHTML. Chinhu ichi chinomiririra kuzasi kwechikamu chiri pedyo. Kazhinji ine ruzivo nezvemunyori, copyright data, kana zvinongedzo kune magwaro ane hukama. Kushandisa html>-tag kugadzira mini-inosanganisira rondedzero pane HTML peji

Kushandisa html>-tag kuratidza ega mavara mabhuroko

HTML5 inosimbisa zvinyorwa zvega zvega zvine mucherechedzo> element. Iyi HTML5 tag inoshandura ruvara rwezvirimo mutsime kune mumwe mumvuri weyero kana mutema, zvichibvumira muverengi kusiyanisa zvinyorwa zvakakosha. Inogona zvakare kushandiswa kuratidza zvikamu zvemukati zvinoda kutariswa zvakanyanya kupfuura zvimwe zvinyorwa. Mucherechedzo> element inotsigira Global Attributes uye Chiitiko Attributes muHTML. Kana yashandiswa nemazvo, iyi HTML5 tag inogona kuwedzera kuverenga kwewebhu peji.

Iyo HTML4 yakajairwa inodzikisira ma tag echimiro chechimiro chechimiro. Vanobata nemharidzo, uye zviri nani kushandisa CSS kune izvi zvinangwa. HTML5 yakavaunza zvakare. Havasisina basa, asi havasati vari ivo chete nzira yekusimbisa ega zvinyorwa zvinyorwa. Shandisa CSS kuratidza mabhuraki ega ega ezvinyorwa neHTML5! Iyi nzira iri nyore icharatidza ega ega zvinyorwa mukati mechidimbu chemukati.

Float: Iwe unogona kushandisa ichi CSS chivakwa kuti uyangamire chinhu kuruboshwe kana kurudyi kumucheto kweine chinhu. Inogona kushandiswa kugadzira grid kana makoramu. Iwe unogona zvakare kushandisa CSS pfuma inonzi float kuyangarara iframe kana mufananidzo kuruboshwe kana kurudyi kumucheto kwebrowser.. Aya hunhu anoita kuti zvive nyore kuratidza mabhuroko ega neCSS.