Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Урок 1. Что такое HTML? Введение.

Автор: Андрей Краснокутский

Дата: 2008-11-27

Так что же такое этот таинственный - HTML?

Каждый, кто впервые сталкивается с созданием сайта(ов) или блогов, обязательно слышит такое слово, точнее абревиатуру: HTML. Конечно же человек, услышав первый раз выражение HTML, задается вопросами: Что такое HTML? Для чего нужен HTML? Как практически применить и использовать HTML? И еще у новичков возникает много других вопросов в этом же духе. Давайте вместе разберемся с этими понятиями.

HTML (HyperText Markup Language) - это язык разметки гипертекста. HTML - представляет собой систему разметки веб-страниц и определяет, где и как в web-документе или как еще говорят: на web-странице сайта, отображать отдельные элементы: текст, рисунки, ссылки и другие элементы. Т.е. при необходимости изменить, например на сайте текст (размер, цвет, наклон и т.д.) или вставить картинку в нужном месте, добавляются специальные символы называемые: тегами.

Теги не отображаются браузерами. Посетитель сайта будете видеть только результат, т.е. измененный текст. Теги всегда заключаются в угловые скобки. Например, видимая запись на web-странице: ТЕКСТ, означает, что: текст находящийся между тегами, будет отображаться жирным начертанием и к нему применен красный цвет шрифта. Аналогично с помощью тегов создаются и другие элементы на web-страницах сайта: списки, таблицы, добавляются картинки, фотографии и т.д.

По сути дела код веб-страницы - это набор Тегов (которые посетитель сайта не видит) в перемешку с обычным текстом, картинками и другими файлами и элементами сайта. Все это и формирует страницу сайта. И называется эта "смесь": Исходный код.

Исходный код каждой веб-страницы является обычным текстовым документом, который можно написать в обычном Блокноте, входящем в состав любой Windows подобной операционной системы (ОС). Блокнот - типовая программа, которая имеется на всех компьютерах, расположена она: Пуск/Все программы/Стандартные/Блокнот).

Исходный код состоит всего из двух основных компонентов, которые перемежаются между собой:

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

Этот текстовый документ сохраняют с расширеним: .html или .htm (большой разницы нет) и получают готовую веб-страницу.

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

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

Полезный совет: Мне например больше нравится пользоваться при наборе кода не типовым «Блокнотом», а более продвинутой и к тому же бесплатной программой: Notepad++. Функции программы те же (и даже больше), но все выглядит более наглядней и гораздо удобнее.

Например, есть функция подсветки кода, т.е. теги, параметры тегов и текст, отображаются разными цветами. Это очень удобно, написал тег неправильно и сразу же изменился цвет, очень наглядно и сразу видно, что допущена ошибка. Как говорится: почувствуйте разницу :). Эту программу Вы сможете найти в разделе Инструменты и скачать совершенно бесплатно на нашем сайте.

Полезный совет: В настоящее время существует довольно много визуальных редакторов для создания сайтов, путем перетаскивая мышкой какого-то элемента, Вы сразу получаете готовый код web-страницы. Конечно удобно. Но!!!… Если вдруг, на Вашей веб-странице, что то «разъедется» или просто перестанет работать, согласитесь, что не зная исходного кода Вы, не сможете это исправить. Так что знание правил написание кода – это Ваш ФУНДАМЕНТ, и его надо обязательно знать! Поэтому, если Вы действительно хотите научиться "сайтостроению", не ленитесь – набирайте исходный код ручками (хотя бы вначале обучения).

Что такое Браузеры?

Сам HTML-файл, размещается на сервере в сети Интернет. А для его просмотра необходима специальная программа, которая называется Браузер. Например браузер: Internet Explorer (IE), Mozilla Firefox, Opera и т.д. В задачу браузера входит подключение к удаленному серверу, получение HTML кода web-страницы и его (кода) интерпритация (отображение на экране монитора) согласно спецификации. Проще говоря, браузер преобразует исходный код HTML-документа в веб-страницу, которую мы и видим на экране монитора, "путешествуя" по Интернету.

Замечу так же, что браузеры вполне корректно работают и на локальном компьютере (не подключенном к Интернету). Это позволяет легко проверять и отлаживать работу созданных Вами HTML-документов (сайтов). Для этих целей используется специальное программное обеспечение, которое называется: Локальный сервер. Например, Российский пакет Локального сервера - Денвер, но об этом позже.

Для упрощения задачи, в наших уроках мы будем работать с браузером IE, этот браузер имеется у всех пользователей компьютеров с операционной системой (ОС) Windows, этот браузер входит в стандартный пакет установки ОС.

Хотя есть множество и других достойных браузеров. Другие браузеры Вы можете бесплатно скачать здесь>>> Программы для работы в Интернете и создания сайтов.

Обновлено: 24.09.2014 г.

 

Читайте также:

Какими программами пользоваться для создания сайтов и работы в Интернете?

Создаем первый HTML-документ.

Приступаем к форматированию текста.

Вставляем заголовки на web-страницу.

Форматируем текст web-страницы.

 

Просмотров: 85339


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Иван
Дата: 2008-12-22

Очень интересная заметка

Комментарии добавил(а): Админ
Дата: 2009-01-06

Что бы Вы хотели узнать еще???????

Комментарии добавил(а): URINA
Дата: 2009-11-17

Notepad++ классная прога, презент, спасибо

Комментарии добавил(а): Дмитрий
Дата: 2010-03-06

А я dreamweaver больше люблю.

Комментарии добавил(а): Роза
Дата: 2010-05-01

Спасибо, изучаю и стараюсь применять.Пока всё понятно и легко.

Комментарии добавил(а): Валентин
Дата: 2010-11-19

У меня уже есть этот Notepad++ но как использовать его правильно я не знаю и руководства найти не могу,а программа по всему видно мощная для простого блокнота,там столько разных вкладок .

Комментарии добавил(а): Богодарова Нина
Дата: 2013-05-26

Здравствуйте, Андрей. Хотела подписаться на обновления Вашего сайта, но ссылка оказалась не рабочей. Проверьте, пожалуйста.

Комментарии добавил(а): Дарья
Дата: 2016-06-04

Спасибо! вы очень помогли. на уроках ничего не поняла, а у вас все выучила и разобрала)

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Как заработать деньги в Интернете?
Создай свой ИнфоБизнес


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT