Последние учебники веб-разработки
×

HTML5 Руководство

HTML ГЛАВНАЯ HTML Введение HTML редакторы HTML базовый HTML элементы HTML Атрибуты HTML Заголовки HTML Пункты HTML Стили HTML форматирование HTML цитаты HTML Компьютерный код HTML Комментарии HTML Цвета HTML CSS HTML связи HTML Изображений HTML таблицы HTML Списки HTML Блок и строковые элементы HTML Классы HTML раскладка HTML отзывчивый HTML Iframes HTML JavaScript HTML Глава HTML юридические лица HTML Символы HTML Charset HTML URL шифровать HTML XHTML

HTML формы

HTML формы HTML Форма Элементы HTML Типы входных данных HTML Входные атрибуты

HTML5

HTML5 вступление HTML5 Поддержка HTML5 элементы HTML5 Семантика Миграция HTML5 HTML5 Гид по стилю

HTML Графика

HTML холст HTML SVG

HTML СМИ

HTML СМИ HTML видео HTML аудио HTML Плагины HTML YouTube

HTML APIs

HTML Geolocation HTML Перетаскивания HTML Локальное хранилище HTML App кэш HTML Web Workers HTML SSE

HTML Примеры

HTML Примеры HTML викторина HTML5 викторина HTML Резюме

HTML Рекомендации

HTML Список тегов HTML Атрибуты HTML События HTML холст HTML Аудио Видео HTML DOCTYPEs HTML Цвета HTML Наборы символов HTML URL шифровать HTML Языковые коды HTTP Сообщения HTTP методы PX to EM конвертер Горячие клавиши

HTML Editors


Что такое HTML редактор?

HTML редактор представляет собой компьютерную программу для редактирования HTML, разметки веб-страницы. Хотя HTML разметка веб-страницы может быть записан с помощью любого текстового редактора, специализированные HTML-редакторы могут предложить удобство и дополнительную функциональность.

Например, многие HTML редакторы обрабатывать не только HTML, но и связанные технологии, такие как CSS, XML и JavaScript или ECMAScript. В некоторых случаях они также управлять связь с удаленными веб-серверами через FTP и WebDAV, а также системы контроля версий, таких как Subversion или Git.

Многие обработки текстов, графические программы макета дизайна и страниц, которые не посвящены веб-дизайн, такие как Microsoft Word или Quark XPress, также имеет возможность функционировать в качестве HTML-редакторов.


Написать HTML Использование блокнота или TextEdit

HTML можно редактировать с помощью профессиональных HTML редакторов, как:

  • Microsoft WebMatrix
  • Sublime Text

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

Мы считаем, что с помощью простого текстового редактора, это хороший способ узнать HTML.

Выполните 4 шага ниже , чтобы создать свой первый веб - страницу с помощью Notepad .


Шаг 1: Открыть Notepad (PC)

Открыть Notepad в Windows 8 или более поздней версии:

Откройте экран Start (the window symbol at the bottom left on your screen) углу (the window symbol at the bottom left on your screen) . Введите Notepad .

Открыть Notepad в Windows 7 или более ранней версии:

Нажмите кнопку Пуск (bottom left on your screen) в (bottom left on your screen) . Выберите Все программы. Нажмите принадлежности. Нажмите Notepad .


Шаг 1: Откройте TextEdit (Mac)

Открыть TextEdit .

Пожалуйста , убедитесь , что текстовый редактор установлен в виде обычного текста. Перейти к: Настройки> Новый документ> выберите обычный текст.

Также убедитесь , что оба "Display html file as html code" и "Display RTF file as RTF code" варианты проверяются под "Open and Save" .

Затем откройте новый документ , чтобы разместить код.


Шаг 2: Написать Некоторый HTML

Написать или скопировать некоторые HTML в Блокнот.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Блокнот


Шаг 3: Сохраните HTML-страницу

Сохраните файл на вашем компьютере.

Выберите Файл> Сохранить как в меню Блокнота.

Назовите файл "index.html" или любое другое имя , оканчивающийся HTML или HTM.

UTF-8 является предпочтительным для кодирования HTML-файлов.

Кодировка ANSI охватывает US и только символы Западной Европы.

Просмотр в браузере

Вы можете использовать либо .htm или .html в качестве расширения файла. Там нет никакой разницы, это до вас.


Шаг 4: Просмотр HTML страницы в браузере

Откройте сохраненный HTML-файл в вашем любимом браузере. Результат будет выглядеть так же, как это:

Просмотр в браузере

Чтобы открыть файл в браузере, дважды щелкните на файле, или щелкните правой кнопкой мыши и выберите Открыть с помощью.