Jekk trid toħloq il-paġna tal-web tiegħek stess, Irid ikollok fehim ta 'HTML. This article explains how to create an HTML page. Ukoll, Int se titgħallem kif toħloq sitemap XML u kif iżżid stampa u link. Huwa wkoll importanti li tinħoloq sitemap XML, li jista 'jgħinek torganizza s-sit tiegħek u żżid it-traffiku tiegħek. Il-pass li jmiss huwa li tagħżel mudell.
Creating a html page
HTML huwa lingwaġġ ta 'markup. Kull element ta 'paġna tal-web huwa rrappreżentat minn tikketta. Tag hija identifikata minn parentesi ta 'angolu, U kull element għandu tikketta waħda jew aktar. Xi elementi jeħtieġu biss tikketta waħda; oħrajn jistgħu jeħtieġu tnejn. The opening and closing tags have a forward slash (/). Pereżempju, the paragraph element is represented by the p tag. The text between the opening and closing tags is the paragraph text.
To create an HTML document, you will need to use a text editor. Most computers have a text editor by default. Windows users will use Internet Explorer, while Mac users can use TextEdit. You can install a fancy text editor to create a professional-looking webpage, but for your first HTML page, it’s not necessary. You can also use a simple text editor and any web browser. If you’re unsure of which program to use, try downloading a free HTML editor.
The html page has two main sections: the body and the head. The body section contains the actual content of the website, Filwaqt li s-sezzjoni tar-ras tintuża għat-titlu u l-informazzjoni meta. Il-korp fih l-elementi l-oħra kollha, inklużi stampi u grafika oħra. Is-sezzjoni tal-intestatura hija l-post fejn tpoġġi l-links tan-navigazzjoni tiegħek. Wara li tkun spiċċajt tikteb il-ġisem, Int lest biex tiddaħħal il-kontenut tad-dokument. Kun żgur li tuża l-elementi tal-ġisem u tar-ras biex tiżgura li l-websajt tiegħek tkun aċċessibbli għal kulħadd.
Creating a xml sitemap
If you have an HTML page, Jista 'jkun li trid toħloq sitemap XML biex tgħin lill-magni tat-tiftix jitkaxkru l-websajt tiegħek. Għalkemm dan ma jaffettwax il-klassifiki tat-tfittxija tiegħek, Dan jgħin lill-magni tat-tiftix jifhmu l-kontenut tiegħek u jaġġustaw ir-rata tat-tkaxkir tagħhom. Dan il-mod, Il-websajt tiegħek tkun aktar viżibbli fir-riżultati tal-magna tat-tiftix. Hawn huma xi passi faċli biex tibda:
Il-ħolqien ta 'sitemap HTML huwa faċli li tagħmel. Kull ma trid tagħmel hu li tagħmel tabella sempliċi tal-paġni tas-sit tiegħek, b'rabtiet għal kull paġna. Imbagħad rabta ma 'dik il-paġna tas-sitemap fl-intestatura jew il-footer. Dan il-mod, Ma jimpurtax kemm għandu paġni s-sit tiegħek, In-nies jistgħu faċilment jinnavigaw permezz tagħhom. Barra minn hekk, M'għandekx għalfejn tissottometti SEO biex toħloq sitemap.
Ladarba l-paġna HTML tiegħek tkun live, Issottomettiha lil Google Search Console. Tista 'tuża kwalunkwe estensjoni tal-fajl u semmi s-sitemap XML tiegħek. Tista 'tissottometti s-sitemap XML lil Google, Iżda mhux meħtieġ. It-tkaxkir ta 'Google ġeneralment huma pjuttost tajbin biex jiskopru kontenut ġdid, U m'għandekx għalfejn tissottometti sitemap lilhom. Tista 'wkoll tissottomettiha lil magni tat-tiftix oħra, Iżda dan ma jiggarantixxix li tkun skopert minn Google.
Mhux meħtieġ li żżid sitemap XML mal-paġna tal-web tiegħek, Iżda se żżid is-SEO tal-websajt tiegħek. Sitemaps jintużaw mill-magni tat-tiftix biex jgħinuhom paġni tal-indiċi li mhumiex marbuta direttament minn paġna tal-web. Sitemaps jgħin ukoll biex itejjeb l-aċċessibilità tal-kontenut tal-midja rikka. Iż-żieda ta 'sitemap mal-websajt tiegħek tista' tgħin biex is-sit tiegħek ikun aktar aċċessibbli għall-bot tal-magna tat-tiftix.
Adding a picture
In HTML, Tista 'żżid immaġni ma' paġna billi tuża t-tikketta IMG. Din it-tikketta fiha biss l-immaġni u l-attributi tagħha; Ma teħtieġx tikketta tal-għeluq. Din it-tikketta tal-immaġni għandha tiddaħħal fit-taqsima tal-ġisem tad-dokument HTML. Minbarra l-wisa 'u l-għoli tal-istampa, Għandek tinkludi attribut ALT li jiddeskrivi l-istampa. It-tikketta alt għandha tkun miktuba daqs li kieku kont qed tikteb id-deskrizzjoni għal persuna li ma setgħetx taraha.
Iż-żieda ta 'stampa ma' dokument HTML teħtieġ daqsxejn ta 'għarfien CSS u HTML. Id-daqs tal-immaġni u r-riżoluzzjoni huma tnejn mill-aktar fatturi importanti li għandek tikkunsidra. Id-daqs tal-immaġni jiddetermina kif se jidħol fil-kontenut tad-dokument. Jekk tippreferi tuża riżoluzzjoni jew proporzjon ta 'aspett differenti, Tista 'wkoll tipprova tqassam l-immaġni. Madankollu, Ftakar li l-iskalar mhux dejjem jaħdem kif tistenna.
Regola tajba għall-aġġustament tad-daqs ta 'immaġni hija li żżid il-wisa' tagħha. Il-wisa 'għandha tkun mill-inqas pixel wieħed iżgħar mill-għoli. Jekk l-immaġni hija żgħira wisq biex turi, Tista 'żżid fruntiera, u mbagħad aġġustah biex jaqbel mad-daqs tal-immaġini. Tista 'wkoll taġġusta l-fruntiera ta' immaġni billi żżidha mal-attribut tal-fruntiera. Il-ħxuna tal-fruntiera hija l-valur awtomatiku, Imma tista 'tissettjaha għal kwalunkwe valur. Kun żgur li l-immaġni għandha attribut SRC.
Adding a link
You can add a link in HTML to your document using an a> Tag bl-attribut HREF. Dan se joħloq bookmark għad-dokument u jiftaħha f'tab ġdid. Tista 'wkoll tuża attribut HREF biex tiddaħħal immaġni fid-dokument. Tista 'wkoll tuża link b'kodiċi JavaScript biex tikkonverti buttuna HTML f'rabta. Ladarba tkun għamilt dan, Tista 'stil il-link tiegħek ma' CSS jew kodiċi JavaScript.
Link hija konnessjoni minn riżorsa tal-web għal oħra. Tikkonsisti f'żewġt itruf, ankra sors u ankra ta 'destinazzjoni. Link jista 'jkun xi ħaġa minn immaġni għal fajl ta' test. Ħafna siti u websajts tan-netwerking soċjali jużaw links biex jidderieġu lill-utenti għal URL partikolari. HTML jista 'jintuża wkoll biex jispeċifika l-post ta' link. Huwa "a’ L-attribut jippermettilek tgħaqqad elementi tal-kodiċi ma 'URL.
Meta tfassal link, Kun żgur li tikkunsidra kif il-viżitaturi tiegħek jużaw il-kontenut. It-test tal-link għandu jkun deskrittiv, sabiex ikunu jafu eżattament dak li għandhom jistennew. Ir-ripetizzjoni tal-istess URL hija ikrah għall-qarrejja tal-iskrin, U ma tagħtihom l-ebda informazzjoni utli. Il-qarrejja tal-iskrin jgħidu wkoll lill-utenti meta jeżistu l-links billi jagħmluhom disinji differenti jew enfasizzati. B'dan il-mod, jistgħu faċilment isibu l-informazzjoni li għandhom bżonn.
Adding a table
Adding a table to an HTML page is simple, Imma hemm ftit affarijiet li għandek tikkunsidra qabel ma tagħmel dan. Il-kulur tal-isfond tat-tabella tiegħek huwa kruċjali biex tiġbed l-għajnejn tal-viżitatur tiegħek u tiġbed l-attenzjoni għal informazzjoni importanti. Tista 'tissettja kulur differenti għall-element tal-intestatura tat-tabella u l-element tad-dejta billi tuża kodiċi tal-kulur hex jew ismijiet tal-kulur. Jew il-mod, It-tabella tiegħek tkun faċilment viżibbli.
Tista 'żżid intestatura tal-mejda u dejta tal-mejda mal-element TD, li jiddefinixxi l-individwu “kaxxi” għall-kontenut. Iż-żieda ta 'intestatura tal-mejda hija l-ewwel pass biex turi data fuq paġna web, u għandek iżżid l-ewwel waħda jekk trid. Tabella għandu jkollha wkoll tliet intestaturi ta 'ringiela. Intestatura waħda għandha tkun vojta. Jekk it-tabella tiegħek għandha kolonni, Għandek ukoll toħloq intestaturi tar-ringiela għal kull kolonna.
Tista 'wkoll iżżid sezzjonijiet mat-tabella tiegħek. Is-sezzjoni hija element fakultattiv li jiddeskrivi l-iskop tat-tabella. Is-sezzjonijiet huma wkoll ta 'għajnuna għall-aċċessibilità. It-tabella tista 'tinkludi wkoll ċelloli li jiddeskrivu gruppi ta' dejta. Fl-aħħarnett, Tista 'żżid l-element thead biex tiddefinixxi sett ta' ringieli u kolonni. Tista 'tuża ż-żewġ elementi flimkien jew separatament. Tista 'anki tużahom flimkien, Iżda s-sezzjoni hija l-iktar waħda importanti.
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. L-element div huwa kontenitur speċjali għat-test, immaġini, u elementi oħra. Tista 'ssemmiha kull ħaġa li tixtieq u tibdel l-attributi tagħha biex taqdi l-bżonnijiet tiegħek. Tista 'wkoll iżżid klassi jew marġni biex toħloq spazju bejn id-div u elementi oħra fuq il-paġna tiegħek.
You can also use the innerHTML attribute to insert code inside a div. This method accepts code enclosed in a string, and if it is not within the div, the content will be removed. You should avoid inserting code into a div this way, as it may expose your website to cross-site scripting vulnerabilities. If you are using a scripting language such as JavaScript, you can use the innerHTML attribute.
A div is a basic HTML tag used to group code within a document. It can contain a paragraph, block quote, image, audio, or even a header. Its position allows you to apply a uniform style and language to different sections of a page. Divs are best used for marking up semantics that are common to groups of consecutive elements. Div għandu jintuża meta trid iżżid stil ma 'sezzjoni mingħajr ma jkollok tikteb il-paġna kollha.