Nëse dëshironi të krijoni faqen tuaj të internetit, ju duhet të keni një kuptim të HTML. This article explains how to create an HTML page. Gjithashtu, do të mësoni se si të krijoni një hartë faqeje xml dhe si të shtoni një foto dhe lidhje. Është gjithashtu e rëndësishme të krijoni një sitit xml, të cilat mund t'ju ndihmojnë të organizoni faqen tuaj dhe të rrisni trafikun tuaj. Hapi tjetër është të zgjidhni një shabllon.
Creating a html page
HTML është një gjuhë shënjimi. Çdo element i një faqe interneti përfaqësohet nga një etiketë. Një etiketë identifikohet nga kllapat këndore, dhe çdo element ka një ose më shumë etiketa. Disa elementë kërkojnë vetëm një etiketë; të tjerët mund të kërkojnë dy. Etiketat e hapjes dhe mbylljes kanë një prerje përpara (/). Për shembull, elementi i paragrafit përfaqësohet me etiketën p. Teksti midis etiketave hapëse dhe mbyllëse është teksti i paragrafit.
Për të krijuar një dokument HTML, do t'ju duhet të përdorni një redaktues teksti. Shumica e kompjuterëve kanë një redaktues teksti si parazgjedhje. Përdoruesit e Windows do të përdorin Internet Explorer, ndërsa përdoruesit e Mac mund të përdorin TextEdit. Ju mund të instaloni një redaktues teksti të zbukuruar për të krijuar një faqe interneti me pamje profesionale, por për faqen tuaj të parë HTML, nuk është e nevojshme. Ju gjithashtu mund të përdorni një redaktues të thjeshtë teksti dhe çdo shfletues uebi. Nëse nuk jeni të sigurt se cilin program të përdorni, provoni të shkarkoni një redaktues falas HTML.
Faqja html ka dy seksione kryesore: trupin dhe kokën. Seksioni i trupit përmban përmbajtjen aktuale të faqes në internet, ndërsa pjesa e kokës përdoret për titullin dhe informacionin meta. Trupi përmban të gjithë elementët e tjerë, duke përfshirë imazhet dhe grafika të tjera. Seksioni i kokës është vendi për të vendosur lidhjet tuaja të navigimit. Pasi të keni mbaruar së shkruari trupin, ju jeni gati për të futur përmbajtjen e dokumentit. Sigurohuni që të përdorni elementët e trupit dhe kokës për të siguruar që faqja juaj e internetit të jetë e aksesueshme për të gjithë.
Creating a xml sitemap
If you have an HTML page, ju mund të dëshironi të krijoni një hartë të faqes XML për të ndihmuar motorët e kërkimit të zvarriten faqen tuaj të internetit. Edhe pse kjo nuk do të ndikojë në renditjen e kërkimit tuaj, do të ndihmojë motorët e kërkimit të kuptojnë përmbajtjen tuaj dhe të rregullojnë shkallën e tyre të zvarritjes. Kjo mënyrë, Faqja juaj e internetit do të jetë më e dukshme në rezultatet e motorëve të kërkimit. Këtu janë disa hapa të thjeshtë për të filluar:
Krijimi i një siti HTML është i lehtë për t'u bërë. E tëra çfarë ju duhet të bëni është të bëni një tabelë të thjeshtë të faqeve të faqes tuaj, me lidhje për çdo faqe. Më pas lidheni me atë faqe të hartës së faqes në kokë ose në fund. Kjo mënyrë, pa marrë parasysh sa faqe ka faqja juaj, njerëzit mund të lundrojnë lehtësisht nëpër to. Për më tepër, ju nuk keni nevojë të paraqisni një SEO për të krijuar një hartë.
Pasi faqja juaj HTML është e hapur, dorëzojeni atë në Google Search Console. Ju mund të përdorni çdo shtesë skedari dhe të emërtoni hartën tuaj të faqes XML. Ju mund të dorëzoni hartën e faqes XML në Google, por nuk është e nevojshme. Zvarritësit e Google në përgjithësi janë mjaft të mirë në zbulimin e përmbajtjeve të reja, dhe nuk keni nevojë të paraqisni një hartë faqeje për ta. Ju gjithashtu mund ta dërgoni atë në motorë të tjerë kërkimi, por kjo nuk garanton që do të zbuloheni nga Google.
Nuk është e nevojshme të shtoni një hartë XML në faqen tuaj të internetit, por do të rrisë SEO-në e faqes suaj të internetit. Hartat e faqes përdoren nga motorët e kërkimit për t'i ndihmuar ata të indeksojnë faqet që nuk janë të lidhura drejtpërdrejt me një faqe interneti. Hartat e faqeve ndihmojnë gjithashtu në përmirësimin e aksesit të përmbajtjes së pasur të medias. Shtimi i një harte faqeje në faqen tuaj të internetit mund të ndihmojë në bërjen e sajtit tuaj më të aksesueshëm për robotët e motorëve të kërkimit.
Adding a picture
In HTML, ju mund të shtoni një imazh në një faqe duke përdorur etiketën img. Ky etiketë përmban vetëm imazhin dhe atributet e tij; nuk kërkon një etiketë mbyllëse. Ky etiketë imazhi duhet të futet brenda seksionit të trupit të dokumentit HTML. Përveç gjerësisë dhe lartësisë së figurës, ju duhet të përfshini një atribut alt që përshkruan figurën. Etiketa alt duhet të shkruhet sikur po shkruani përshkrimin për një person që nuk mund ta shihte atë.
Shtimi i një fotografie në një dokument HTML kërkon pak njohuri për CSS dhe HTML. Madhësia e imazhit dhe rezolucioni janë dy nga faktorët më të rëndësishëm që duhen marrë parasysh. Madhësia e imazhit do të përcaktojë se si do të përshtatet në përmbajtjen e dokumentit. Nëse preferoni të përdorni një rezolucion ose raport të ndryshëm të pamjes, mund të provoni gjithashtu të ndryshoni madhësinë e imazhit. Megjithatë, mos harroni se shkallëzimi nuk funksionon gjithmonë siç prisni.
Një rregull i mirë për të rregulluar madhësinë e një imazhi është rritja e gjerësisë së tij. Gjerësia duhet të jetë të paktën një piksel më e vogël se lartësia. Nëse imazhi është shumë i vogël për t'u shfaqur, mund të shtoni një kufi, dhe më pas rregullojeni për t'iu përshtatur madhësisë së imazhit. Ju gjithashtu mund të rregulloni kufirin e një imazhi duke e shtuar atë në atributin e kufirit. Trashësia e kufirit është vlera e paracaktuar, por mund ta vendosni në çdo vlerë. Sigurohuni që imazhi të ketë një atribut src.
Adding a link
You can add a link in HTML to your document using an a> tag me atributin href. Kjo do të krijojë një faqeshënues për dokumentin dhe do ta hapë atë në një skedë të re. Ju gjithashtu mund të përdorni një atribut href për të futur një imazh në dokument. Ju gjithashtu mund të përdorni një lidhje me kod JavaScript për të kthyer një buton HTML në një lidhje. Pasi ta keni bërë këtë, ju mund të stiloni lidhjen tuaj me kodin CSS ose JavaScript.
Një lidhje është një lidhje nga një burim ueb në tjetrin. Ai përbëhet nga dy skaje, një spirancë burimi dhe një spirancë destinacioni. Një lidhje mund të jetë çdo gjë nga një imazh në një skedar teksti. Shumica e faqeve të rrjeteve sociale dhe faqeve të internetit përdorin lidhje për të drejtuar përdoruesit në një URL të caktuar. HTML mund të përdoret gjithashtu për të specifikuar vendndodhjen e një lidhjeje. Është një’ atributi ju lejon të lidhni elementët e kodit me një URL.
Kur hartoni një lidhje, sigurohuni që të keni parasysh se si vizitorët tuaj do ta përdorin përmbajtjen. Teksti i lidhjes duhet të jetë përshkrues, në mënyrë që ata të dinë saktësisht se çfarë duhet të presin. Përsëritja e së njëjtës URL është e shëmtuar për lexuesit e ekranit, dhe nuk u jep atyre ndonjë informacion të dobishëm. Lexuesit e ekranit gjithashtu u tregojnë përdoruesve kur ekzistojnë lidhje duke i bërë ato të stiluara ose të nënvizuara të ndryshme. Në këtë mënyrë, ata mund të gjejnë lehtësisht informacionin që u nevojitet.
Adding a table
Adding a table to an HTML page is simple, por ka disa gjëra që duhet të keni parasysh përpara se ta bëni atë. Ngjyra e sfondit të tryezës suaj është thelbësore për të tërhequr vëmendjen e vizitorit tuaj dhe për të tërhequr vëmendjen ndaj informacioneve të rëndësishme. Mund të caktoni një ngjyrë të ndryshme për elementin e kokës së tabelës dhe elementin e të dhënave duke përdorur kodet hex ngjyrash ose emrat e ngjyrave. Sido që të jetë, tavolina juaj do të jetë lehtësisht e dukshme.
Mund të shtoni një titull tabele dhe të dhëna tabele me elementin td, që përcakton individin “kutitë” për përmbajtjen. Shtimi i një titulli tabele është hapi i parë për shfaqjen e të dhënave në një faqe interneti, dhe ju duhet të shtoni të parën nëse dëshironi. Një tabelë duhet gjithashtu të ketë tre tituj rreshtash. Një kokë duhet të jetë bosh. Nëse tabela juaj ka kolona, ju gjithashtu duhet të krijoni titujt e rreshtave për secilën kolonë.
Ju gjithashtu mund të shtoni titrat në tabelën tuaj. Titulli është një element opsional që përshkruan qëllimin e tabelës. Titrat janë gjithashtu të dobishëm për aksesueshmërinë. Tabela mund të përmbajë gjithashtu qeliza që përshkruajnë grupe të dhënash. Së fundi, mund të shtoni elementin thead për të përcaktuar një grup rreshtash dhe kolonash. Ju mund t'i përdorni të dy elementët së bashku ose veçmas. Mund t'i përdorni edhe në kombinim, por mbishkrimi është më i rëndësishmi.
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. Elementi div është një enë e veçantë për tekstin, imazhe, dhe elementë të tjerë. Ju mund ta emërtoni atë çfarëdo që ju pëlqen dhe të ndryshoni atributet e tij për t'iu përshtatur nevojave tuaja. Ju gjithashtu mund të shtoni një klasë ose diferencë për të krijuar një hapësirë midis div dhe elementëve të tjerë në faqen tuaj.
Ju gjithashtu mund të përdorni atributin innerHTML për të futur kodin brenda një div. Kjo metodë pranon kodin e mbyllur në një varg, dhe nëse nuk është brenda div, përmbajtja do të hiqet. Ju duhet të shmangni futjen e kodit në një div në këtë mënyrë, pasi mund të ekspozojë uebsajtin tuaj ndaj dobësive të skriptimit ndër-site. Nëse jeni duke përdorur një gjuhë skriptimi si JavaScript, mund të përdorni atributin innerHTML.
Një div është një etiketë bazë HTML që përdoret për të grupuar kodin brenda një dokumenti. Mund të përmbajë një paragraf, kuotën e bllokut, imazh, audio, apo edhe një kokë. Pozicioni i tij ju lejon të aplikoni një stil dhe gjuhë uniforme në seksione të ndryshme të një faqeje. Div-të përdoren më së miri për të shënuar semantikën që janë të zakonshme për grupet e elementeve të njëpasnjëshme. Një div duhet të përdoret kur dëshironi të shtoni stil në një seksion pa pasur nevojë të rishkruani të gjithë faqen.