HTML редактори

Един прост текстов редактор е всичко, от което се нуждаете, за да научите HTML.


Научете HTML с помощта на Notepad или TextEdit

Ето още еди безплатен мнногофункционален  редактор Notepad ++ изтеглетего от тук

Уеб страниците могат да бъдат създавани и променяни с помощта на професионални HTML редактори.

Въпреки това, за изучаване на HTML препоръчваме прост текстов редактор като Notepad (PC) или TextEdit (Mac).

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

Следвайте стъпките по-долу, за да създадете първата си уеб страница с Notepad или TextEdit.


Стъпка 1: Отворете Notepad (PC)

Windows 8 или по-нова версия:

Отворете началния екран (символът на прозореца в долния ляв ъгъл на екрана). Въведете Notepad .

Windows 7 или по-стара версия:

Отворете Старт > Програми > Аксесоари > Бележник


Стъпка 1: Отворете TextEdit (Mac)

Отворете Finder > Приложения > TextEdit

Също така променете някои предпочитания, за да може приложението да запазва файловете правилно. В Предпочитания > Формат > изберете „Обикновен текст“

След това под „Отваряне и запазване“ поставете отметка в квадратчето „Показване на HTML файлове като HTML код вместо форматиран текст“.

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


Стъпка 2: Напишете HTML код

Напишете или копирайте следния HTML код в Notepad:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Бележник


 

 


Стъпка 3: Запазете HTML страницата

Запазете файла на компютъра си. Изберете Файл > Запазване като в менюто на Notepad.

Наименувайте файла „index.htm“ и задайте кодирането на UTF-8 (което е предпочитаното кодиране за HTML файлове).

Преглед в браузъра

Съвет: Можете да използвате .htm или .html като файлово разширение. Няма разлика; зависи от вас.


Стъпка 4: Прегледайте HTML страницата във вашия браузър

Отворете запазения HTML файл в любимия си браузър (щракнете двукратно върху файла или щракнете с десния бутон на мишката и изберете „Отвори с“).

Резултатът ще изглежда горе-долу така:

Преглед в браузъра


Онлайн редактор на W3Schools - „Опитайте сами“

С нашия безплатен онлайн редактор можете да редактирате HTML кода и да видите резултата в браузъра си.

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

Пример

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
  • 0 Потребителите са намерили това полезно
Беше ли този отговор полезен?

Свързани статии

Въведение в HTML

HTML е стандартният език за маркиране за създаване на уеб страници. Какво е HTML? HTML е...

Основни примери за HTML

В тази глава ще покажем някои основни примери за HTML. Не се притеснявайте, ако използваме...

HTML елементи

HTML елементи HTML елементът е всичко от началния таг до крайния таг: < tagname >...