Як стварыць вэб-сайт усяго за некалькі гадзін

Стварэнне вэб-сайта не павінна быць складаным. У гэтым артыкуле, мы пройдземся па асновах стварэння HTML-старонкі і пра тое, як стварыць міні-спіс уключаных файлаў. Далей, мы абмяркуем, як выкарыстоўваць html>-тэг для вылучэння тэксту. У рэшце рэшт, мы пакажам вам, як стварыць сайт усяго за некалькі гадзін. Мы таксама разгледзім некалькі іншых карысных метадаў.

Стварэнне html старонкі

HTML - гэта мова, якая выкарыстоўваецца для стварэння вэб-старонак. Ён вызначае структуру вэб-старонкі, а CSS кантралюе, як адлюстроўваецца кантэнт. Стварыць базавую старонку HTML не складана. Вось пакрокавая інструкцыя па пачатку працы. Калі ў вас ёсць базавая старонка HTML, вы гатовыя ствараць больш складаныя і дынамічныя. Для пачатку, вам спатрэбіцца тэкставы рэдактар ​​і вэб-браўзер.

Вы таксама можаце выкарыстоўваць тэкставы працэсар, напрыклад MS Word, для стварэння кантэнту для вашай вэб-старонкі. Вы можаце выкарыстоўваць гіперспасылкі для злучэння тэксту адзін з адным. Вы таксама можаце захаваць файл як файл html, вэб-старонка. Гэты метад добра працуе, але старонкі, якія вы ствараеце такім чынам, велізарныя і дрэнна выглядаюць у акне браўзера. Адзіны недахоп гэтага метаду - вам трэба навучыцца карыстацца даступнымі інструментамі.

HTML - гэта мова разметкі, што азначае, што вам трэба ўключыць тэгі для фарматавання кантэнту на старонцы. Кожны тэг прадстаўляе адзін з элементаў старонкі. Тэг ідэнтыфікуецца вуглавой дужкай. Некаторыя элементы патрабуюць толькі аднаго тэга, а іншым патрабуецца два. Зачыняльны тэг змяшчае касую рысу. Напрыклад, тэг абзаца стварае элемент, які называецца абзацам. Тэкст паміж адкрываючым і зачыняючым тэгамі складае тэкст абзаца. Аналагічна, тэг ul стварае неўпарадкаваны спіс.

Стварэнне міні-спісу ўключае

Стварэнне міні-раздзела з'яўляецца эфектыўным спосабам звязаць розныя элементы на адной вэб-старонцы. HTML-старонку можна падзяліць на некалькі падраздзелаў, з кожным раздзелам, які змяшчае спіс элементаў. Гэтыя элементы служаць розным мэтам. Вы можаце выкарыстоўваць атрыбут type для адлюстравання ў алфавітным парадку. Вы таксама можаце выкарыстоўваць малыя літары, каб стварыць спіс элементаў з літарамі a, б, або c.

Дадаць элемент лёгка. Просты дакумент HTML змяшчае тэгі, якія вызначаюць яго змест. Гэтыя тэгі звычайна бываюць парамі. Адкрываючы тэг выкарыстоўваецца для пераліку элементаў у ім, у той час як зачыняе тэг закрывае элемент. Адкрывальны тэг, або галаву, змяшчае апісальную інфармацыю аб дакуменце. Гэтая інфармацыя можа ўключаць назву, інфармацыя табліцы стыляў, скрыпты, або метаінфармацыя. Завяршальны тэг, з другога боку, закрывае элемент.

З дапамогай html>-тэг

HTML>-Тэг выкарыстоўваецца для вызначэння асноўнай вобласці змесціва дакумента HTML. Асноўная вобласць зместу складаецца з тэксту, звязанага з цэнтральнай тэмай або функцыянальнасцю старонкі. Ён павінен адрознівацца ад іншага кантэнту на сайце. Іншы кантэнт можа з'явіцца на старонцы ў выглядзе бакавых панэляў, навігацыйныя спасылкі, інфармацыя аб аўтарскім праве, лагатыпы сайтаў, і формы пошуку. Старонка HTML павінна ісці за HTML>-тэг лічыцца старонкай HTML.

Атрыбут href= адкрывае элемент спасылкі. Пасля таго, як “=” знак, вы павінны ўставіць URL спасылкі. Вы таксама можаце выкарыстоўваць некалькі радкоў абзаца ў адным загалоўку. Закрывальная дужка абавязковая. Гэта прадухіліць памылковае тлумачэнне вашых спасылак. Каб зрабіць старонку html лягчэйшай для чытання, дадаць спасылку на ваш сайт. HTML>-тэг дазволіць вам дадаваць спасылкі, якія вядуць на іншую вэб-старонку.

Файл HTML будзе мець пашырэнне .html, якое скажа вашаму кампутару, што гэта файл HTML. Замест прабелаў лепш за ўсё выкарыстоўваць злучок, паколькі прабелы не дазволяць вэб-браўзеру знайсці файл. Пасля завяршэння стварэння старонкі HTML, вам прыйдзецца яго захаваць. Далей, перайдзіце ў тэчку з файлам HTML і пстрыкніце яго правай кнопкай мышы. Гэта павінна выглядаць падобна на скрыншот ніжэй.

З дапамогай html>-тэг для вылучэння тэксту

Вы можаце выкарыстоўваць знак> тэг для вылучэння тэксту ў дакументах HTML. Гэта адносна новы HTML 5 асаблівасць, і ён вызначае вылучаную частку абзаца. Марка> тэг працуе, змяняючы ўласцівасць колеру фону базавага дакумента HTML. Марка> тэг падтрымлівае як глабальныя, так і падзейныя атрыбуты. Ён выдзеліць тэкст жоўтым або чорным колерам. Таксама можна змяніць колер тэксту ў асноўным файле CSS.

Большасць праграм чытання з экрана не абвяшчаюць элемент адзнакі, але вы можаце выкарыстоўваць уласцівасць кантэнту CSS or.before і.after псеўдаэлементы, каб зрабіць відавочным тэкст, які вы хочаце вылучыць. Аб'явы шматслоўныя і дадаюць на старонку непатрэбную інфармацыю, таму вы павінны выкарыстоўваць іх эканомна. Напрыклад, вы можаце выкарыстоўваць аб'явы, каб вылучыць пошукавы тэрмін або цытаты. Аб'явы падтрымліваюцца ўсімі асноўнымі браўзерамі.

У дадатак да стылю колеру фону, вы можаце выкарыстоўваць «вылучыце мяне».’ клас, каб вылучыць тэкст у дакуменце HTML. Стыль колеру фону падтрымліваецца ўсімі браўзерамі. Вы таксама можаце выкарыстоўваць слова «жоўты».’ замест каляровага кода. Вы можаце выкарыстоўваць той жа код, каб вылучыць абзац або частку тэксту. Вы таксама можаце выкарыстоўваць класы CSS, каб вылучыць тэкст.

З дапамогай html>-тэг для стварэння міні-спісу ўключае

HTML>-выкарыстоўваецца для стварэння спісу міні-ўключэнняў. Ён змяшчае адпаведны зачыняльны тэг, а назва элемента напісана з малой літары. HTML-дакументы кадуюцца з выкарыстаннем кадыроўкі знакаў UTF-8, які падтрымлівае ўключэнне сімвалаў Unicode. Пры выкарыстанні html>-тэг, не забудзьцеся выбраць UTF-8 у “захаваць як” дыялогавае акно.

З дапамогай html>-тэг, каб дадаць міні-спіс уключае на старонку HTML лёгка. Вы можаце выкарыстоўваць гэты тэг для любога элемента, які падтрымлівае неўпарадкаваны спіс. Вы нават можаце выкарыстоўваць неўпарадкаваны спіс для меню навігацыі. Элемент dl змяшчае спіс пар тэрмінаў і апісанняў. Элементы ва ўпарадкаваным спісе адлюстроўваюцца з павелічэннем лічыльніка злева. Вы таксама можаце апусціць элемент dl, калі за пунктам спісу адразу ідзе іншы элемент.

Іншы спосаб уставіць міні-спіс уключае - дадаць элемент ніжняга калантытула ў дакумент HTML. Гэты элемент уяўляе ніжні калонтытул змесціва бліжэйшага раздзела. Як правіла, ён змяшчае інфармацыю пра аўтара, дадзеныя аб аўтарскім праве, або спасылкі на адпаведныя дакументы. З дапамогай html>-тэг для стварэння міні-спісу ўключэнняў на старонцы HTML

З дапамогай html>-тэг для вылучэння асобных тэкставых блокаў

HTML5 вылучае асобныя тэкставыя блокі знакам> элемент. Гэты тэг HTML5 змяняе колер кантэнту ў крыніцы на пэўны адценне жоўтага або чорнага, дазваляючы чытачу адрозніваць важны тэкст. Ён таксама можа выкарыстоўвацца для абазначэння частак кантэнту, якія патрабуюць большай увагі, чым іншы тэкст. Марка> элемент падтрымлівае глабальныя атрыбуты і атрыбуты падзей у HTML. Пры правільным выкарыстанні, гэты тэг HTML5 можа палепшыць чытальнасць вэб-старонкі.

Стандарт HTML4 не падтрымлівае тэгі ўзроўню сімвалаў фізічнага стылю. Яны займаюцца прэзентацыяй, і лепш для гэтых мэтаў выкарыстоўваць CSS. HTML5 зноў увёў іх. Яны больш не састарэлі, але яны ўсё яшчэ не адзіны спосаб вылучыць асобныя тэкставыя блокі. Выкарыстоўвайце CSS, каб вылучыць асобныя блокі тэксту з дапамогай HTML5! Гэты просты метад вылучыць асобныя тэкставыя блокі ў частцы кантэнту.

Паплавок: Вы можаце выкарыстоўваць гэтую ўласцівасць CSS, каб размясціць элемент да левага або правага краю элемента, які змяшчае яго. Яго можна выкарыстоўваць для стварэння сеткі або слупкоў. Вы таксама можаце выкарыстоўваць уласцівасць CSS пад назвай float, каб перамясціць фрэйм ​​або малюнак у левы або правы край браўзера. Гэтыя атрыбуты палягчаюць вылучэнне асобных блокаў з дапамогай CSS.