Ступенька 2-ая.

Вторник, 07 Февраля 2012 г. 10:06 + в цитатник

Учебник по Html для чайников. Инструментарий.

Ступенька 2-ая.

<html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. <br> Добро пожаловать! :) </body> </html> (посмотреть)

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

Пример тэга: <br> (перенос текста на другую строку). Попробуйте вставить еще несколько тэгов <br> в нашем документе перед «добро пожаловать!». Сохраните. Посмотрите в вашем броузере, что получилось.

Итак, все, что находится между < и > - это тэг. Текст, не находящийся между такими скобками < > - весь виден при просмотре в броузере.

Как мы видим на нашем примере: тэгов много, и они разные :). Обратите внимание на картинку, она тут не просто так, она показывает нам обязательные тэги. Обязательные теги, это такие теги, которые вы всегда должны прописывать для каждой своей страницы, даже не смотря на бури, ураганы и другие стихийные бедствия.

<html>

Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:

</html>

Некоторые тэги, вроде <br>, не требуют закрывающего тэга.

Итак, вернемся, к нашему документу и рисунку.

Рубрики:

Учебник по Html для чайников

Ступенька 1 - "Основной инструментарий, учимся работать руками". Ступенька 2 - "Что такое тэги?". Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Главная / Html / Оглавление учебника по Html Учебник по Html для чайников - Оглавление Инструментарий. Основные понятия. Ступенька 1 - "Основной инструментарий, учимся работать руками". Ступенька 2 - "Что такое тэги?". Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Простейшие. Ступенька 4 - "Раскрась сам. Изменяем цвет текста". Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов". Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст". Ступенька 7 - "Что такое заголовки и как задавать размер буковок". Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие". Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт". Ступенька 10 - "Что такое путь? Как вставлять картинки". Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.". Ступенька 12 - "О любителе сосисок и принудительном прерывании обтекания текстом картинки". Ступенька 13 - "Ссылка и как с нею бороться". Ступенька 14 - "Ссылка на е-майл. Подсказка к текстовой ссылке". Ступенька 15 - "Может ли картинка быть ссылкой". Ступенька 16 - "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку". Ступенька 17 - "Карты. Как часть картинки сделать ссылкой". Ступенька 18 - "Карты. Как часть картинки сделать ссылкой 2". Ступенька 19 - "Карты. Как часть картинки сделать ссылкой 3". Ступенька 20 - "Закладка. Как сделать ссылку внутри документа". Таблицы. Ступенька 21 - "Учимся создавать таблицы". Ступенька 22 - "Учимся создавать таблицы" продолжение. Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)". Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)". Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание". Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством". Ступенька 26 - "Вложенные таблицы и некоторые нюансы". Ступенька 27 - "О рамках таблиц, и брюзжание о таблицах напоследок". Ступенька 28 - "Создаем простой сайт с таблицами". Дополнительные. Ступенька 29 - "Спецсимволы, или головная боль". Ступенька 30 - "О линиях. Просто и полезно". Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight". Ступенька 32 - "О списках. Неупорядоченные списки". Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум". Ступенька 34 - "Cпецифические тэги, бегущая строка текста". Фреймы. Ступенька 35 - "Вступление. Зачем они (фреймы) нужны." Ступенька 36 - "Учимся создавать фреймы". Ступенька 37 - "Учимся создавать фреймы" продолжение. Ступенька 38 - "Учимся создавать фреймы" продолжение. Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма". Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно". Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame". Объекты, скрипты и другие средства, чтобы оживить наш документ. Ступенька 42 - "Немного об объектах. Вставка объектов в наш документ при помощи тэга OBJECT". Ступенька 43 - "Вставка объектов в наш документ при помощи тэга EMBED. Разница между OBJECT и EMBED". Ступенька 44 - "Что такое таблицы стилей и для чего они нужны (CSS - Cascading Style Sheets)". Ступенька 45 - "Как внедрять таблицы стилей (CSS) в наш документ". Ступенька 46 - "Что такое скрипты. Как внедрять скрипты в html-документы". Формы. Ступенька 47 - "Формы. Введение в тему". Ступенька 48 - "Элементы формы. Создание простой формы". Ступенька 49 - "Элементы формы. Создание формы поиска". Ступенька 50 - "Элементы формы. Создание опроса".