русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

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


Дата добавления: 2015-07-09; просмотров: 644; Нарушение авторских прав


HTML

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

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

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

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



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

< p >...чтобы < a href="http://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.
    • Элемент HEAD.
    • Элемент TITLE.
  • Служебные теги с параметрами
    • Элемент META.
    • Элемент BODY.
    • Безопасные цвета.


<== предыдущая лекция | следующая лекция ==>
Послідовність виконання роботи | Добавляем текст и связываем документ


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 4.403 сек.