Рубрика: HTML

Иногда лучше остаться спать дома в понедельник,
чем провести всю неделю отлаживая написанный в понедельник код.
Christopher Thompson


Язык HTML

Изучение языка HTML нужно начать с того, что необходимо понять, что это за язык. HTML – это Hyper Text Markup Language – язык гипертекстовой разметки.

HTML – компьютерный язык, а следовательно он имеет свои собственные правила (синтаксис), которые необходимо соблюдать.

HTML – это язык разметки, значит он берет определенные части документа и придает им особый вид.

HTML – это язык гипертекстовой разметки. Гипертекстом можно назвать текст в любом формате, некоторые части текста которого, могут ссылаться на другие части этого текста, что позволяет быстро переходить от одной части текста к другой.

Содержание:

 

На сегодняшний день язык HTML существенно усовершенствован. Его прекрасно дополняют технологии JavaScript, DHTML, CSS, PHP и др., что позволяет использовать новые возможности, но основой всего этого остаются все те же стандартные теги, которые и задают внешний вид web-страницы. Сейчас уже никого не удивишь таким замудреным словом, как браузер, и каждый первоклашка скорей всего знает, что это такое и для чего он предназначен. Так вот браузер, считывая информацию со страниц размещенных в Интернете, отображает ее на экране монитора в том виде, в котором четко указывают ему эти самые теги. Все существующие теги заключены в угловые скобки (< тег >), это и указывает браузеру на то, что перед ним тег, который ориентирует на определенное отображение страницы, причем сами теги на экране не отображаются.

Многие теги имеют свои атрибуты (свойства, параметры), которые прописываются в теге и придают обозначенному этим тегом объекту (изображению, тексту, ссылке, слову и т.д.), определенное значение. Регистр букв в наименовании тега значения не имеет. Почти все теги являются парными, то есть существует открывающий “зону действия” тег (< тег >), и соответственно закрывающий (< /тег >). Покажу это на примере:

Так выглядит HTML – код*.

 

< p >...чтобы < a href="https://www.smartincom.ru/" >создать свой сайт< /a >,< br > необходимо освоить основы < strong >HTML< /strong >... < p >< blink >Все достаточно просто!< /blink > < p >...о назначении каждого < em >тега< /em > можно попробовать догадаться < u >самостоятельно< /u >,< br > проследив соответствие содержания < big >web-страницы< /big > и ее < small >исходного кода< /small >...

А вот так отобразит браузер.

 

…чтобы создать свой сайт,
необходимо освоить основы HTML

Все достаточно просто!

…о назначении каждого тега можно попробовать догадаться самостоятельно,
проследив соответствие содержания web-страницы и ее исходного кода

Как же создать HTML-документ? Проще всего это сделать в текстовом редакторе. Для начала подойдет обычный Блокнот от Windows. А когда ты освоишь основу написания HTML-кода, можно будет начать пользоваться HTML-редактором, чтобы упростить свою работу. Мы еще рассмотрим HTML-редакторы и их возможности, а пока остановимся на простом Блокноте.

На жестком диске своего компьютера создаем папку, назовем ее www, затем открываем Блокнот и создаем файл (в этой папке www) с расширением .html ( пуск – все программы – стандартные – блокнот – файл – сохранить как). Назовем его index.html, сразу предупрежу, что названия файлам нужно давать на латинице.

Что же получилось? А получилась у тебя главная страница (вернее только заготовка) будущего сайта. По ходу обучения в нее будем добавлять информацию, что в конечном итоге приведет к созданию полноценного HTML-документа. Просматривать результаты своей работы можно в браузере (Mozilla, Opera и т.д., кто чем пользуется). Ну хватит слов, ближе к делу.

Основные теги HTML

 

 

Создаем HTML-страницу

 

 

Добавляем текст и связываем документ

 

 

Добавляем изображения и мультимедиа

 

 

Формы в HTML

 

 

Создание таблиц

 

 

Приложения

 

Самый лучший способ изучить HTML заключается в самостоятельном повторении описанных мной примеров и создании собственных веб-страниц. Так, что повторяй материал самостоятельно, в созданном тобой файле. Знакомство с языком, для удобства, я разделил на разделы, изучив которые, ты сможешь самостоятельно создать свою первую, полноценную веб-страницу, а в дальнейшем и свой первый качественный, и надеюсь популярный сайт.

0

Таблица html-кодов цвета

#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00 #FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00 #FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900 #FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600 #FF33FF #FF33CC #FF3399 #FF3366 #FF3333...

Текст в HTML 0

Текст в HTML

В этом разделе рассмотрим теги форматирования текста в HTML. Начнем освоение с методов создания заголовков и списков, а затем перейдем к приемам связывания текста ссылками. Вся эта информация позволит...

html шаблон сайта 0

html шаблон сайта

Резиновый трёхколоночный html шаблон <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″> <meta name=”autor” content=”Ф.И.О. или никнейм автора и владельца сайта”> <meta name=”copyright” content=”URL...

Таблицы в HTML 0

Таблицы в HTML

Любая таблица в HTML представляет собой набор строк и столбцов, на пересечении которых находятся ячейки. Создавать таблицы в HTML достаточно просто, необходимо лишь представить себе конечную модель. В языке HTML...

Вставка звука и видео в html 0

Вставка звука и видео в html

Кроме графических изображений на web-страницы можно добавлять различные средства мультимедиа. При правильном применении они могут положительно повлиять на содержание страницы. Но не стоит забывать о том, что мультимедийные файлы...

Служебные теги HTML с параметрами 0

Служебные теги HTML с параметрами

Содержание: Элемент META. Элемент BODY. Безопасные цвета. Тег META Элемент META – хотя его наличие в документе не обязательно, он выполняет множество различных функций – таких как кодировка документа, ключевые слова,...

Ссылки в HTML 0

Ссылки в HTML

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

Изображения в HTML 0

Изображения в HTML

Для вставки изображений в HTML применяются два основных формата GIF и JPEG. Формат GIF может хранить внутри себя простейшую анимацию ( динамические баннеры ), JPEG отлично подходит для изображений с...

Служебные теги HTML без параметров 0

Служебные теги HTML без параметров

Содержание: Корневой элемент HTML. Элемент HEAD. Элемент TITLE. Корневой тег HTML После объявления DOCTYPE (DOCTYPE не является тегом HTML) создание документа начинается с корневого тега HTML. Тег < html > является корневым, им...

Формы в HTML 0

Формы в HTML

Формы в html предназначены для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу...