Для создания Web-страниц необходимо создать папку в которую мы будем помещать все необходимые файлы. В программе "Проводник" выберем пункт меню "Файл"-"Создать"-"Папку", назовите папку так что-бы было понятно её содержимое, например "My web-syte1".
Для создания HTML-файла откройте текстовый редактор, выберите пункт меню "Файл-Сохранить как".
Дайте название своей странице и обязательно укажите расширение - html.
И так мы создали папку и файл, теперь приступим к написанию тегов HTML в внутри страници.
Откроем сохраненный HTML-файл с помощью текстового редактора
В открывшемся редакторе мы начнем вводить обязательные тэги. Каждый документ HTML,должен начинатся тегом < html> и оканчиваться его двойником </thtml>. Помимо них присутсвует пара тегов < head> и </head> которые применяются для обозначения любой информации о самом документе HTML. Теги < title> и </title> предназначены для добавления заголовка ,отображаемого в строке Web-браузера. Теги < body> и </body> применяются для обозначения любого текста, отображаемого на странице HTML. Введём следующию информацию как показано ниже:
Теперь сохраним введеное и откроем с помощью обозревателя Internet Explorer.
Мы увидем следущий результат.
Ввод текста надеюсь у нас получился переходим к созданию заголовка.
Теперь попробуем создать заголовок в созданой странице. Заголовки создаються с помощью тегов < h1> - открывающего и </h1> закрывающего.После каждого заголовка автоматически вставляется пустая строка, визуально отделяющая его от следующего далле текста. Откроем созданую ранее страницу в текстовом редакторе и добавим заголовок.
Сохраним внесеные изменения и откроем с помощью обозревателя.
Мы видим в первой строке заголовок выделенный более крупным и жирным шрифтом, а сам текст отделен пустой строкой и написан мелким шрифтом.
Следующие с чем Вы ознакомитесь это создание абзаца.
Мы уже научились добавлять абзацы. В документе HTML новый абзац вставляется при каждом добавлении текста, заключенного в тег < p>,Web-браузер получая для обработки такой код, определяет, что вы хотите отобразить на экране указанный текст. Следует помнить, что браузер выполняет еще одно действие в отношении текста абзаца: переход на новую строку при достижении края окна. Попробуем сделать это:
Откроем в браузере и увидим результат:
Далее расмотри форматирование текста с помощью тегов < p> и </br>.
Абзац мы создали, займёмся форматированием его.
Если мы хотим , чтобы следующие слово или предложение начиналось с новой строки. Для достижения необходимого результата можно возпользоваться тегом < br /> обозначающим разрыв строки. Этот тег дает указание браузеру начать отображение набраного за ним текста со следущей строки, не добовляя при этом никаких пустых строк. Его использование выгледит так:
Сохраним и откроем браузере:
Мы научились на этом занятие создавать простые текстовые web-страници с помощью HTML. Надеюсь Вас заинтерисовало их создание и Вы продолжите изучение темы.
Выполнять задание необходимо в следуещей последовательность:
1. Создайте в папкe "Kontrol" ;
2. В ней с помщью текстового редактора "Блокнот" создайте html-файл rab.html;
3. Создайте структуру html-документа с помощью тегов
4. Задайте для этой страницы заголовок например, "Стихотворение А.С.Пушкина";
5. Перепишите стихотворение и отформартируйте его по образцу как показано рисунке ниже;
6. Сохраните Web-страницу;
8. Откройте её с помощью браузера Windows Internet Explorer.
© Copyright 2007-2009. KOV.
