ХТМЛ означава језик за означавање хипертекста, а документи који користе овај језик стварају веб странице. Ово користи свака веб локација, па је важно разумети како то функционише.
У овом водичу ћете научити све што требате знати ХТМЛ.
Шта је Декларација?
Тхе декларација је први ред кода у сваком ХТМЛ филе. Он говори веб прегледачима које верзије ХТМЛ се налази у одређеној датотеци.
Свака верзија ХТМЛ је јединствен и има своја правила. ХТМЛ 5 је најновија верзија језика. То је препоручена верзија за програмере, као и најједноставнија верзија за декларисање. Да се прогласи ХТМЛ 5 документ, једноставно додајте ХТМЛ елемент у декларација.
Пример можете видети испод:
Шта је Таг?
У сваком ХТМЛ документ, након декларације следи таг. Ова ознака идентификује корен документа и обухвата датотеку и ознаке.
Тхе таг је први одељак и садржи стронг> и стронг> ознаке. Међутим, у неким случајевима када програмер одлучи да користи интерни ЦСС, ознака стронг> се такође поставља унутар ознаке стронг>. п> Само једна ознака стронг> налази се у ХТМЛ стронг> документу. Ознака стронг> садржи наслов веб странице, а ове информације се појављују у области картица веб прегледача. п> Испод можете видети пример ознаке наслова: п> Увод у ХТМЛ
Ан ХТМЛ датотека која има стронг> горња ознака ће се приказати као „Увод у ХТМЛ“ у подручју картица у прегледачима. п> Ознака стронг> означава садржај веб странице и генерално има назив и атрибут садржаја. Три популарније врсте ознака стронг> су опис, кључна реч и оквир за приказ. п> Испод је пример ознаке ознаке стронг>: п> цоде> пре> Атрибут садржаја ознаке десцриптион стронг> садржи опис вашег веба страна. Ово су подаци који се приказују у резултатима претраживача и који потенцијалном посетиоцу говоре шта може да очекује на веб локацији. п> Испод је пример ознаке ознаке стронг> за кључне речи: п> цоде> пре> Ознака кључне речи стронг> садржи речи или фразе које су релевантне за твој Веб-сајт. Свака нова реч или израз додељена атрибуту садржаја кључне речи одвојена је зарезом, као што можете видети у горњем примеру. п> Испод је пример ознаке ознаке стронг> оквира за приказ: п> цоде> пре> Ознака виевпорт стронг> помаже у стварању респонзивног дизајна, чинећи вашу веб страницу прилагодљивом на различите врсте уређаја. п> Шта је ознака ? х2> стронг> ознака је други главни одељак у оквиру стронг> коренске ознаке. Ознака стронг> садржи сваки елемент који је приказан на веб страници. п> Елементи са ознаком стронг> класификовани су као уграђени или блок елементи. Ако желите да видите комплетну ХТМЛ таблицу са основним информацијама спан>, саставили смо је једну да бисте лакше разумели све. п> Шта су блок елементи? х2> Блок елементи увек почињу на новој линији и заузимају целу ширину линије коју укључени сте. п> Неки елементи блока које ћете користити укључују: п> Ознаке наслова стронг> ли> таг стронг> ли> Ознака стронг> ли> Тхе ознака стронг> ли> Ознака стронг> ли> Ознака стронг> ли> ул > Блок елементи се користе за подјелу текста на веб страницу у кохерентном, сварљивом формату. п> Постоји шест различитих врста ознака наслова: стронг>, стронг>, стронг>, стронг>, стронг> и стронг>. Ознака стронг> производи највећи наслов, стронг> означава најмањи наслов, а сви остали наслови налазе се на положају између два (у зависности од његовог броја) вредност). п> Ознаке наслова се користе у заглављима на веб страници. Употреба одређене ознаке заглавља зависи од положаја наслова на веб страници. На пример, ознака стронг> се користи у првом наслову веб странице, а веб страница користи само један х1 елемент (иако може имати неколико елемената х2, х3 и х4). п> У наставку можете видети пример ознаке у акцији: п> Учење основа ХТМЛ -а х1> код> пре> Шта је ознака? х2> стронг> је још један елемент блока који се користи унутар тела веб странице и ствара параграфе. Испод је пример коришћења ове ознаке: п> Лорем ипсум долор сит амет цонсецтетур адиписицинг елит. Велит аликуид а цупидитате инвенторе, реициендис еарум иллум моллитиа дигниссимос оффициа, цулпа цумкуе долорем куидем аткуе маиорес, ад темпора куиа. Репудиандае, делецтус! п> цоде> пре> Шта је Ознака? х2> Ознака стронг> представља поделу. Користи се за креирање контејнера за групе других ХТМЛ стронг> елемената у стилске или функционалне сврхе. п> На пример, ако радите са мрежом, мораћете све елементе мреже ставити у контејнер. Ознака стронг> је оно што ћете морати да користите за креирање контејнера. п> Повезано: Научите како да направите дводимензионалне веб локације помоћу ЦСС мреже спан> спан> п> Ознаке стронг> и стронг> се користе за прављење листа у ХТМЛ стронг> -у. Ознака стронг> прави поређане листе, док ознака стронг> ствара неуређене листе. Међутим, обе ознаке користе ознаку стронг> која ствара ставке листе. п> Коришћење ознаке х3> Уређена листа подразумевано користи бројеве. Међутим, ознака стронг> има атрибут типа који можете користити за изричито навођење елемента који желите да користите за наручивање листе. Можете наручити листу са великим или малим римским бројевима, великим или малим словима или бројевима. п> Испод можете видети пример: п> Прва ставка ли> < ли> Друго итем ли> Трећа ставка ли> ол> цоде> пре> Горњи код прави поређену листу користећи доње ставке велика слова. п> Коришћење ознаке х3> Ознака стронг> такође има атрибут типе, који узима једну од неколико вредности: наиме диск, круг или квадрат. Међутим, диск је подразумевани индикатор нове ставке листе на неуређеној листи. п> Испод је пример шта би неуређена листа желела у облику кода: п> Прва ставка ли> Друго итем ли> Трећа ставка ли> ул> цоде> пре> Шта су уметнути елементи? х2> Уграђени елемент то не чини почни на новој линији. Почиње на следећој доступној позицији, која може или не мора бити на новој линији, и користи само онолико ширине колико је потребно. Неки уграђени елементи које ћете највероватније користити укључују: п> ознака ли> ознака ли> Ознака ли> Ознака ли> Ознака ли> ул> О свакој од њих ћемо детаљније разговарати испод. п> Шта је ознака? х2> стронг> ознака се користи за инлине стилизовање. На пример, ако желите да промените стил одређене речи или фразе у одломку, можете користити ознаку стронг>. п> Испод је пример ове ознаке: п> Лорем ипсум долор сит амет цонсецтетур адиписицинг елит. Велит аликуид а цупидитате инвенторе, реициендис еарум иллум дигниссимос оффициа спан>, цулпа цумкуе долорем куидем аткуе маиорес, ад темпора куиа. Репудиандае, делецтус! п> цоде> пре> Коришћење ознаке стронг> у горњи пример осигурава да две речи унутар ознаке стронг> сада могу имати јединствену реч стил. п> Шта је ознака? х2> стронг> таг се користи за креирање веза на веб страници. Ознака стронг> омогућава програмеру да се повеже на другу веб локацију (спољна веза) или другу веб страницу на истој веб локацији (интерна веза). Ознака стронг> има два важна атрибута - хреф и таргет. п> Хреф атрибут је битан јер чува вредност локације везе. Атрибут таргет је неопходан јер омогућава кориснику да отвори везу на новој картици. Без циљног атрибута, веза ће се отворити на тренутној картици, а ако је спољна веза, одвешће промет са ваше веб локације. п> Погледајте испод ознаку стронг> на делу: п> Кликните на ову везу до Гоогле-а а> цоде> пре> Учење ХТМЛ-а је Неопходно за програмере х2> Учење ХТМЛ стронг> -а је кључно за све програмере и требало би да чини основе вашег студије. На срећу, ипак, није превише компликовано. п> Прочитавши овај водич, требали бисте имати све што вам је потребно за боље форматирање веб страница. п> Дели спан> буттон> Дели спан> спан> Твеет спан> спан> Емаил спан> спан> див> див> Увод у каскадне таблице стилова (ЦСС) спан> стронг> Спремни сте да одбаците благе ХТМЛ веб странице и зачините ствари помоћу ЦСС -а? Ево водича који вам је потребан за почетак. п> див> Прочитајте следеће п> спан> Повезано Теме стронг> Програмирање спан> ли> ХТМЛ спан> ли> Савети за кодирање спан> ли> Програмирање спан> ли> ул> див> О програму Аутор стронг> див> Кадеисха Кеан (27 чланака Објављено) спан> стронг> Кадеисха Кеан је програмер софтвера у пуном саставу и писац техничке/технологије. Она има изразиту способност да поједностави неке од најсложенијих технолошких концепата; производњу материјала који може лако разумети сваки почетник у технологији. Обожава писање, развој занимљивог софтвера и путовање по свету (кроз документарне филмове). п> див> Више од Кадеисха Кеан спан> див> див> Претплатите се на наш билтен х4> Придружите се нашем билтену за техничке савете, рецензије, бесплатне е-књиге и ексклузивне понуде! п> Кликните овде до претплатите се п> див> див> див> див> флоки>