Агар шумо хоҳед, ки вебсайти худро эҷод кунед, шумо бояд фаҳмиши HTML дошта бошед. This article explains how to create an HTML page. Инчунин, шумо чӣ гуна сохтани харитаи сайти xml ва чӣ гуна илова кардани тасвир ва истинодро меомӯзед. Инчунин эҷод кардани харитаи сайти xml муҳим аст, ки метавонад ба шумо дар ташкили сайти шумо ва зиёд кардани трафики шумо кӯмак кунад. Қадами навбатӣ интихоби шаблон аст.
Creating a html page
HTML забони аломатгузорӣ аст. Ҳар як унсури саҳифаи веб бо тег ифода карда мешавад. Тег бо қавсҳои кунҷӣ муайян карда мешавад, ва ҳар як элемент як ё якчанд тег дорад. Баъзе элементҳо танҳо як тегро талаб мекунанд; дигарон метавонанд ду талаб кунанд. Тегҳои кушоӣ ва пӯшида рахи пеш доранд (/). Барои намуна, унсури параграф бо теги p муаррифӣ карда мешавад. Матни байни тегҳои кушода ва пӯшида матни параграф мебошад.
Барои сохтани ҳуҷҷати HTML, ба шумо лозим меояд, ки муҳаррири матниро истифода баред. Аксари компютерҳо бо нобаёнӣ муҳаррири матн доранд. Истифодабарандагони Windows Internet Explorer-ро истифода мебаранд, дар ҳоле ки корбарони Mac метавонанд TextEdit -ро истифода баранд. Шумо метавонед як муҳаррири матнии зеборо насб кунед, то веб-саҳифаи касбӣ эҷод кунед, балки барои аввалин саҳифаи HTML-и шумо, зарур нест. Шумо инчунин метавонед муҳаррири оддии матн ва ҳама гуна браузери вебро истифода баред. Агар шумо намедонед, ки кадом барномаро истифода баред, Кӯшиш кунед, ки муҳаррири ройгони HTML-ро зеркашӣ кунед.
Саҳифаи html аз ду қисмати асосӣ иборат аст: бадан ва сар. Қисми бадан мундариҷаи воқеии вебсайтро дар бар мегирад, дар ҳоле ки қисмати сар барои унвон ва маълумоти мета истифода мешавад. Дар бадан тамоми унсурҳои дигар мавҷуд аст, аз ҷумла тасвирҳо ва дигар графика. Бахши сарлавҳа ҷойест барои гузоштани истинодҳои паймоиши шумо. Пас аз навиштани бадан, шумо омодаед мундариҷаи ҳуҷҷатро ворид кунед. Боварӣ ҳосил кунед, ки унсурҳои бадан ва сарро истифода баред, то боварӣ ҳосил кунед, ки вебсайти шумо барои ҳама дастрас аст.
Creating a xml sitemap
If you have an HTML page, шумо метавонед харитаи сайти XML эҷод кунед, то ба системаҳои ҷустуҷӯӣ дар ҷустуҷӯи вебсайти шумо кӯмак расонад. Гарчанде ки ин ба рейтинги ҷустуҷӯи шумо таъсир намерасонад, он ба системаҳои ҷустуҷӯӣ кӯмак мекунад, ки мундариҷаи шуморо дарк кунанд ва суръати ҷустуҷӯи онҳоро танзим кунанд. Ин тараф, вебсайти шумо дар натиҷаҳои системаи ҷустуҷӯӣ бештар намоён хоҳад шуд. Инҳоянд чанд қадамҳои осон барои оғоз:
Сохтани харитаи сайти HTML осон аст. Шумо танҳо бояд ҷадвали оддии саҳифаҳои сайти худро созед, бо истинод ба ҳар як саҳифа. Сипас ба он саҳифаи харитаи сайт дар сарлавҳа ё поёни поён пайванд кунед. Ин тараф, новобаста аз он ки сайти шумо чанд саҳифа дорад, одамон метавонанд ба осонӣ тавассути онҳо ҳаракат кунанд. Гайр аз ин, барои сохтани харитаи сайт ба шумо лозим нест, ки SEO пешниҳод кунед.
Вақте ки саҳифаи HTML-и шумо фаъол аст, онро ба Google Search Console пешниҳод кунед. Шумо метавонед ҳама гуна васеъшавии файлро истифода баред ва харитаи сайти XML-и худро номгузорӣ кунед. Шумо метавонед харитаи сайти XML-ро ба Google пешниҳод кунед, вале зарур нест. Кравлерҳои Google умуман дар кашфи мундариҷаи нав хеле хубанд, ва ба шумо лозим нест, ки ба онҳо харитаи сайт пешниҳод кунед. Шумо инчунин метавонед онро ба дигар системаҳои ҷустуҷӯӣ пешниҳод кунед, аммо ин кафолат намедиҳад, ки шумо аз ҷониби Google кашф карда мешавед.
Ба саҳифаи веби худ илова кардани харитаи сайти XML шарт нест, аммо он SEO-и вебсайти шуморо зиёд мекунад. Харитаҳои сайтро муҳаррикҳои ҷустуҷӯ истифода мебаранд, то ба онҳо дар индексатсия кардани саҳифаҳое, ки мустақиман бо саҳифаи интернетӣ алоқаманд нестанд, кӯмак расонанд. Харитаҳои сайт инчунин барои беҳтар кардани дастрасии мундариҷаи бойи медиа кӯмак мекунанд. Илова кардани харитаи сайт ба вебсайти шумо метавонад ба сайти шумо барои ботҳои муҳаррики ҷустуҷӯ дастрастар шавад.
Adding a picture
In HTML, шумо метавонед бо истифода аз теги img тасвир ба саҳифа илова кунед. Ин тег танҳо тасвир ва атрибутҳои онро дар бар мегирад; он теги пӯшидаро талаб намекунад. Ин теги тасвир бояд дар дохили қисмати асосии ҳуҷҷати HTML ворид карда шавад. Ба гайр аз васеъ ва баландии расм, шумо бояд аттрибути altро, ки тасвирро тавсиф мекунад, дохил кунед. Теги alt бояд тавре навишта шавад, ки гӯё шумо тавсифро барои шахсе менависед, ки онро дида наметавонист.
Илова кардани тасвир ба ҳуҷҷати HTML каме дониши CSS ва HTML талаб мекунад. Андозаи тасвир ва ҳалли он ду омили муҳимтаринест, ки бояд ба назар гирифта шаванд. Андозаи тасвир муайян мекунад, ки он ба мундариҷаи ҳуҷҷат чӣ гуна мувофиқат мекунад. Агар шумо хоҳед, ки қарор ё таносуби дигарро истифода баред, шумо инчунин метавонед кӯшиш кунед, ки андозаи тасвирро тағир диҳед. Аммо, Дар хотир доред, ки миқёс на ҳамеша тавре ки шумо интизоред, кор мекунад.
Қоидаи хуб барои танзими андозаи тасвир ин зиёд кардани паҳнои он мебошад. Паҳно бояд на камтар аз як пиксел хурдтар аз баландии бошад. Агар тасвир барои намоиш хеле хурд бошад, шумо метавонед сарҳад илова кунед, ва сипас онро барои мувофиқ кардани андозаи тасвир танзим кунед. Шумо инчунин метавонед сарҳади тасвирро тавассути илова кардани он ба атрибути сарҳад танзим кунед. Ғафсии сарҳад арзиши пешфарз аст, аммо шумо метавонед онро ба ягон арзиш муқаррар кунед. Боварӣ ҳосил кунед, ки тасвир дорои атрибути src аст.
Adding a link
You can add a link in HTML to your document using an a> барчасп бо аттрибути href. Ин барои ҳуҷҷат хатчӯб эҷод мекунад ва онро дар ҷадвали нав мекушояд. Шумо инчунин метавонед аттрибути hrefро барои ворид кардани тасвир ба ҳуҷҷат истифода баред. Шумо инчунин метавонед истинодро бо рамзи JavaScript барои табдил додани тугмаи HTML ба истинод истифода баред. Вақте ки шумо ин корро кардаед, шумо метавонед пайванди худро бо рамзи CSS ё JavaScript услуб кунед.
Истинод пайвастшавӣ аз як манбаи веб ба дигараш мебошад. Он аз ду канор иборат аст, лангари сарчашма ва лангари таъинот. Истинод метавонад ҳама чиз бошад, аз тасвир то файли матнӣ. Аксари сайтҳо ва вебсайтҳои шабакаҳои иҷтимоӣ истинодҳоро барои равона кардани корбарон ба URL-и мушаххас истифода мебаранд. HTML инчунин метавонад барои муайян кардани ҷойгиршавии пайванд истифода шавад. Он «а’ аттрибут ба шумо имкон медиҳад, ки унсурҳои кодро ба URL пайваст кунед.
Ҳангоми тарҳрезии пайванд, боварӣ ҳосил кунед, ки меҳмонони шумо мундариҷаро чӣ гуна истифода хоҳанд кард. Матни пайванд бояд тавсифӣ бошад, то ки онҳо дақиқ донанд, ки чӣ интизоранд. Такрори як URL барои хонандагони экран зишт аст, ва ба онхо ягон маълумоти муфид намедихад. Хонандагони экран инчунин ба корбарон ҳангоми мавҷудияти истинодҳо тавассути услуби гуногун ё зери хатти онҳо хабар медиҳанд. Ба ин роҳ, маълумоти заруриро ба осонӣ ёфта метавонанд.
Adding a table
Adding a table to an HTML page is simple, аммо пеш аз он ки ин корро анҷом диҳед, чанд чизро бояд ба назар гиред. Ранги пасзаминаи мизи шумо барои ҷалби чашми меҳмон ва ҷалби таваҷҷӯҳ ба маълумоти муҳим муҳим аст. Шумо метавонед бо истифода аз рамзҳои ранги шонздаҳӣ ё номҳои ранг барои унсури сарлавҳаи ҷадвал ва унсури маълумот ранги дигар таъин кунед. Дар ҳар сурат, мизи шумо ба осонӣ намоён хоҳад шуд.
Шумо метавонед бо унсури td сарлавҳаи ҷадвал ва маълумоти ҷадвалро илова кунед, ки шахсро муайян мекунад “қуттиҳо” барои мундариҷа. Илова кардани сарлавҳаи ҷадвал қадами аввалин барои намоиш додани маълумот дар саҳифаи веб мебошад, ва агар шумо хоҳед, бояд аввалинашро илова кунед. Ҷадвал инчунин бояд се сарлавҳа дошта бошад. Як сарлавҳа бояд холӣ бошад. Агар ҷадвали шумо сутунҳо дошта бошад, шумо инчунин бояд барои ҳар як сутун сарлавҳаҳои сатр эҷод кунед.
Шумо инчунин метавонед ба ҷадвали худ сарлавҳаҳо илова кунед. Сарлавҳа унсури ихтиёрӣ мебошад, ки ҳадафи ҷадвалро тавсиф мекунад. Сарлавҳаҳо инчунин барои дастрасӣ муфиданд. Ҷадвал инчунин метавонад ҳуҷайраҳоеро дар бар гирад, ки гурӯҳҳои маълумотро тавсиф мекунанд. Дар охир, шумо метавонед унсури thead -ро барои муайян кардани маҷмӯи сатрҳо ва сутунҳо илова кунед. Шумо метавонед ҳарду элементро якҷоя ё алоҳида истифода баред. Шумо ҳатто метавонед онҳоро дар якҷоягӣ истифода баред, вале сарлавха мухимтарин аст.
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. Унсури div як контейнери махсус барои матн аст, тасвирҳо, ва дигар унсурҳо. Шумо метавонед онро ҳар чизе, ки ба шумо маъқул аст, номгузорӣ кунед ва атрибутҳои онро мувофиқи эҳтиёҷоти худ тағир диҳед. Шумо инчунин метавонед синф ё маржа илова кунед, то дар байни div ва унсурҳои дигар дар саҳифаи худ фосила эҷод кунед.
Шумо инчунин метавонед атрибути innerHTML-ро барои ворид кардани код дар дохили div истифода баред. Ин усул рамзи дар сатр замимашударо қабул мекунад, ва агар он дар дохили div набошад, мундариҷа хориҷ карда мешавад. Шумо бояд бо ин роҳ аз ворид кардани код ба div худдорӣ кунед, зеро он метавонад вебсайти шуморо ба осебпазирии скрипти байнисоҳавӣ фош кунад. Агар шумо забони скриптро истифода баред, ба монанди JavaScript, шумо метавонед аттрибутии innerHTML-ро истифода баред.
div теги асосии HTML мебошад, ки барои гурӯҳбандии код дар дохили ҳуҷҷат истифода мешавад. Он метавонад як параграф дошта бошад, иқтибос блок, тасвир, аудио, ё ҳатто сарлавҳа. Мавқеи он ба шумо имкон медиҳад, ки услуб ва забони якхеларо ба қисматҳои гуногуни саҳифа татбиқ кунед. Divs барои нишон додани семантика, ки барои гурӯҳҳои унсурҳои пайдарпай маъмуланд, беҳтарин истифода мешаванд. div бояд вақте истифода шавад, ки шумо хоҳед, ки услубро ба бахш бе навиштани тамоми саҳифа илова кунед.