Како да креирате HTML страница

Ако сакате да креирате своја веб-страница, мора да имате разбирање за HTML. This article explains how to create an HTML page. Исто така, ќе научите како да креирате xml карта на сајтот и како да додадете слика и врска. Исто така, важно е да креирате мапа на сајтот xml, што може да ви помогне да ја организирате вашата страница и да го зголемите вашиот сообраќај. Следниот чекор е да изберете шаблон.

Creating a html page

HTML е јазик за обележување. Секој елемент на веб-страницата е претставен со ознака. Ознаката се идентификува со аголни загради, и секој елемент има една или повеќе ознаки. Некои елементи бараат само една ознака; други може да бараат два. Ознаките за отворање и затворање имаат коса црта нанапред (/). На пример, елементот параграф е претставен со ознаката p. Текстот помеѓу ознаките за отворање и затворање е текстот на параграфот.

За да креирате HTML документ, ќе треба да користите уредувач на текст. Повеќето компјутери стандардно имаат уредувач на текст. Корисниците на Windows ќе користат Internet Explorer, додека корисниците на Mac можат да користат TextEdit. Можете да инсталирате фантастичен уредувач на текст за да креирате веб-страница со професионален изглед, но за вашата прва HTML страница, не е потребно. Можете исто така да користите едноставен уредувач на текст и кој било веб-прелистувач. Ако не сте сигурни која програма да ја користите, обидете се да преземете бесплатен HTML уредник.

HTML страницата има два главни секции: телото и главата. Делот тело ја содржи вистинската содржина на веб-страницата, додека делот за глава се користи за наслов и мета информации. Телото ги содржи сите други елементи, вклучувајќи слики и други графики. Делот за заглавие е местото каде што се поставуваат врските за навигација. Откако ќе завршите со пишување на телото, подготвени сте да ја вметнете содржината на документот. Погрижете се да ги користите елементите на телото и главата за да се осигурате дека вашата веб-страница е достапна за секого.

Creating a xml sitemap

If you have an HTML page, можеби ќе сакате да креирате XML мапа за да им помогнете на пребарувачите да ја пребаруваат вашата веб-страница. Иако ова нема да влијае на рангирањето на вашето пребарување, ќе им помогне на пребарувачите да ја разберат вашата содржина и да ја прилагодат нивната стапка на индексирање. На овој начин, вашата веб-страница ќе биде повидлива во резултатите од пребарувачот. Еве неколку лесни чекори за да започнете:

Креирањето HTML мапа на сајтот е лесно да се направи. Сè што треба да направите е да направите едноставна табела на страниците на вашата страница, со линкови до секоја страница. Потоа поврзете се до таа страница со мапа на сајтот во заглавието или подножјето. На овој начин, без разлика колку страни има вашиот сајт, луѓето лесно можат да се движат низ нив. Згора на тоа, не мора да поднесувате оптимизација за да креирате карта на сајтот.

Откако вашата HTML страница е во живо, доставете го на Google Search Console. Можете да користите која било екстензија на датотека и да ја именувате вашата XML карта на сајтот. Можете да поднесете XML карта на сајтот до Google, но тоа не е потребно. роботите на Google генерално се прилично добри во откривањето нова содржина, и не треба да им поднесувате карта на сајтот. Можете исто така да го поднесете до други пребарувачи, но ова не гарантира дека Google ќе ве открие.

Не е неопходно да додадете XML карта на вашата веб-страница, но тоа ќе ја зголеми оптимизацијата на вашата веб-страница. Мапите на сајтот се користат од пребарувачите за да им помогнат да индексираат страници што не се директно поврзани со веб-страница. Мапите на сајтот, исто така, помагаат да се подобри пристапноста до богата медиумска содржина. Додавањето мапа на вашата веб-локација може да помогне да ја направите вашата страница подостапна за ботови на пребарувачите.

Adding a picture

In HTML, можете да додадете слика на страница со користење на ознаката img. Оваа ознака ја содржи само сликата и нејзините атрибути; не бара ознака за затворање. Оваа ознака за слика треба да се вметне во делот за тело на HTML документот. Покрај ширината и висината на сликата, треба да вклучите алт атрибут што ја опишува сликата. Ознаката alt треба да биде напишана како да го пишувате описот за лице кое не може да го види.

Додавањето слика во HTML документ бара малку знаење за CSS и HTML. Големината на сликата и резолуцијата се два од најважните фактори што треба да се земат предвид. Големината на сликата ќе одреди како таа ќе се вклопи во содржината на документот. Ако сакате да користите различна резолуција или сооднос, може да се обидете и да ја промените големината на сликата. Сепак, запомнете дека скалирањето не секогаш функционира како што очекувате.

Добро правило за прилагодување на големината на сликата е да се зголеми нејзината ширина. Ширината треба да биде најмалку еден пиксел помала од висината. Ако сликата е премногу мала за прикажување, можете да додадете граница, а потоа прилагодете го за да одговара на големината на сликата. Можете исто така да ја прилагодите границата на сликата со додавање на атрибутот граница. Дебелината на границата е стандардната вредност, но можете да го поставите на која било вредност. Проверете дали сликата има атрибут src.

Adding a link

You can add a link in HTML to your document using an a> означете со атрибутот href. Ова ќе создаде обележувач за документот и ќе го отвори во нов таб. Можете исто така да користите атрибут href за да вметнете слика во документот. Можете исто така да користите врска со JavaScript код за да конвертирате копче HTML во врска. Откако ќе го направите ова, можете да ја стилизирате вашата врска со CSS или JavaScript код.

Врската е врска од еден веб-ресурс до друг. Се состои од два краја, изворно сидро и сидро за дестинација. Врската може да биде што било од слика до текстуална датотека. Повеќето сајтови за социјално вмрежување и веб-страници користат врски за да ги насочат корисниците кон одредена URL адреса. HTML може да се користи и за одредување на локацијата на врската. Тоа е’ атрибутот ви овозможува да ги поврзете елементите на кодот со URL.

При дизајнирање врска, погрижете се да размислите како вашите посетители ќе ја користат содржината. Текстот на врската треба да биде описен, така што точно ќе знаат што треба да очекуваат. Повторувањето на истиот URL е грдо за читателите на екранот, и не им дава никакви корисни информации. Читачите на екранот, исто така, им кажуваат на корисниците кога постојат врски со тоа што ги прават различни стилизирани или подвлечени. На овој начин, лесно можат да ги најдат потребните информации.

Adding a table

Adding a table to an HTML page is simple, но има неколку работи што треба да ги земете предвид пред да го направите тоа. Бојата на позадината на вашата маса е клучна за да го привлече вниманието на вашиот посетител и да го привлече вниманието на важни информации. Може да поставите различна боја за елементот за заглавие и податочниот елемент на табелата со користење на хексадетични шифри за боја или имиња на бои. Во секој случај, вашата маса ќе биде лесно видлива.

Можете да додадете заглавие на табелата и податоци од табела со елементот td, кој ја дефинира индивидуалната “кутии” за содржината. Додавањето заглавие на табелата е првиот чекор за прикажување податоци на веб-страница, и ако сакате, треба да го додадете првиот. Табелата исто така треба да има три наслови на редови. Едно заглавие треба да биде празно. Ако вашата табела има колони, треба да креирате и заглавија на редови за секоја колона.

Можете исто така да додавате натписи на вашата маса. Насловот е изборен елемент кој ја опишува целта на табелата. Титловите се исто така корисни за пристапноста. Табелата може да содржи и ќелии кои опишуваат групи на податоци. Конечно, можете да го додадете елементот thead за да дефинирате множество од редови и колони. Можете да ги користите двата елементи заедно или одделно. Можете дури и да ги користите во комбинација, но натписот е најважен.

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. Елементот div е посебен контејнер за текст, слики, и други елементи. Можете да го именувате како што сакате и да ги промените неговите атрибути за да одговараат на вашите потреби. Можете исто така да додадете класа или маргина за да создадете простор помеѓу div и другите елементи на вашата страница.

Можете исто така да го користите атрибутот innerHTML за да вметнете код во div. Овој метод прифаќа код затворен во низа, а ако не е во рамките на див, содржината ќе биде отстранета. Треба да избегнете вметнување код во div на овој начин, бидејќи може да ја изложи вашата веб-локација на пропусти за скриптирање меѓу страници. Ако користите јазик за скриптирање како што е JavaScript, можете да го користите атрибутот innerHTML.

Div е основна HTML ознака што се користи за групирање на код во документ. Може да содржи параграф, блок цитат, слика, аудио, или дури и заглавие. Неговата позиција ви овозможува да примените униформен стил и јазик на различни делови од страницата. Divs најдобро се користат за обележување на семантиката што е заедничка за групите последователни елементи. Div треба да се користи кога сакате да додадете стил на дел без да мора да ја препишувате целата страница.