Как создать сайт с помощью html?

2 ноября 2014 г. Просмотров: 443 Инструкции
Сегодня в связи с бурным распространением Internet все чаще используются Web-технологии, в частности, HTML и стандартные Web-браузеры. HTML (HyperText Markup Language) - язык гипертекстовой разметки. Данный формат определяет внешний вид документа, взаимное расположение текстовой, графической и мультимедийной информации. Созданием сайтов занимаются кампании, за весьма большие деньги. Но с помощью "html-тегов" можно создать довольно интересный сайт своими руками.

Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - браузер;
  • - текстовый редактор.

Инструкция

  • Формат HTML-файла достаточно прост. Составление и внесение изменений в файл осуществляется любым текстовым редактором. Для просмотра результатов используется Web-браузер. Основным достоинством HTML-документов является их способность содержать перекрестные ссылки друг на друга. Перекрестные ссылки помогают быстро обратиться к документу с дополнительной информацией по интересующему вопросу, а затем продолжить работу с исходным текстом. Любой документ, написанный с помощью языка HTML, состоит из содержимого страницы, т.е. текста, и управляющих символов - тэгов. Все тэги HTML обязательно заключаются в угловые скобки . Как правило, используется стартовый тэг и завершающий тэг. Завершающий тэг отличается от стартового наличием слэша.
  • Чтобы приступить к созданию сайта, зайдите в текстовый редактор (блокнот). Далее вводите теги:HTML - /HTML - первый и последний тэги любого HTML-документа.HEAD - /HEAD - начало и конец заголовка документа.TITLE - /TITLE - задание название документа (заголовок окна браузера).BODY - /BODY - начало и конец тела HTML-документа, которое определяет содержание документа.
  • Далее нужно оформить текст. Для этого понадобятся следующие теги:Hx - /Hx - (x - цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня самый крупный, шестого уровня - самый мелкий.P - /P - описывают абзац (тэг /P может отсутствовать).ALIGN - параметр, определяющий выравнивание абзаца:ALIGN=CENTER - выравнивание по центру;ALIGN=RIGHT - выравнивание по правому краю;ALIGN=LEFT - выравнивание по левому краю.BR - переход на новую строку, не прерывая абзаца.B - /B - отображение текста жирным шрифтом.I - /I - отображение текста курсивом.U - /U - подчеркнутый текст.STRIKE - /STRIKE - перечеркнутый текст.BLOCKQUOTE - /BLOCKQUOTE - отображение цитат.SUB - /SUB - отображение подстрочных индексов.SUP - /SUP - отображение надстрочных индексов.TT - /TT - использование шрифта с фиксированной шириной символов.BIG - /BIG - увеличение размера текущего шрифта.SMALL - /SMALL - уменьшение размера текущего шрифта.BASEFONT SIZE=n - (n - цифра от 1 до 7) - базовое значение размера шрифта.FONT SIZE=+\-n - \FONT - изменение размера шрифта.FONT COLOR=#xxxxxx - FONT - установка цвета шрифта: Aqua - морская волна; Black - черный; и т.д.BODY BGCOLOR=#xxxxxx - изменение цвета фона.HR - горизонтальная линия, этот тэг может использовать атрибуты: COLOR - цвет линии; SIZE - толщина линии в пикселах; WIDTH - ширина линии в пикселах или в процентах от ширины окна; ALIGN - выравнивание линии; NOSHADE - рисование без тени; SHADE - рисование с тенью.
  • Если вам необходимо в вашем сайте вставить какой-либо список, вам понадобиться ввести теги:UL - /UL - ненумерованный список (перечисление, без упорядочивания): LI - определение элемента списка; TYPE - параметр, определяющий маркер списка: TYPE=CIRCLE - в качестве маркера используется окружность; TYPE=DISK - в качестве маркера используется точка; TYPE+SQUARE - в качестве маркера используется квадрат.OL - /OL - нумерованный список: TYPE - параметр, задающий тип списка: TYPE=A - в качестве нумераторов списка будут использованы прописные латинские буквы; TYPE=a - в качестве нумераторов списка будут использованы строчные латинские буквы; TYPE=I - в качестве нумераторов списка будут использованы большие римские цифры; TYPE=i - в качестве нумераторов списка будут использованы маленькие римские цифры; START - параметр, определяющий начальный номер списка.DL - /DL - список с пояснениями: DT - обозначение элемента списка; DD - пояснение к элементу списка.
  • Чтобы ваш сайт не ограничился одной страничкой, создайте несколько. Для перехода вам понадобятся гиперссылки, которые определяются следующими тегами:A HREF=URL - /A - вставка ссылки в документ (между тэгами необходимо вписать текст ссылки). HREF - адрес страницы или ресурса; URL - унифицированный адрес ресурса: servis://server[:port][/path]: service - наименование протокола (HTTP - доступ к HTML-документу, FTP запрос файла с FTP-сервера, FILE-доступ к файлу на локальной машине); server - указание имени ресурса; port - номер порта, на котором функционирует Web-сервер; path - каталог, в котором находится ресурс.A HREF=#имя закладки - /A - вставка локальной ссылки (между тэгами необходимо вписать текст ссылки).A NAME=имя закладки - /A - задание закладки, на которую будет осуществляться ссылка.
  • Для того чтобы сайт был нескучным, необходимо графическое оформление. Для этого воспользуйтесь тегами:BODY BACKGRAOUND="имя_файла" - задание рисунка, используемого в качестве фона.IMG SRC="имя_файла" - вставка графического файла в HTML-документ, этот тэг использует параметры:ALT="текстовая строка" - определяет текстовую строку, которая выводится вместо графического изображения, если в браузере отключена возможность автоматической загрузки графики;HEIGHT, WIDTH - высота и ширина изображения в пикселах;HPACE, VSPACE - ширина свободного пространства, которое отделяет графическое изображение от текста по горизонтали и по вертикали;ALIGN - выравнивание текста относительно графики.
  • И последнее, что необходимо - это сохранить текстовый файл в формате *.html , после чего запустите его при помощи браузера. Сайт готов.
  • Оцените статью!