HTML-код. Коды кветак HTML

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

асноўныя звесткі

Пачнем з вызначэння. HTML-код - разметка любы вэб-старонкі, якая выканана з дапамогай мовы HTML.

Дадзены код складаецца з тэгаў, дзякуючы якім браўзэр вызначае, як выглядае тая ці іншая старонка. Структура яго дзеліцца на дзве часткі: head - загаловак дакумента, у якім прапісваецца назва старонкі, а таксама інфармацыя аб самім дакуменце, і body - цела дакумента, у якім задаюцца параметры старонкі.

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

Тэгі

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

Тэгі заўсёды заключаны ў кутнія дужкі - <>, і менавіта гэта адрознівае іх ад асноўнага тэксту, які і выводзіцца на старонку пры праглядзе. Бываюць яны двух відаў - парныя і адзінкавыя.

Парныя складаюцца з які адкрывае тэга і зачыняе, пры гэтым у апошнім пасля левай кутняй дужкі варта прамой сленш. Напрыклад: & lt; b & gt; тэкст & lt; / b & gt ;.

Паміж двума тэгамі знаходзіцца тэкст, табліца, малюнак ці іншы элемент, які і адлюстроўваецца на вэб-старонцы.

Адзінкавыя жа складаюцца з аднаго тэга і не ўтрымліваюць у сабе прамога слеша. Напрыклад: & lt; hr & gt ;.

Тэгі могуць мець параметры, задаць якія можна, выкарыстоўваючы спецыяльныя коды для HTML.

Таксама адзначым, што для большасці знакаў: сабачкі, дужак, таварнага знака, знакаў больш або роўна, менш або роўна і многіх іншых - існуе адмысловая табліца, у якой прапісаны коды дадзеных знакаў. Гэты код пачынаецца з амперсанта, пасля якога можа ісці альбо літарнае мнеманічнае яго абазначэнне, альбо ж знак рашоткі з трохзначных кодам знака. У канцы абавязкова ставіцца кропка з коскі.

асноўныя тэгі

Што такое HTML-код, мы разабраліся, зараз паспрабуем пералічыць асноўныя тэгі, якія могуць быць карысныя калі не пры стварэнні ўласных вэб-старонак, то хаця б пры афармленні тэкстаў.

парныя:

• & Lt; body & gt; - змяшчае асноўныя параметры дакумента, такія як фон, колер спасылак, палі і іншыя;
• & Lt; p & gt; - пазначае абзац;
• & Lt; b & gt; - вылучае тэкст тоўстым;
• & Lt; i & gt; - курсіў;
• & Lt; u & gt; - падкрэслівае тэкст;
• & Lt; s & gt; - перакрэслівае тэкст;
• & Lt; sup & gt; - задае тэкст як верхні індэкс;
• & Lt; sub & gt; - ніжні індэкс;
• & Lt; font & gt; - задае парамерты шрыфта: памер, шрыфт, колер;
• & Lt; div & gt; - з яго дапамогай вы можаце выраўнаваць ваш тэкст;
• & Lt; h & gt; - тэг загалоўкаў;
• & Lt; a & gt; - з яго дапамогай задаюцца спасылкі;
• & Lt; table & gt; - дапамагае ўставіць у дакумент табліцы, з ім звязаны тэгі & lt; tr & gt; (Радок) і & lt; td & gt; (Вочка).

адзінкавыя:

• & Lt; br & gt; - адзіночны, пераносіць тэкст, наступны пасля яго, на новую старонку;
• & Lt; hr & gt; - з яго дапамогай можна ўставіць у тэкст гарызантальную рысу.

Варта адзначыць, што тэгі звычайна прапісваюцца з новага радка. Робіцца гэта для зручнасці не толькі самога вярстальніка, але і тых, хто будзе праглядаць коды ў HTML.

параметры тэгаў

Мы ўжо разгледзелі з вамі асноўныя тэгі, якія вам пажадана ведаць. Вядома, мы пералічылі далёка не ўсе, але нават гэтага мінімуму можа хапіць для стварэння сваіх першых вэб-старонак.

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

Не будзем таксама і распісваць, для якога тэга дадзены параметр падыходзіць, так як многія з іх выкарыстоўваюцца ў большасці каманд вэб-разметкі:

• face - задае выгляд шрыфта;
• size - задае памер;
• color - задае колер;
• align - выраўноўванне;
• name - імя;
• href - з дапамогай дадзенага параметру задаецца адрас спасылкі;
• alt - альтэрнатыўны тэкст;
• width - шырыня;
• height - вышыня;
• background - фонавы малюнак;
• bgcolor - фон.

Гэта далёка не ўсе параметры, мы пералічылі толькі найбольш ужывальныя і вядомыя.

Пасля параметру ставіцца знак роўнасці, а затым у двукоссях прапісваецца яго значэнне. Раім вам пры распрацоўцы сайтаў і старонак выкарыстоўваць спецыяльныя падручнікі або дапамогi, каб не толькі ведаць асноўныя параметры, але і правільна іх задаваць.

табліца кветак

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

Пачаткоўцам вэб-майстрам варта ведаць, што ёсць спецыяльныя табліцы колераў, у якіх даюцца коды кожнага адцення. Ёсць ўсяго 16 базавых кветак, якія можна задаваць не толькі з дапамогай табліцы, але і проста паказваючы іх назва на англійскай мове. Таксама да іх можна дадаваць словы светла-і цёмна, задаючы патрэбнае адценне.

Таксама ёсць табліца бяспечных кветак, якая налічвае 216 разнастайных оттеков.

Адзначым, што карыстацца табліцамі нашмат зручней. У іх даецца шаснаццатковы код колеру. Пры гэтым вы адразу ж можаце ўбачыць дадзены адценне. Кожны код пачынаецца са знака рашоткі, за ім варта тры пары знакаў, характарызуе інтэнсіўнасць асноўных колераў: чырвонага, зялёнага і сіняга.

Дадзены код дастаткова скапіяваць і падставіць у параметры патрэбнага вам тэга.

Як паглядзець код старонкі

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

Але як гэта зрабіць? Ёсць два спосабу, даволі простых і зразумелых. Першы - адкрыць патрэбную вам старонку і націснуць спалучэнне клавіш Ctrl + U. У новым акне з'явіцца зыходны код старонкі, які вы зможаце паглядзець і вывучыць.

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

Адзначым, што, чытаючы код, вы таксама зможаце праглядаць каментары да яго, прапісваць у тэгу «Каментарый», які выглядае так: & lt ;! & Gt ;. Пры гэтым сам каментар пішацца пасля клічніка. У браўзэры ён не адлюстроўваецца. А пішацца, у асноўным, для таго, каб іншыя праграмісты і вэб-дызайнеры змаглі зразумець, што за блок інфармацыі знаходзіцца ніжэй, навошта быў паказаны той ці іншы кавалачак кода.

высновы

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

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