Шке веб-лаштыкым ышташ шонеда гын, HTML-ым умылаш кӱлеш. This article explains how to create an HTML page. Ошондой эле, те пален налыда, кузе ышташ xml сайт картыште да кузе ешараш сӱрет да ссылке. Тыгак xml сайт картым ышташ кӱлешан, кудыжо тендан сайтым организоватлаш полшен кертеш да тендан трафикым кугемдаш. Вес ошкыл — шаблоным ойырен налаш.
html лаштыкым ыштымаш
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 кычалмаш консольыш колташ. Те кеч-могай файл ешартышым кучылт кертыда да шке XML сайт картым лӱмден кертыда. XML-картым Google-лан колтен кертыда, но тиде кӱлешан огыл. Google-ын сканерже-влак у контентым муаш мӧҥгешла пеш сай улыт, да нунылан сайт картым колташ ок кӱл. Тыланда тыгак вес кычалше системыш колташ лиеш, но тиде гарантий ок пу, молан манаш гын, те Google пален налын.
Тендан веб-лаштыкышкыда XML-картым ешараш ок кӱл, но тиде тендан сайтын SEO-жым кугемда. Сайт-картым кычалше системе-влак кучылтыт, нунылан веб-лаштык дене тура кылдалтдыме лаштык-влакым индексироватлаш полшаш манын. Сайт-карте-влак тыгак поян медиа-контент деке пураш лиймашым саемдаш полшат. Тендан сайтышкыда сайт картым ешарымаш тендан сайтдам кычалше системын бот-влаклан утларак доступен ышташ полшен кертеш.
Adding a picture
In HTML, img тегым кучылтын, лаштыкыш сӱретым ешарен кертыда. Тиде тегыште сӱрет да тудын атрибутшо-влак гына улыт; тудлан петырымаш тег ок кӱл. Тиде сӱрет тегым HTML-документын тӱҥ ужашышкыже пурташ кӱлеш. Сӱретын кумдыкшо да кӱкшытшӧ деч посна, сӱретым сӱретлыше alt атрибутым пурташ кӱлеш. Alt тегым тыге возаш кӱлеш, пуйто те тудым ужын кертдыме еҥлан описанийым возеда.
HTML-документыш сӱретым ешарашлан изишак CSS да HTML шинчымаш кӱлеш. Сӱретын кугытшо да разрешенийже — кок эн кӱлешан фактор, кудым шотыш налаш кӱлеш. Сӱретын кугытшо рашемда, кузе тудо документын содержанийышкыже пура. Вес разрешениян але формат дене пайдаланаш йӧратет гын, тыгак сӱретын кугытшым вашталташ тӧчен кертыда. Бирок, шарнем, масштабироватлымаш эре тендан вучымо семын ок ыште.
Сӱретын кугытшым келыштарыме сай правил — тудын кумдыкшым кугемдаш. Кумдыкшо кӱкшыт деч шагал огыл ик пиксель изирак лийшаш. Сӱрет ончыкташ пеш изи гын, чекым ешарен кертыда, а вара тудым сӱрет кугыт дене келыштараш. Тыланда тыгак сӱретын чекшым border атрибутыш ешарен тӧрлаташ лиеш. Чек кӱжгыт — умолчаний значений, но те тудым кеч-могай значенийыш шынден кертыда. Сӱретыште 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 кучылталтшаш, кунам те ужашлан стильым ешараш шонеда, уло лаштыкым угыч возаш огеш кӱл.




