В тази статия ще научите как да използвате HTML, за да напишете първия си уебсайт! Статията ще предостави илюстративни примери за по-добро разбиране. Нека направим резервация веднага, че статията първоначално е предназначена за тези, които тепърва започват да учат HTML. В допълнение, ние обещаваме, че до края на четенето на тази статия, гарантирано ще създадете своя първи уебсайт.
HTML означава HyperText Markup Language, тоест език за организиране на текст.
За разлика от езиците за програмиране (JavaScript, PHP и т.н.), които използват скриптове за извършване на действия на уебсайтове, езикът за последователност (HTML) използва тагове за маркиране на съдържанието на уебсайта.
Нека започнем да изучаваме HTML от нулата
Точно както английският е съставен от букви A, B, C и т.н., така HTML се състои от особени "букви":,,
и др. Тези особени "букви" на HTML езика се наричат тагове от уеб администраторите.
Следва пример за HTML маркер.
Етикети Създайте подчертаване около ръбовете на този текст.
HTML тагове, съчетани с езикови стилове на CSS, ви позволяват бързо и ефективно да създавате уебсайтове.
Мястото на HTML сред другите езици
Както знаете, добър уебсайтвграден на поне 5 езика.
Модерният уебсайт е изграден на езици:
- HTML (структура и подреждане).
- CSS (стилово съдържание).
- JavaScript (действия на браузъра).
- PHP (действие на сървъра).
- SQL (съхранение на данни).
HTML е основният фундаментален език, на който се основават другите. Следователно изучаването на HTML трябва да бъде първата стъпка за всеки, който се учи как да създава уебсайтове в мрежата.
Етикет
Езикът на HTML се промени през годините от създаването му. В момента повечето интернет сайтове преминават към най-новата версия на езика – HTML5. Но дори и в HTML5, основите на езика остават непроменени.
Структурата на HTML страница е като сандвич. Точно както сандвичът има две филийки хляб, HTML документът има отварящ и затварящ HTML маркер.
Тези етикети, като хляба в сандвич, обграждат всичко вътре.
Етикет
Докато продължавате да изучавате HTML, определено трябва да се запознаете с етикета. Директно вътре в родителския маркер е цялото съдържание на сайта, включително тага. Този таг е задължителен и съдържа всички настройки на страницата на сайта, за която е написан. Тези настройки не се виждат от посетителите на сайта, виждат ги само браузърите (Google Chrome, Mozilla Firefox и др.).
Блокът за настройки на уеб страницата съдържа всички "неизобразени" елементи, които помагат на браузъра да показва сайта ви правилно в мрежата.
Всички опции, коитоможе да се конфигурира вътре в тага, ще го разгледаме, но малко по-късно - когато му дойде времето.
Етикет
Етикетът, подобно на етикета, е вътре в етикета.
Този маркер е необходим, за да се покаже на вашия сайт цялата информация, която искате да покажете.
Заглавия, абзаци, таблици, снимки и връзки са само малка част от елементите, които могат да се съдържат в етикета.
Основна структура на HTML документ:
… …
Вашият първи сайт
Сега знаете, че можете да създавате уебсайтове с помощта на HTML и че за това се използват основни тагове:
- . Очертава границите на уеб страница.
- . Съдържа настройки за показване на уеб страница в браузър.
- . Съдържа всички елементи на уеб страницата (изображения, видеоклипове, текст и т.н.), които искате да покажете на посетителите на сайта.
Други тагове като,,, ще говорим скоро.
Би било чудесно, ако читателят не само прочете тази статия, но и веднага се затича да усъвършенства уменията си. За да усъвършенствате своите HTML умения, ще трябва да създадете първия си уебсайт, който ще служи като тестова площадка за новите ви умения.
Известно е, че мобилните оператори ("MTS", "MegaFon" и т.н.) ни предоставят мобилни услуги. По същия начин услугите за създаване и управление на сайтове ни се предоставят от хостинг оператори. За да създадете своя уебсайт, отидете на сайта на всеки безплатен хостинг оператор.
Проверените хостинг доставчици включват BEGET илиобл., например. Можете да изберете всеки.
След кратка регистрация, след 24 часа, вашият първи уебсайт в Интернет ще бъде създаден автоматично, който ще бъде видим за целия свят и можете да започнете да практикувате!
Модерна структура на сайта
Сега, когато имате своя сайт, проверете какви тагове съдържа маркерът и как организират информацията в сайтовете.
Картината по-горе е схематично представяне на структурата, която идва с най-новата версия на HTML езика - HTML5. Заедно с HTML5 се появиха не само нови тагове, но и значението на изграждането на уебсайтове. Всички тагове, които виждате на снимката, се съдържат в основния таг. Тези тагове ви помагат да "очертаете" структурата на вашия сайт и да му придадете значение.
Например, вътре тагове… удобно е да поставите заглавието на сайта (тагове) и описанието на сайта (тагове).
Удобно е да поставите менюто (линкове) на сайта (таг) вътре в таговете.
Удобно е да поставите всеки голям блок информация, свързана по значение, вътре в етикетите. Това може да бъде няколко статии, всяка от които е "опакована" в тагове, или снимки (таг), или таблици (tags
) и още.
Удобно е да поставите всяка информация вътре в таговете, която не отговаря на значението на.
Вътре в етикетите е обичайно да се поставя допълнителна информация като информация за контакт, допълнителни раздели на сайта и т.н.
Така че сега сте малко по-умели в това от какво са направени съвременните уебсайтове. Да вземем пример засуматохата в главата ми беше заменена от страхопочитание от прозрение.
И така, когато отворите файловия мениджър на сайта на вашия хостинг оператор и намерите документ, наречен index.php, не се колебайте да напишете в него, сякаш от нулата, структурата на вашия сайт.
Моят първи уебсайт
Заглавие на страница
Описание на страницата
Връзка №1 | Връзка №2 | Връзка 3
Заглавие на статия
Това е блок, който съдържа всякаква информация и с помощта на CSS можете да оцветите този блок и целия сайт с цялото му съдържание, както желаете. © Всички права запазени
Не забравяйте, че казахме, че има различни настройки за сайта? Е, ето го:
- Използвайки ние показваме на браузърите, че сайтът може да съдържа както руски, така и английски символи (в противен случай, когато отворите сайта, ще видите ужасни кракозябри).
- се използва за обозначаване на името на страницата, което ще се показва в раздела на браузъра и в търсачката ("Yandex", Google и други подобни).
Разбира се, без CSS стил, вашият сайт ще изглежда скъперник (черни букви на бял фон), но не забравяйте да опитате първо да напишете първата си страница в HTML.
Поздравления! Току-що създадохте първата си уеб страница на вашия собствен уебсайт! Ще бъде по-интересно!
