Ако желите да направите сопствену веб страницу, морате имати разумевање ХТМЛ-а. This article explains how to create an HTML page. Такође, научићете како да направите кмл мапу сајта и како да додате слику и везу. Такође је важно направити кмл мапу сајта, што вам може помоћи да организујете своју веб локацију и повећате промет. Следећи корак је одабир шаблона.
Креирање хтмл странице
ХТМЛ је језик за означавање. Сваки елемент веб странице је представљен ознаком. Ознака се идентификује угаоним заградама, и сваки елемент има једну или више ознака. Неки елементи захтевају само једну ознаку; други могу захтевати два. Ознаке за отварање и затварање имају косу црту унапред (/). На пример, елемент пасуса је представљен ознаком п. Текст између почетне и завршне ознаке је текст пасуса.
Да бисте направили ХТМЛ документ, мораћете да користите уређивач текста. Већина рачунара подразумевано има уређивач текста. Корисници Виндовс-а ће користити Интернет Екплорер, док корисници Мац-а могу да користе ТектЕдит. Можете да инсталирате фенси уређивач текста да бисте направили веб страницу професионалног изгледа, али за вашу прву ХТМЛ страницу, није потребно. Такође можете користити једноставан уређивач текста и било који веб претраживач. Ако нисте сигурни који програм да користите, покушајте да преузмете бесплатни ХТМЛ уређивач.
ХТМЛ страница има два главна одељка: тело и глава. Одељак тело садржи стварни садржај веб локације, док се одељак за главу користи за наслов и мета информације. Тело садржи све остале елементе, укључујући слике и другу графику. Одељак заглавља је место за постављање ваших навигационих веза. Након што завршите са писањем тела, спремни сте да убаците садржај документа. Обавезно користите елементе тела и главе како бисте били сигурни да је ваша веб локација доступна свима.
Creating a xml sitemap
If you have an HTML page, можда ћете желети да направите КСМЛ мапу сајта како бисте помогли претраживачима да индексирају вашу веб локацију. Иако ово неће утицати на ваше рангирање у претрази, то ће помоћи претраживачима да разумеју ваш садржај и прилагоде своју стопу индексирања. Овуда, ваша веб локација ће бити видљивија у резултатима претраживача. Ево неколико једноставних корака за почетак:
Лако је направити ХТМЛ мапу сајта. Све што треба да урадите је да направите једноставну табелу страница вашег сајта, са везама до сваке странице. Затим повежите до те странице мапе сајта у заглављу или подножју. Овуда, без обзира на то колико страница има ваш сајт, људи могу лако да се крећу кроз њих. Штавише, не морате да пошаљете СЕО да бисте направили мапу сајта.
Када ваша ХТМЛ страница буде активна, пошаљите га на Гоогле Сеарцх Цонсоле. Можете користити било коју екстензију датотеке и именовати своју КСМЛ мапу сајта. Можете да пошаљете КСМЛ мапу сајта Гоогле-у, али није неопходно. Гоогле-ови пописивачи су генерално прилично добри у откривању новог садржаја, и не морате да им шаљете мапу сајта. Можете га послати и другим претраживачима, али то не гарантује да ће вас Гоогле открити.
Није неопходно додати КСМЛ мапу сајта вашој веб страници, али то ће повећати СЕО ваше веб странице. Мапе сајтова користе претраживачи како би им помогли да индексирају странице које нису директно повезане на веб страници. Ситемап такође помаже да се побољша доступност богатог медијског садржаја. Додавање мапе сајта вашој веб локацији може помоћи да ваша веб локација буде приступачнија за ботове претраживача.
Adding a picture
In HTML, можете додати слику на страницу помоћу ознаке имг. Ова ознака садржи само слику и њене атрибуте; не захтева завршну ознаку. Ову ознаку слике треба уметнути у део тела ХТМЛ документа. Поред ширине и висине слике, требало би да укључите атрибут алт који описује слику. Алт таг треба да буде написан као да пишете опис за особу која не може да је види.
Додавање слике у ХТМЛ документ захтева мало знања о ЦСС-у и ХТМЛ-у. Величина слике и резолуција су два најважнија фактора која треба узети у обзир. Величина слике ће одредити како ће се уклопити у садржај документа. Ако желите да користите другу резолуцију или однос ширине и висине, такође можете покушати да промените величину слике. Међутим, запамтите да скалирање не функционише увек како очекујете.
Добро правило за подешавање величине слике је повећање њене ширине. Ширина треба да буде најмање један пиксел мања од висине. Ако је слика премала за приказ, можете додати ивицу, а затим га прилагодите величини слике. Такође можете подесити ивицу слике додавањем атрибута границе. Дебљина ивице је подразумевана вредност, али можете га поставити на било коју вредност. Уверите се да слика има атрибут срц.
Adding a link
You can add a link in HTML to your document using an a> таг са атрибутом хреф. Ово ће креирати обележивач за документ и отворити га у новој картици. Такође можете да користите атрибут хреф да бисте уметнули слику у документ. Такође можете да користите везу са ЈаваСцрипт кодом да бисте ХТМЛ дугме претворили у везу. Када то урадите, можете да стилизујете своју везу помоћу ЦСС или ЈаваСцрипт кода.
Веза је веза од једног веб ресурса до другог. Састоји се од два краја, изворно сидро и одредишно сидро. Веза може бити било шта, од слике до текстуалне датотеке. Већина друштвених мрежа и веб локација користи везе за усмеравање корисника на одређени УРЛ. ХТМЛ се такође може користити за одређивање локације везе. То је’ атрибут вам омогућава да повежете елементе кода са УРЛ-ом.
Приликом дизајнирања везе, водите рачуна о томе како ће ваши посетиоци користити садржај. Текст везе треба да буде дескриптиван, тако да ће тачно знати шта треба да очекују. Понављање истог УРЛ-а је ружно за читаче екрана, а то им не даје никакве корисне информације. Читачи екрана такође говоре корисницима када везе постоје тако што их чине различитим стиловима или подвлачењима. На овај начин, лако могу пронаћи информације које су им потребне.
Adding a table
Adding a table to an HTML page is simple, али постоји неколико ствари које треба да размотрите пре него што то урадите. Боја позадине вашег стола је кључна за привлачење пажње вашег посетиоца и скретање пажње на важне информације. Можете поставити другу боју за елемент заглавља табеле и елемент података користећи хексадецималне кодове боја или имена боја. У сваком случају, ваш сто ће бити лако видљив.
Можете додати заглавље табеле и податке табеле са елементом тд, који дефинише индивидуалне “кутије” за садржај. Додавање заглавља табеле је први корак ка приказивању података на веб страници, и требало би да додате прву ако желите. Табела такође треба да има три наслова реда. Једно заглавље треба да буде празно. Ако ваша табела има колоне, такође би требало да креирате заглавља редова за сваку колону.
Такође можете додати наслове у своју табелу. Наслов је опциони елемент који описује сврху табеле. Наслови су такође корисни за приступачност. Табела такође може да садржи ћелије које описују групе података. Коначно, можете додати елемент тхеад да дефинишете скуп редова и колона. Можете користити оба елемента заједно или одвојено. Можете их чак користити у комбинацији, али натпис је најважнији.
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. Елемент див је посебан контејнер за текст, слике, и други елементи. Можете га назвати како год желите и променити његове атрибуте како би одговарао вашим потребама. Такође можете додати класу или маргину да бисте направили размак између див и других елемената на вашој страници.
Такође можете користити иннерХТМЛ атрибут за уметање кода унутар див. Овај метод прихвата код затворен у низу, а ако није у оквиру див, садржај ће бити уклоњен. Требало би да избегавате уметање кода у див на овај начин, јер то може да изложи вашу веб локацију рањивости скриптовања на више локација. Ако користите скриптни језик као што је ЈаваСцрипт, можете користити иннерХТМЛ атрибут.
Див је основна ХТМЛ ознака која се користи за груписање кода унутар документа. Може да садржи пасус, блок цитат, слика, аудио, или чак заглавље. Његова позиција вам омогућава да примените јединствен стил и језик на различите делове странице. Дивови се најбоље користе за означавање семантике која је заједничка групама узастопних елемената. Див треба да се користи када желите да додате стил одељку без потребе да поново пишете целу страницу.