Сез үзегезнең веб-битегезне булдырырга телисез икән, сез HTML-ны аңларга тиеш. This article explains how to create an HTML page. Шулай ук, сез xml сайт картасын ясарга һәм рәсем һәм сылтама ничек өстәргә өйрәнерсез. Шулай ук xml сайт картасын булдыру мөһим, бу сезнең сайтыгызны тәртипкә китерергә һәм трафикны арттырырга ярдәм итә ала. Киләсе адым - шаблон сайлау.
Creating a html page
HTML is a markup language. Веб-битнең һәр элементы тег белән күрсәтелә. Тэг почмаклы кашыклар белән билгеләнә, һәм һәр элементның бер яки берничә тэгы бар. Кайбер элементлар бер тегны гына таләп итә; калганнары икесен таләп итә ала. Ачу һәм ябу тэгларының алга сызыгы бар (/). Мәсәлән, абзац элементы 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 атрибутын куллана аласыз. Сез шулай ук HTML төймәсен сылтамага әйләндерү өчен JavaScript коды белән сылтама куллана аласыз. Моны эшләгәннән соң, сез сылтамагызны CSS яки JavaScript коды белән ясый аласыз.
Ссылка - бер веб ресурстан икенчесенә тоташу. Ул ике очтан тора, чыганак якорь һәм максатлы якорь. Ссылка рәсемнән текст файлына кадәр булырга мөмкин. Күпчелек социаль челтәр сайтлары һәм вебсайтлар кулланучыларны билгеле URL-га юнәлтү өчен сылтамалар кулланалар. HTML шулай ук сылтаманың урнашкан урынын күрсәтү өчен кулланылырга мөмкин. Аның «а’ атрибут код элементларын URL белән бәйләргә мөмкинлек бирә.
Ссылка эшләгәндә, килүчеләрнең эчтәлекне ничек кулланулары турында уйлагыз. Ссылка тексты тасвирлы булырга тиеш, шулай итеп алар нәрсә көтәргә тиешлеген белерләр. Шул ук URL-ны кабатлау экран укучылары өчен ямьсез, һәм аларга бернинди файдалы мәгълүмат бирми. Экран укучылары шулай ук кулланучыларга сылтамалар булганда, аларны төрле стильле яки сызыклы итеп ясыйлар. Шул рәвешле, алар кирәкле мәгълүматны җиңел таба ала.
Adding a table
Adding a table to an HTML page is simple, ләкин моны эшләгәнче берничә нәрсәне исәпкә алырга кирәк. Өстәлнең фон төсе килүчеләрнең күзен җәлеп итү һәм мөһим мәгълүматка игътибарны җәлеп итү өчен бик мөһим. Алты төс кодларын яки төс исемнәрен кулланып, таблицаның баш элементы һәм мәгълүмат элементы өчен бүтән төс куя аласыз. Ничек кенә булмасын, сезнең өстәл җиңел күренәчәк.
Сез td элементы белән өстәл башы һәм өстәл мәгълүматларын өсти аласыз, индивидуальне билгели “тартмалар” эчтәлеге өчен. Өстәл башын өстәү - веб-биттә мәгълүмат күрсәтү өчен беренче адым, теләсәгез, беренчесен өстәргә тиеш. Өстәлдә шулай ук өч рәт баш булырга тиеш. Бер башлык буш булырга тиеш. Сезнең өстәлдә баганалар булса, сез шулай ук һәр багана өчен юл башлары ясарга тиеш.
Сез шулай ук өстәлгә язулар өсти аласыз. Язма - таблицаның максатын тасвирлаучы өстәмә элемент. Язулар шулай ук файдалы. Таблицада шулай ук мәгълүмат төркемнәрен тасвирлаучы күзәнәкләр булырга мөмкин. Ниһаять, рәтләр һәм баганалар җыелмасын билгеләү өчен сез элементны өсти аласыз. Сез ике элементны бергә яки аерым куллана аласыз. Сез аларны берләштереп куллана аласыз, ләкин язу иң мөһиме.
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 һәм бүтән элементлар арасында урын булдыру өчен класс яки маржа өсти аласыз.
Сез шулай ук div эчендә код кертү өчен эчкеHTML атрибутын куллана аласыз. Бу ысул тезмә эчендә урнаштырылган кодны кабул итә, һәм ул бүлектә булмаса, эчтәлеге бетереләчәк. Сез шулай итеп дивка код кертүдән сакланырга тиеш, чөнки ул сезнең вебсайтыгызны скриптларның скрипт зәгыйфьлекләренә китерергә мөмкин. JavaScript кебек скрипт телен кулланасыз икән, сез эчкеHTML атрибутын куллана аласыз.
Div - документ эчендә кодны төркемләү өчен кулланылган төп HTML теге. Анда абзац булырга мөмкин, цитата, образ, аудио, яки хәтта башлам. Аның позициясе битнең төрле бүлекләренә бердәм стиль һәм тел кулланырга мөмкинлек бирә. Divs эзлекле элементлар төркемнәренә хас булган семантиканы билгеләү өчен иң яхшы кулланыла. Бүлекне яңадан язмыйча, бүлеккә стиль өстәргә теләгәндә div кулланылырга тиеш.




