Как да създадете HTML страница: стъпка по стъпка инструкции, технологии и препоръки

Мислите ли как да създадете HTML страница? За това трябва да прекарате няколко часа и ще знаете основите на HTML. И можете да създадете първата си страница за 5 минути.

HTML означава HyperText Markup Language. В превод това означава "език за маркиране на хипертекст". Важно е да разберете, че HTML не е език за програмиране, а маркетинг на уебсайтове.

Всички съвременни браузъри могат да го разпознаят. След това те показват информацията по удобен за потребителя начин, както е планирано предварително от автора.

На този език се използват специални етикети. Всеки маркер изпълнява своята функция. Има много от тях. В идеалния случай трябва да научите всичко. Но за начинаещи базовите знания са достатъчни.

HTML Основи

Преди да създадете HTML страница, трябва да знаете от какво се състои. На този език има две понятия: елемент и маркер.

За да укажете къде се стартира и затваря този елемент, използвайте маркера за отваряне и затваряне. Изглежда така.

<отваряне на етикет> съдържание

Както можете да видите, маркерите за отваряне и затваряне се различават само в "/".

Целият HTML документ е колекция от тези елементи. Съществуват определени изисквания за структурата на документа. Цялото съдържание на страницата трябва да бъде между два маркера и . Когато пишете кода, вземете навика да настроите незабавно етикета за отваряне и затваряне.

Също така не забравяйте, че структурата на езика HTML има собствена йерархия. В противен случай се нарича гнездене. HTML таг е най-важното, тъй като всички останали са в него.

HTML има две деца:

• ... ;
• .. .

Бутонът HEAD показва различна сервизна информация. Тази информация не се показва в браузъра. Например, инструкции за програмисти, за всякакви програми, за роботи и много други.

Най-важното е, че няма съдържание тук.

Секцията BODY показва съдържанието на документа, който ще се показва на потребителя.

Научете се да отваряте и затваряте тагове наведнъж, защото може да има 10 вложени елементи. Освен това, за удобство е препоръчително вложените маркери да бъдат отместени. Така например.

Така че това, което е равносилно на важните етикети, са на едно и също ниво, а децата - "вътре". Така че е много по-удобно за възприемане и търсене на необходимото парче от кода. В противен случай може да се объркате. Но за да спестите място, маркерите на главата и тялото могат да бъдат направени без вдлъбнатина. Това се прави, така че всички останали да нямат излишно тире. Всичко останало е желателно да се отдели.

Как да създадем проста HTML страница

За да напишете кода ви е необходим някакъв редактор. Има много от тях. Notepad ++ и Adobe Dreamweaver са популярни. Можете също да използвате преносим компютър.

Така изглежда редактора на Notepad ++.

Това е много удобен редактор и е безплатен. Горният Adobe Dreamweaver е изискуем. Разликата между редакторите, предназначени за писане HTML код, от преносим компютър - в този специален етикет се открояват. Ако не е подчертано, това означава, че сте написали неправилно.

За да сте сигурни, че фоновото осветление съответства на езика, трябва да го зададете в настройките.

Нека да разгледаме как да създадем HTML страница в Notepad. Това означава, че завършихме техническата част и след това отидохме директно до изучаването на етикети.

Как да създадем уеб страница в бележника HTML

Първо, отворете бележника.

След това въведете това, което е показано на следващата екранна снимка.

Обичайте да пишете с ръце, а не само да копирате. Когато пишете с ръцете си, добре помнете цялата база данни с маркери.

След това кликнете върху менюто "Запазване на файл" и посочете името на файла, но с разширението .html.

След това можете да отворите файла в браузъра и да се възхитите на резултата. Сега трябва да разберете как да създадете уеб страница в бележника HTML.

Световен консорциум W3C

Има организация като W3C, която разработва и изпълнява всички стандарти за интернет. Всички браузъри спазват тези стандарти и обработват оформления на страници (кодове) съгласно тези правила.

На официалния сайт на разработчиците на HTML можете да намерите таблица с всички етикети и правила за тяхното използване. В рамките на тази статия ние считаме за най-основното.

Може да мислите, какви правила могат да съществуват? Всички описани маркери имат собствена препоръка. Има няколко от тях:

• По избор маркер.
• Забранено.
• Празен маркер.
• остарял
• Изгубеният.

Етикети в HTML

Преди да създадете HTML страница, трябва да разберете какво трябва да бъде в обслужващата част на HEAD.

В областта HEAD има задължителни и незадължителни етикети. Задължителният маркер е заглавие. Обозначава се с . Тя се присвоява на целия документ. И това, което виждате в резултатите на търсещата машина на Google, е заглавието на маркера.

Нека да преминем към секцията ТЯЛО. Има елементи, които се показват в браузъра и има и такива, които не са показани. Например коментарите не се показват на потребителя. Те могат да се използват за бележки или за намек за други служители, ако работите в екип.

Те са означени като

Всичко, което е междувременно, се разглежда от програмата по този начин. Имайте предвид, че не можете да прикачите маркер за коментари към друг маркер за коментари. Защото веднага щом я отвориш.

Пример за това гнездене:

продължение на първия коментар ->

Резултатът в браузъра ще бъде следният

продължение на първия коментар ->

Но парчето няма да бъде видимо. Втори таг за отваряне