45963 (665269), страница 6

Файл №665269 45963 (HTML и создание сайтов) 6 страница45963 (665269) страница 62016-07-31СтудИзба
Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 6)

документов. В Марте 1994 количество запросов превысило уже 1200. Конечно,

программа со временем совершенствовалась, и ряд факторов мог влиять на последний

результат, но несмотря на это, смело можно утверждать, что популярность WWW в

1994 по сравнению с 1993 значительно возросла.

Глава III.

HTML

Можно работать на Web без знания языка HTML, так как тексты HTML могут

создаваться различными специальными редакторами и конвертерами. Однако, я

адресую эту часть работы тем, кто пишет непосредственно на HTML. Писать

непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать

HTMLредактор или конвертер, которые часто ограничены в своих возможностях,

содержат ошибки или производят плохой HTML код, который не работает на различных

платформах.

Язык HTML существует в нескольких вариантах и продолжает развиваться, но

конструкции HTML вероятнее всего будут использоваться и в дальнейшем. Изучая

HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя

его насколько это возможно, Вы сможете создавать документы, которые могут быть

просмотрены многими броузерами Web, как сейчас, так и в будущем. Это не

исключает возможности использования других методов, например, метод расширенных

возможностей, предоставляемый Netscape Navigator, Internet Explorer или

некоторыми другими программами. Если это действительно служит Вашим целям и Вы

хотите сформировать собственное мнение о названных программах, пользуйтесь им.

Но работа с HTML - это способ усвоить особенности создания документов в

стандартизированном языке, используя расширения, только когда это действительно

необходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими

широко распространенными броузерами, и, возможно, станет основой почти всего

имеющего отношение к Web программного обеспечения.

3.1. Структура HTML документа

Символы, заключенные в угловые скобки <> являются HTML командами, по которым

“браузер” распознает, как следует преобразовать части текста, заключенные между

этими командами.

Документ в целом должен быть отмечен как документ в формате HTML. Для этого он

должен начинаться командой и заканчиваться командой .

Документ состоит из 2 частей:

Заголовка (Head),

Собственно документа (Body).

Для выделения заголовка следует ввести: Заголовок документа

Каждый WWW - документ имеет название, которое вводится в титульной строке

“браузера”.

Для ввода титульной строки в заголовок документа следует воспользоваться

следующими командами: TITLE List

Следует отметить, что титульная строка должна быть на английском языке в

латинской кодировке так как она отображается в специальных полях браузера.

Для записи основного текста следует ввести: Основной текст

Таким образом, общая схема документа в формате HTML выглядит следующим образом:

Титульная строка документа

Основной текст документа

При написании команд HTML не имеет значение, какими буквами - строчными или

прописными Вы пишете команды.

Создание заголовков

Заголовки в документе создаются с помощью команд: Заголовок , причем

при i = 1 заголовок самый крупный, а при i = 6 - самый мелкий.

Например,

Отображаемый текстЗапись в формате HTML

Заголовок1

Заголовок1

Заголовок2

Заголовок2

Заголовок3

Заголовок3

Заголовок4

Заголовок4

Заголовок5

Заголовок5

Заголовок6

Заголовок6

3.3. Создание списков

Списки предназначены для представления информации в упорядоченном виде.

В HTML - документах используется 3 вида списков:

1.Неупорядочные списки,

2.Упорядочные списки,

3.Списки - определения.

Неупорядоченный список использует для выделения записей специальные символы.

Неупорядоченный список определяется следующими командами начала и конца списка:

    и

    Каждый элемент списка начинается с команды:

  • В команде

  • может быть параметр TYPE, который определяет внешний вид символа,
  • используемого для выделения строки в списке и может иметь следующие значения:

  • - круглая жирная точка,
  • - окружность,
  • - маленький черный квадрат.
  • В упорядоченном списке все записи пронумерованы.

    Упорядоченный список определяется следующими командами начала и конца списка:

      и

    Каждый элемент списка начинается с команды:

  • В команде

  • может быть параметр TYPE, который определяет тип нумерации и
  • может иметь следующие значения:

  • - прописными буквами,
  • - строчными буквами,
  • - прописными римскими цифрами,
  • - строчными римскими цифрами,
  • - арабскими цифрами.
  • В списке - определении все записи сдвинуты влево при помощи табуляции.

    Список - определение определяется следующими командами начала и конца списка:

    и

    Каждый элемент списка начинается с команды:

    3.4 Форматирование параграфов и вывод текста в несколько столбцов.

    В документе HTML невозможно создать абзац, используя клавишу [Enter].

    Использование этой клавиши улучшает внешний вид исходного текста, но не влияет

    на полученное изображение.

    Для перехода на следующую строку воспользуйтесь командой

    Для создания пустой строки воспользуйтесь командой

    Для создания горизонтальной черты воспользуйтесь командой


    Если черта создается не на всю строку, а на какую - то ее часть, например, на

    40%, то команда выглядит следующим образом:


    Для создания широкой черты следует задать ее ширину (по умолчанию - в пикселях)


    Для выравнивания черты ВЛЕВО/ВПРАВО/ПО ЦЕНТРУ задайте соответственный параметр

    ALIGN=LEFT/RIGHT/CENTER

    Черная линия задается наличием параметра NOSHADE.

    Вы можете расположить текст по центру спомощью следующих команд:

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

    (табуляция, отступы, выравнивание) определяется разработчиком домашней страницы,

    а не программой - редактором.

    Для создания такого текста воспользуйтесь командами:

     текст 

    Полученный в “браузере” образ текста будет точно соответствовать тексту в

    исходном HTML файле.

    Аналогичные функции выполняет пара команд: текст

    Netscape 3.0 и выше поддерживает вывод текста в несколько столбцов, в газетном

    формате с помощью команд и .

    Ниже приводится формат команд:

    текст .

    Здесь N - количество столбцов, M - расстояние между столбцами.

    “Браузеры”, не поддерживающие вывод текста в несколько столбцов, обеспечат вывод

    текста нормально, в 1 столбец.

    3.5 Форматирование символов

    Для выделения отдельных частей текста можно воспользоваться следующими стилями:

    B - жирный (Bold);

    I - курсив (Italic);

    U - с подчеркиванием (Underline);

    S - с перечеркиванием (STRIKE);

    Ниже представлена таблица команд выделения текста.

    Отображаемый текст Запись в формате HTML

    Выделение текста жирным шрифтомВыделение текста жирным шрифтом

    Выделение текста курсивомВыделение текста курсивом

    Выделение текста подчеркиваниемВыделение текста подчеркиванием

    Выделение текста перечеркиваниемВыделение текста

    перечеркиванием

    Для изменения размера текстовых символов воспользуйтесь командами:

    , где i в пределах от 1 до 7 относительно начального

    размера букв.

    Кроме того, можно увеличить или уменьшить высоту шрифта с помощью команд и

    . Эти команды используются в паре с командами и .

    Еще две пары команд:

    и - подстрочный индекс, например, H2SO4.

    и - надстрочный индекс, например, (a2 - b2) = (a - b)(a + b).

    Все вышеприведенные команды определяют физическое форматирование символов. Вы

    задаете конкретное изменение характеристик символов.

    Кроме того, есть логическое форматирование символов - Вы даете описание, а

    браузер решает как изменять характеристики. В общем, кто доверяет браузеру -

    пользуйтесь этими командами. Они выглядят следующим образом:

    Цитата

    Особо важный текст

    Сильное выделение текста

    Текст, введенный пользователем

    Листинг программы

    Последовательность литералов

    Имя переменной

    Браузер пользователя сам выбирает шрифт, если Вы его конкретно не задали в

    описании страницы. Если в странице задан шрифт, которого нет у пользователя,то

    Вы можете задать список, состоящий из нескольких шрифтов, и браузер выберет

    самый левый, а если его в системе нет, то следующий и т. д. Если ни одного из

    шрифтов нет, браузер выбирает свой шрифт.

    Фонт задается с помощью команды: FONT FACE

    3.6 Управление цветом

    Цвета и изображения фона задаются с помощью команды .

    Эта команда может задаваться только в начале HTML файла и не может быть изменена

    в дальнейшем. Ее параметры:

    bgcolor = “# код цвета” - цвет фона документа,

    text = “# код цвета” - цвет текста документа,

    link = “# код цвета” - цвет текста, используемого в качестве ссылки,

    vlink = “# код цвета” - цвет ссылки на просмотренный ранее документ,

    alink = “# код цвета” - цвет ссылки в момент нажатия на нее правой кнопки мыши.

    Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.

    Важно отметить, что цвет фона не отображается на бумаге при выводе HTML -

    документа на печать. Ниже приводятся коды простейших цветов:

    Белый = FFFFFFМалиновый = FF00FF

    Желтый = FFFF00Бирюзовый = 008080

    Красный = FF0000Темносиний = 000080

    Серый = 808080Коричневый = 808000

    Синий = 0000FFГолубой = 00FFFF

    Зеленый = 00FF00Темнозеленый = 008000,

    Черный = 000000Индиго = 800080

    Пурпурный = CC33FFТемнокрасный = 800000

    Для изменения цвета текущего текста можно в любом месте домашней страницы

    воспользоваться командами: Текущий текст

    Определено несколько именованных цветов. Их значения видны из таблицы:

    Если Вы хотите создать “обои”, то есть цветной фон с использованием 8301_ -

    файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем:

    BACKGROUND = “Ground.gif”

    Если при этом вы хотите, чтобы фоновое изображение не двигалось, т.е. чтобы

    создался эффект “водяных знаков”, то задайте дополнительный параметр:

    BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED

    3.7 Использование специальных символов

    В языке HTML символ < используется как первый символ каждой команды.

    Этот символ не может быть использован для обозначения отношения “меньше”. Для

    отображения на экране символа < (“меньше”) и некоторых других символов в HTML

    приняты специальные обозначения:

    Отображаемый текстЗапись в формате HTML

    <<

    >>

    &&

    “"

    Язык HTML всегда уменьшает количество подряд расположенных пробелов до одного,

    независимо от того, сколько пробелов было в исходном тексте. Для задания

    необходимого количества подряд расположенных пробелов следует воспользоваться

    специальным символом пробела:  .

    Например, в следующей записи исходного текста: (A B) в

    отображаемом тексте между символами A и B будет 3 пробела.

    При необходимости изобразить на экране команду языка HTML возникает

    дополнительная проблема - редактор может преобразовать ее в соответствующую

    команду прямо в исходном тексте.

    И вместо отображения соответствующей команды на экране Вы получаете

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

    например, вставить внутрь команды две парные команды. Например, вышеприведенную

    команду следует записать следующим образом:<CENTER>

    3.8. Создание таблиц

    Таблица создается с помощью команд

    и
    .

    Команда

    может иметь следующие параметры:

    UNITS - может принимать значение RELATIVE или PIXELS. Определяет единицы

    измерения в других параметрах. По умолчанию, UNITS = PIXELS.

    BORDER - определяет линии, разграничивающие клетки в таблице. Ширина линии

    задается командой BORDER = N.

    CELLPADDING - Определяет минимальный промежуток вокруг содержимого таблицы.

    BGCOLOR - Определяет цвет фонового изображения в таблице. Во всех таблицах

    данного документа я использую BGCOLOR= WHITE

    Есть еще несколько команд, задающих цвет обрамления: BORDERCOLOR,

    BORDERCOLORDARK, BORDERCOLORLIGHT, но они используются только в Explorer.

    Для формирования таблицы, состоящей из нескольких строк, воспользуйтесь командой

    , разделяющей строки. Команды и используются для обозначения

    заголовка столбца клеток.

    Параметры ROWSPAN и COLSPAN команд и используются для формирования

    клеток данных, объединяющих более одной строки или столбца.

    Характеристики

    Тип файла
    Документ
    Размер
    358,25 Kb
    Тип материала
    Учебное заведение
    Неизвестно

    Список файлов реферата

    Свежие статьи
    Популярно сейчас
    Почему делать на заказ в разы дороже, чем купить готовую учебную работу на СтудИзбе? Наши учебные работы продаются каждый год, тогда как большинство заказов выполняются с нуля. Найдите подходящий учебный материал на СтудИзбе!
    Ответы на популярные вопросы
    Да! Наши авторы собирают и выкладывают те работы, которые сдаются в Вашем учебном заведении ежегодно и уже проверены преподавателями.
    Да! У нас любой человек может выложить любую учебную работу и зарабатывать на её продажах! Но каждый учебный материал публикуется только после тщательной проверки администрацией.
    Вернём деньги! А если быть более точными, то автору даётся немного времени на исправление, а если не исправит или выйдет время, то вернём деньги в полном объёме!
    Да! На равне с готовыми студенческими работами у нас продаются услуги. Цены на услуги видны сразу, то есть Вам нужно только указать параметры и сразу можно оплачивать.
    Отзывы студентов
    Ставлю 10/10
    Все нравится, очень удобный сайт, помогает в учебе. Кроме этого, можно заработать самому, выставляя готовые учебные материалы на продажу здесь. Рейтинги и отзывы на преподавателей очень помогают сориентироваться в начале нового семестра. Спасибо за такую функцию. Ставлю максимальную оценку.
    Лучшая платформа для успешной сдачи сессии
    Познакомился со СтудИзбой благодаря своему другу, очень нравится интерфейс, количество доступных файлов, цена, в общем, все прекрасно. Даже сам продаю какие-то свои работы.
    Студизба ван лав ❤
    Очень офигенный сайт для студентов. Много полезных учебных материалов. Пользуюсь студизбой с октября 2021 года. Серьёзных нареканий нет. Хотелось бы, что бы ввели подписочную модель и сделали материалы дешевле 300 рублей в рамках подписки бесплатными.
    Отличный сайт
    Лично меня всё устраивает - и покупка, и продажа; и цены, и возможность предпросмотра куска файла, и обилие бесплатных файлов (в подборках по авторам, читай, ВУЗам и факультетам). Есть определённые баги, но всё решаемо, да и администраторы реагируют в течение суток.
    Маленький отзыв о большом помощнике!
    Студизба спасает в те моменты, когда сроки горят, а работ накопилось достаточно. Довольно удобный сайт с простой навигацией и огромным количеством материалов.
    Студ. Изба как крупнейший сборник работ для студентов
    Тут дофига бывает всего полезного. Печально, что бывают предметы по которым даже одного бесплатного решения нет, но это скорее вопрос к студентам. В остальном всё здорово.
    Спасательный островок
    Если уже не успеваешь разобраться или застрял на каком-то задание поможет тебе быстро и недорого решить твою проблему.
    Всё и так отлично
    Всё очень удобно. Особенно круто, что есть система бонусов и можно выводить остатки денег. Очень много качественных бесплатных файлов.
    Отзыв о системе "Студизба"
    Отличная платформа для распространения работ, востребованных студентами. Хорошо налаженная и качественная работа сайта, огромная база заданий и аудитория.
    Отличный помощник
    Отличный сайт с кучей полезных файлов, позволяющий найти много методичек / учебников / отзывов о вузах и преподователях.
    Отлично помогает студентам в любой момент для решения трудных и незамедлительных задач
    Хотелось бы больше конкретной информации о преподавателях. А так в принципе хороший сайт, всегда им пользуюсь и ни разу не было желания прекратить. Хороший сайт для помощи студентам, удобный и приятный интерфейс. Из недостатков можно выделить только отсутствия небольшого количества файлов.
    Спасибо за шикарный сайт
    Великолепный сайт на котором студент за не большие деньги может найти помощь с дз, проектами курсовыми, лабораторными, а также узнать отзывы на преподавателей и бесплатно скачать пособия.
    Популярные преподаватели
    Добавляйте материалы
    и зарабатывайте!
    Продажи идут автоматически
    6417
    Авторов
    на СтудИзбе
    307
    Средний доход
    с одного платного файла
    Обучение Подробнее