Kung nais mong lumikha ng iyong sariling web page, Dapat kang magkaroon ng pag -unawa sa HTML. This article explains how to create an HTML page. Din, Malalaman mo kung paano lumikha ng isang XML sitemap at kung paano magdagdag ng isang larawan at link. Mahalaga rin na lumikha ng isang XML sitemap, na makakatulong sa iyo na ayusin ang iyong site at dagdagan ang iyong trapiko. Ang susunod na hakbang ay ang pumili ng isang template.
Creating a html page
Ang HTML ay isang wikang markup. Ang bawat elemento ng isang web page ay kinakatawan ng isang tag. Ang isang tag ay nakilala ng mga bracket ng anggulo, At ang bawat elemento ay may isa o higit pang mga tag. Ang ilang mga elemento ay nangangailangan lamang ng isang tag; Ang iba ay maaaring mangailangan ng dalawa. Ang pagbubukas at pagsasara ng mga tag ay may isang pasulong na slash (/). Halimbawa, Ang elemento ng talata ay kinakatawan ng P tag. Ang teksto sa pagitan ng pagbubukas at pagsasara ng mga tag ay ang teksto ng talata.
Upang lumikha ng isang dokumento na HTML, Kailangan mong gumamit ng isang text editor. Karamihan sa mga computer ay may isang text editor bilang default. Gumagamit ang mga gumagamit ng Windows ng Internet Explorer, habang ang mga gumagamit ng MAC ay maaaring gumamit ng Textedit. Maaari kang mag-install ng isang magarbong editor ng teksto upang lumikha ng isang webpage na mukhang propesyonal, Ngunit para sa iyong unang pahina ng HTML, Hindi ito kinakailangan. Maaari ka ring gumamit ng isang simpleng text editor at anumang web browser. Kung hindi ka sigurado kung aling programa ang gagamitin, Subukang mag -download ng isang libreng editor ng HTML.
Ang pahina ng HTML ay may dalawang pangunahing seksyon: ang katawan at ang ulo. Ang seksyon ng katawan ay naglalaman ng aktwal na nilalaman ng website, Habang ang seksyon ng ulo ay ginagamit para sa impormasyon ng pamagat at meta. Ang katawan ay naglalaman ng lahat ng iba pang mga elemento, kabilang ang mga imahe at iba pang mga graphics. Ang seksyon ng header ay ang lugar upang mailagay ang iyong mga link sa nabigasyon. Matapos mong matapos ang pagsusulat ng katawan, Handa ka nang ipasok ang nilalaman ng dokumento. Siguraduhing gamitin ang mga elemento ng katawan at ulo upang matiyak na ang iyong website ay maa -access sa lahat.
Creating a xml sitemap
If you have an HTML page, Maaaring nais mong lumikha ng isang XML sitemap upang matulungan ang mga search engine na gumapang sa iyong website. Bagaman hindi ito makakaapekto sa iyong mga ranggo sa paghahanap, Makakatulong ito sa mga search engine na maunawaan ang iyong nilalaman at ayusin ang kanilang rate ng pag -crawl. Sa ganitong paraan, Ang iyong website ay mas nakikita sa mga resulta ng search engine. Narito ang ilang mga madaling hakbang upang makapagsimula:
Ang paglikha ng isang HTML sitemap ay madaling gawin. Ang kailangan mo lang gawin ay gumawa ng isang simpleng talahanayan ng mga pahina ng iyong site, na may mga link sa bawat pahina. Pagkatapos ay mag -link sa pahina ng sitemap na iyon sa header o footer. Sa ganitong paraan, Hindi mahalaga kung gaano karaming mga pahina ang mayroon ng iyong site, Ang mga tao ay madaling mag -navigate sa kanila. Bukod dito, Hindi mo na kailangang magsumite ng isang SEO upang lumikha ng isang sitemap.
Kapag ang iyong pahina ng HTML ay live, Isumite ito sa Google Search Console. Maaari kang gumamit ng anumang extension ng file at pangalanan ang iyong XML sitemap. Maaari mong isumite ang XML sitemap sa Google, Ngunit hindi ito kinakailangan. Ang mga crawler ng Google ay karaniwang maganda sa pagtuklas ng mga bagong nilalaman, At hindi mo na kailangang magsumite ng isang sitemap sa kanila. Maaari mo ring isumite ito sa iba pang mga search engine, Ngunit hindi nito ginagarantiyahan na matutuklasan ka ng Google.
Hindi kinakailangan upang magdagdag ng isang XML sitemap sa iyong web page, Ngunit tataas nito ang SEO ng iyong website. Ang mga sitemaps ay ginagamit ng mga search engine upang matulungan silang mag -index ng mga pahina na hindi direktang naka -link sa pamamagitan ng isang web page. Tumutulong din ang mga Sitemaps na mapabuti ang pag -access ng mayaman na nilalaman ng media. Ang pagdaragdag ng isang sitemap sa iyong website ay makakatulong na gawing mas naa -access ang iyong site sa mga bot ng search engine.
Adding a picture
In HTML, Maaari kang magdagdag ng isang imahe sa isang pahina sa pamamagitan ng paggamit ng IMG tag. Ang tag na ito ay naglalaman lamang ng imahe at mga katangian nito; Hindi ito nangangailangan ng isang pagsasara ng tag. Ang tag ng imahe na ito ay dapat na maipasok sa loob ng seksyon ng katawan ng dokumento ng HTML. Bilang karagdagan sa lapad at taas ng larawan, Dapat mong isama ang isang katangian ng alt na naglalarawan ng larawan. Ang alt tag ay dapat isulat na parang isinusulat mo ang paglalarawan para sa isang tao na hindi ito makita.
Ang pagdaragdag ng isang larawan sa isang dokumento na HTML ay nangangailangan ng kaunting kaalaman sa CSS at HTML. Ang laki ng imahe at ang paglutas ay dalawa sa pinakamahalagang mga kadahilanan na dapat isaalang -alang. Ang laki ng imahe ay matukoy kung paano ito magkasya sa nilalaman ng dokumento. Kung mas gusto mong gumamit ng ibang resolusyon o ratio ng aspeto, Maaari mo ring subukang baguhin ang laki ng imahe. Gayunpaman, Tandaan na ang scaling ay hindi palaging gumagana tulad ng inaasahan mo.
Ang isang mahusay na patakaran ng hinlalaki para sa pag -aayos ng laki ng isang imahe ay upang madagdagan ang lapad nito. Ang lapad ay dapat na hindi bababa sa isang pixel na mas maliit kaysa sa taas. Kung ang imahe ay napakaliit upang ipakita, Maaari kang magdagdag ng isang hangganan, at pagkatapos ay ayusin ito upang magkasya sa laki ng imahe. Maaari mo ring ayusin ang hangganan ng isang imahe sa pamamagitan ng pagdaragdag nito sa katangian ng hangganan. Ang kapal ng hangganan ay ang default na halaga, Ngunit maaari mo itong itakda sa anumang halaga. Siguraduhin na ang imahe ay may katangian ng SRC.
Adding a link
You can add a link in HTML to your document using an a> Tag gamit ang katangian ng HREF. Lumilikha ito ng isang bookmark para sa dokumento at buksan ito sa isang bagong tab. Maaari ka ring gumamit ng isang katangian ng HREF upang magpasok ng isang imahe sa dokumento. Maaari ka ring gumamit ng isang link na may code ng JavaScript upang mai -convert ang isang pindutan ng HTML sa isang link. Kapag nagawa mo na ito, Maaari mong istilo ang iyong link sa CSS o JavaScript code.
Ang isang link ay isang koneksyon mula sa isang mapagkukunan ng web hanggang sa isa pa. Binubuo ito ng dalawang dulo, isang mapagkukunan na anchor at isang patutunguhan na angkla. Ang isang link ay maaaring maging anumang bagay mula sa isang imahe hanggang sa isang text file. Karamihan sa mga social networking site at website ay gumagamit ng mga link upang idirekta ang mga gumagamit sa isang partikular na URL. Maaari ring magamit ang HTML upang tukuyin ang lokasyon ng isang link. Nito 'a’ Pinapayagan ka ng katangian na mai -link ang mga elemento ng code sa isang URL.
Kapag nagdidisenyo ng isang link, Siguraduhing isaalang -alang kung paano gagamitin ng iyong mga bisita ang nilalaman. Ang link ng teksto ay dapat na naglalarawan, upang malalaman nila mismo kung ano ang dapat nilang asahan. Ang pag -uulit ng parehong URL ay pangit para sa mga mambabasa ng screen, At hindi ito nagbibigay sa kanila ng anumang kapaki -pakinabang na impormasyon. Sinasabi rin ng mga mambabasa ng screen ang mga gumagamit kapag umiiral ang mga link sa pamamagitan ng paggawa ng iba't ibang mga naka -istilong o may salungguhit. Sa ganitong paraan, Madali nilang mahanap ang impormasyong kailangan nila.
Adding a table
Adding a table to an HTML page is simple, Ngunit may ilang mga bagay na dapat mong isaalang -alang bago mo ito gawin. Ang kulay ng background ng iyong talahanayan ay mahalaga para mahuli ang mata ng iyong bisita at pagguhit ng pansin sa mahalagang impormasyon. Maaari kang magtakda ng ibang kulay para sa elemento ng header ng talahanayan at elemento ng data sa pamamagitan ng paggamit ng mga hex na code ng hex o mga pangalan ng kulay. Alinmang paraan, Ang iyong talahanayan ay madaling makita.
Maaari kang magdagdag ng isang header ng talahanayan at data ng talahanayan na may elemento ng TD, na tumutukoy sa indibidwal “mga kahon” para sa nilalaman. Ang pagdaragdag ng isang header ng talahanayan ay ang unang hakbang sa pagpapakita ng data sa isang webpage, At dapat mong idagdag ang una kung nais mo. Ang isang talahanayan ay dapat ding magkaroon ng tatlong mga heading ng hilera. Ang isang header ay dapat na walang laman. Kung ang iyong talahanayan ay may mga haligi, Dapat ka ring lumikha ng mga header ng hilera para sa bawat haligi.
Maaari ka ring magdagdag ng mga caption sa iyong mesa. Ang caption ay isang opsyonal na elemento na naglalarawan ng layunin ng talahanayan. Ang mga caption ay kapaki -pakinabang din para sa pag -access. Ang talahanayan ay maaari ring maglaman ng mga cell na naglalarawan ng mga pangkat ng data. Sa wakas, Maaari mong idagdag ang elemento ng thead upang tukuyin ang isang hanay ng mga hilera at haligi. Maaari mong gamitin ang parehong mga elemento nang magkasama o hiwalay. Maaari mo ring gamitin ang mga ito sa kumbinasyon, Ngunit ang caption ay ang pinakamahalaga.
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. Ang elemento ng DIV ay isang espesyal na lalagyan para sa teksto, mga imahe, at iba pang mga elemento. Maaari mo itong pangalanan ang anumang gusto mo at baguhin ang mga katangian nito upang umangkop sa iyong mga pangangailangan. Maaari ka ring magdagdag ng isang klase o margin upang lumikha ng isang puwang sa pagitan ng div at iba pang mga elemento sa iyong pahina.
Maaari mo ring gamitin ang katangian ng InnerHTML upang ipasok ang code sa loob ng isang div. Ang pamamaraang ito ay tumatanggap ng code na nakapaloob sa isang string, at kung wala ito sa loob ng Div, Aalisin ang nilalaman. Dapat mong iwasan ang pagpasok ng code sa isang div sa ganitong paraan, dahil maaari itong ilantad ang iyong website sa mga kahinaan sa script ng cross-site. Kung gumagamit ka ng isang wikang script tulad ng JavaScript, Maaari mong gamitin ang katangian ng InnerHTML.
Ang isang DIV ay isang pangunahing tag ng HTML na ginamit sa code ng pangkat sa loob ng isang dokumento. Maaari itong maglaman ng isang talata, I -block ang quote, imahe, audio, o kahit isang header. Pinapayagan ka ng posisyon nito na mag -aplay ng isang pantay na istilo at wika sa iba't ibang mga seksyon ng isang pahina. Ang mga divs ay pinakamahusay na ginagamit para sa pagmamarka ng mga semantika na karaniwan sa mga pangkat ng magkakasunod na elemento. Ang isang div ay dapat gamitin kung nais mong magdagdag ng estilo sa isang seksyon nang hindi kinakailangang muling isulat ang buong pahina.




