Како да направите веб локацију за само неколико сати

Прављење веб странице не мора бити тешко. У овом чланку, прошетаћемо кроз основе креирања хтмл странице и како да направите мини листу са укљученим садржајима. Следећи, разговараћемо о томе како да користимо хтмл>-таг за истицање текста. Коначно, показаћемо вам како да направите веб локацију за само неколико сати. Такође ћемо покрити неколико других корисних техника.

Креирање хтмл странице

ХТМЛ је језик који се користи за прављење веб страница. Он дефинише структуру веб странице, а ЦСС контролише како се садржај приказује. Није тешко направити основну ХТМЛ страницу. Ево водича корак по корак за почетак. Када имате основну ХТМЛ страницу, спремни сте да креирате сложеније и динамичније. Да почне, требаће вам уређивач текста и веб претраживач.

Такође можете да користите програм за обраду текста као што је МС Ворд да бисте креирали садржај за своју веб страницу. Можете користити хипервезе да бисте међусобно повезали текст. Такође можете сачувати датотеку као хтмл датотеку, веб страницу. Овај метод добро функционише, али странице које креирате на овај начин су огромне и не изгледају добро у прозору прегледача. Једина мана ове методе је што морате научити да користите алате који су доступни.

ХТМЛ је језик за означавање, што значи да морате да укључите ознаке да бисте форматирали садржај на страници. Свака ознака представља један од елемената странице. Ознака се идентификује угаоном заградом. Неки елементи захтевају само једну ознаку, док други захтевају два. Завршна ознака садржи косу црту унапред. На пример, ознака параграфа ствара елемент који се зове пасус. Текст између почетне и завршне ознаке чини текст пасуса. Слично томе, ознака ул ствара неуређену листу.

Креирање мини листе укључује

Прављење мини-инцлудес одељка је ефикасан начин за повезивање различитих елемената на истој веб страници. ХТМЛ страница се може поделити на неколико подсекција, при чему сваки одељак садржи листу елемената. Ови елементи служе различитим сврхама. Можете користити атрибут типа за приказ абецедног реда. Такође можете користити мала слова да креирате листу елемената са словима а, б, или ц.

Додавање елемента је једноставно. Једноставан ХТМЛ документ садржи ознаке које дефинишу његов садржај. Ове ознаке обично долазе у паровима. Почетна ознака се користи за навођење елемената унутар ње, док завршна ознака затвара елемент. Ознака за отварање, или глава, укључује описне информације о документу. Ове информације могу укључивати наслов, информације о листи стилова, скрипте, или мета информације. Завршна ознака, с друге стране, затвара елемент.

Користећи хтмл>-таг

Тхе хтмл>-таг се користи за дефинисање главне области садржаја ХТМЛ документа. Главна област садржаја састоји се од текста који се односи на централну тему или функционалност странице. Мора бити јединствен од другог садржаја на сајту. Други садржај се може појавити на страници у облику бочних трака, навигационе везе, информације о ауторским правима, логотипи сајта, и форме за претрагу. ХТМЛ страница мора да прати хтмл>-ознаку која се сматра ХТМЛ страницом.

Атрибут хреф= отвара елемент везе. После “=” знак, требало би да налепите УРЛ линка. Такође можете користити више редова пасуса у једном наслову. Завршна заграда је неопходна. Ово ће спречити да ваше везе буду погрешно протумачене. Да бисте олакшали читање хтмл странице, додајте везу на своју веб локацију. Тхе хтмл>-таг ће вам омогућити да додате везе које упућују на другу веб страницу.

ХТМЛ датотека ће имати екстензију .хтмл која ће вашем рачунару рећи да је то ХТМЛ датотека. Најбоље је користити цртицу уместо размака, пошто ће размаци спречити веб претраживач да пронађе датотеку. Када завршите са креирањем ХТМЛ странице, мораћете да га сачувате. Следећи, идите до фасцикле са ХТМЛ датотеком и кликните десним тастером миша на њу. Требало би да изгледа слично као на слици испод.

Користећи хтмл>-таг за истицање текста

Можете користити ознаку> таг за истицање текста у ХТМЛ документима. То је релативно нов ХТМЛ 5 одлика, а дефинише истакнути део пасуса. Ознака> таг функционише тако што мења својство боје позадине основног ХТМЛ документа. Ознака> таг подржава и глобалне и атрибуте догађаја. Истакнут ће текст жутом или црном бојом. Такође је могуће променити боју текста у основној ЦСС датотеци.

Већина читача екрана не најављује елемент ознаке, али можете да користите својство ЦСС садржаја или псеудоелементе.пре и.после да бисте учинили очигледним који текст желите да истакнете. Најаве су опширне и додају непотребне информације на страницу, па их треба штедљиво користити. На пример, можете користити најаве да бисте истакли термин за претрагу или блокирали цитате. Најаве подржавају сви главни претраживачи.

Поред стила боје позадине, можете користити „хигхлигхтме“.’ класе да бисте истакли текст у вашем ХТМЛ документу. Стил боје позадине подржавају сви претраживачи. Такође можете користити реч „жуто“.’ уместо кода боје. Можете користити исти код да бисте истакли пасус или део текста. Такође можете користити ЦСС класе за истицање текста.

Користећи хтмл>-таг за креирање мини-инцлудес листе

Тхе хтмл>-таг се користи за креирање листе мини-инцлудес. Садржи одговарајућу завршну ознаку, а име елемента је малим словима. ХТМЛ документи су кодирани коришћењем УТФ-8 кодирања знакова, који подржава укључивање Уницоде знакова. Када користите хтмл>-таг, обавезно изаберите УТФ-8 у “Сачувај као” Дијалог.

Користећи хтмл>-таг за додавање мини-инцлудес листе на ХТМЛ страницу је лако. Ову ознаку можете користити за било који елемент који подржава неуређену листу. Можете чак да користите и неуређену листу за мени за навигацију. Елемент дл обухвата листу парова термина и описа. Ставке у поређаној листи су приказане са ескалирајућим бројачем на левој страни. Такође можете изоставити дл елемент ако одмах иза ставке листе следи други елемент.

Други начин за уметање мини-инцлудес листе је додавање елемента подножја у ХТМЛ документ. Овај елемент представља подножје садржаја најближег одељка. Обично садржи податке о аутору, подаци о ауторским правима, или везе до повезаних докумената. Користећи хтмл>-таг за креирање мини-инцлудес листе на ХТМЛ страници

Користећи хтмл>-таг за истицање појединачних блокова текста

ХТМЛ5 означава појединачне текстуалне блокове ознаком> елемент. Ова ХТМЛ5 ознака мења боју садржаја у извору у одређену нијансу жуте или црне, омогућавајући читаоцу да разликује важан текст. Такође се може користити за означавање делова садржаја којима је потребно више пажње од другог текста. Ознака> елемент подржава глобалне атрибуте и атрибуте догађаја у ХТМЛ-у. Када се правилно користи, ова ХТМЛ5 ознака може побољшати читљивост веб странице.

ХТМЛ4 стандард застарева ознаке на нивоу знакова у физичком стилу. Баве се презентацијом, и боље је користити ЦСС за ове сврхе. ХТМЛ5 их је поново увео. Они више нису застарели, али они и даље нису једини начин за истицање појединачних текстуалних блокова. Користите ЦСС да истакнете појединачне блокове текста помоћу ХТМЛ5! Ова једноставна метода ће истаћи појединачне текстуалне блокове унутар дела садржаја.

Пловак: Можете користити ово својство ЦСС-а да померите елемент на леву или десну ивицу елемента који садржи. Може се користити за креирање мреже или колона. Такође можете да користите ЦСС својство звано флоат да померите ифраме или слику на леву или десну маргину прегледача. Ови атрибути олакшавају истицање појединачних блокова помоћу ЦСС-а.