По нижнему краю TD
> TR
> TABLE
> В результате мы получим следующую таблицу: Выравнивание по горизонтали
По центру По левому краю По правому краю Выравнивание по вертикали
По верхнему краю По центру По нижнему краю <
table
width
=500
border
=3>
Успеваемость
N п
/
п
Фамилия
Школа
Класс
Практическая работа № 9 «Создание и форматирование таблицы»
Цель:
научиться создавать и форматировать простые таблицы в текстовом редакторе Блокнот. Указания к выполнению:
Создайте новую Web-страницу, которая в броузере должна выглядеть следующим образом:
Фамилия
Номер телефона
Петрова А.И.
31-74-16
Смирнов В.П.
46-29-89
Цвет фона таблицы - серебристый, ширина рамки таблицы – 1.
В элементе укажите название странички «П/р №14».
Просмотрите созданную Web-страницу в окне броузера.
Вернитесь к сохраненному в Блокноте файлу. Внесите в него изменения так, чтобы Web-страница в броузере выглядела следующим образом:
Телефонный справочник
Фамилия
Номер телефона
Петрова А.И.
31-74-16
Смирнов В.П.
46-29-89
Цвет фона ячеек первой строки – светло-зеленый, цвет фона ячеек остальных строк – серебристый, ширина рамки таблицы – 5.
Просмотрите Web-страницу в окне броузера.
Сохраните изменения.
Объединение строк или столбцов в ячейке
.
При построении сложных таблиц бывает необходимо объединить (слить) в одной ячейке несколько строк или столбцов. Для этого существуют атрибуты: colspan - у
казывает количество столбцов, объединенных в одной ячейке (по умолчанию=1), rowspan - у
казывает количество строк, объединенных в одной ячейке (по умолчанию=1). Примеры:
1
1
Все отличие такого построения таблиц заключается в появлении параметра rowspan="2",
цифра в которой, соответствует количеству "подстрок", т.е. буквально то, сколько строк слилось в ячейке. Если в симметричной таблице мы читаем слева-направо, то тут происходит то же самое, только почему же в коде впереди ячейки с двойкой стоит ячейка с цифрой три? Все очень просто - буквально
код для первой строки расшифровывается как "ячейка, содержащая данное 1", "ячейка, содержащая данное 3, состоящая из ДВУХ подстрок", код для второй строки расшифровывается как "ячейка, содержащая данное 2". Как видим, физически ячейка 3 принадлежит к ПЕРВОЙ строке!
Если же у нас существуют ячейки, совмещенные по горизонтали, то вместо тега rowspan
используется тег colspan
, естетсвенно, в той ячейке, которая занимает площадь нескольких столбцов). Например:
Практическая работа № 10 «Объединение строк или столбцов в ячейках таблицы»
Цель:
научиться создавать сложные таблицы в текстовом редакторе Блокнот. Указания к выполнению:
Откройте текстовый редактор Блокнот.
Создайте новую Web-страницу, которая в браузере должна выглядеть следующим образом:
Успеваемость
п/п
Фамилия
Школа
Класс
Оценки по химии
1 п/г
2 п/г
Иванов
Петров
Сидоров
Цвет фона первой строки таблицы - аквамарин, ширина таблицы – 500, ширина рамки таблицы – 3.
В элементе укажите название странички «П/р №10».
Просмотрите созданную Web-страницу в окне браузера.
Вернитесь к сохраненному в Блокноте файлу.
Разметка Web-страницы при помощи таблицы.
Разметку Web-страницы удобно производить с использованием таблицы. Возможны различные варианты разметки. Рассмотрим некоторые из них. Первый вариант.
Разметка страницы производится с использованием страницы шириной на весь экран, независимо от того, каково разрешение экрана (width
=”1000%”). В данном случае удобно создать таблицу, состоящую из двух строк и двух столбцов. Верхняя строка будет отведена под заголовок странички, левый столбец будет отведен под меню Web-сайта. При такой разметке страничка всегда будет занимать весь экран, не зависимо от того, какое разрешение экрана стоит у посетителя (рис. 4.12). Рис. 4.12.
Пример разметки
Web
-страницы. Первый вариант
К недостаткам такой разметки можно отнести "плавучесть" содержимого страницы, т. е. при уменьшении разрешения экрана содержимое должно поместиться в более узкие рамки, следовательно текст "сползает" вниз. Чтобы этого не происходило, нужно выбрать фиксированный размер таблицы, тогда при любом разрешении экрана таблица будет выглядеть неизменной. Второй вариант.
Разметка страницы производится с использованием таблицы шириной 760 пикселов, выровненной по центру экрана. При этом посетитель, у которого разрешение экрана равно 800x600 пикселов, будет видеть страничку шириной практически во весь экран, а посетитель, у которого разрешение монитора равно 1024x768 и выше, будет видеть таблицу шириной 760 пикселов по центру экрана и белые поля по бокам от нее. В данном случае удобно создать таблицу, состоящую из трех строк и одного столбца. Верхняя строка будет отведена под заголовок странички, вторая строка будет отведена под меню Web-сайта, а третья строка непосредственно под содержание сайта (рис. 4.13). Рис. 4.13.
Пример разметки
Web
-страницы. Второй вариант
Если необходимо разместить внутри текста странички какие-либо иллюстрации, фотографии и пр., то в этом случае также используются таблицы. В приведенном ниже примере во вторую ячейку второй строки вставлена таблица, состоящая из двух строк и трех столбцов. В первую и в третью ячейки первой строки вставлены рисунки, а во вторую ячейку первой строки -название страницы. Во все ячейки второй строки введен текст (рис. 4.14). Рис. 4.14.
Пример разметки
Web
-страницы. Третий вариант
Тема 5
. Итоговая работа «Создание Web-сайта на заданную тему в ТР «Блокнот» Учащиеся дома разрабатывают и оформляют на бумаге в виде творческой работы проект Web-сайта, а затем на уроке реализовывают его средствами языка HTML
. _____________________________________________________________________________ Курс разработан на основе книги И. Смирновой "Начала Web-дизайна".
Введение 1. Основные сведения 1.1 О языке html 1.2 Создание web сайта 1.3 Основные положения 1.4 Структура документа 1.5 Тэги тела документа 1.6 Список базовых тэгов html 2. Дополнительные сведения 2.1 Тэги списков 2.3 Графика внутри документа 2.4 Добавление стилей в документ 2.5 Специальные тэги html 2.6 Html формы 2.7 Html фреймы 2.8 Html таблицы 2.9 Оптимизация графики для web 2.10 Основы css 3. Описание создания сайта 3.1 Подготовка 3.2 Создание главной страницы 3.3 Создание второй страницы 3.4 Создание страницы с описанием города 3.5 Страница с фотографиями 3.6 Страница с программами 3.7 Страница с благодарностями Заключение Список использованной литературы Введение
Эта дипломная работа посвящена языку HTML. С помощью этого языка создаются файлы с расширением *.htmи *.html, являющиеся Web-страницами. Из них состоят сайты сети Интернет. К дипломной работе прикреплён сайт, как пример того, что можно создать при помощи языка HTML. Вся работа разделена на 3 раздела. Первый раздел полностью посвящён описанию основных тэгов HTML. В нём вы найдёте всю необходимую информацию о том, как создавать простые Web-страницы. Во втором разделе имеются сведения о том, как улучшить внешний вид документа и встроить в него дополнительные возможности. А третий раздел содержит описание того, как создавался сайт, прикреплённый к этой дипломной работе. В нём подробно описаны полтора месяца нелёгкой работы по созданию сайта, рассказано о различных ошибках при создании и их исправлении, о возникавших затруднениях и методах их устранения. После прочтения этой работы любой человек, даже совсем незнакомый с программированием, сможет понять основы программирования на HTML. А знающие, возможно, найдут что-нибудь новое для себя. 1.1 О языке
HTML
Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей. Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML, вы можете обозначать данные элементы, обеспечивая WEB-броузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор. В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель, основываясь на возможностях WEB-броузера, может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать эти тэги. Например, один WEB-броузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых WEB-броузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа. HTML-тэги могут быть условно разделены на две категории: 1. Тэги, определяющие, как будет отображаться WEB-броузером тело документа в целом. 2. Тэги, описывающие общие свойства документа, такие как заголовок или автор документа. Запомните, что основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-броузерах различных типов и на различных платформах. 1.2
Создание
Webсайта
HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора. Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape, позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML. Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа: Заголовок документа Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слешем перед текстом внутри угловых скобок. В данном примере тэг говорит WEB-броузеру об использовании формата заголовка, а тэг - о завершении текста заголовка. Некоторые тэги, такие, как (тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость. HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом: Заголовок документа Внимание! Дополнительные пробелы, символы табуляции и возврата каретки, добавленные в исходный текст HTML-документа для его лучшей читаемости, будут проигнорированы WEB-броузером при интерпретации документа. HTML-документ может включать вышеописанные элементы, только если они помещены внутрь тэгов И . Более подробно о тэгах Будет написано ниже. Когда WEB-броузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом . Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так: Тело документа... Заголовочная часть документа . Тэг заголовочной части документа должен быть использован сразу после тэга и более нигде в теле документа. Данный тэг представляет собой общее описание документа. Избегайте размещать какой-либо текст внутри тэга . Стартовый тэг помещается непосредственно перед тэгом и другими тэгами, описывающими документ, а завершающий тэг размещается сразу после окончания описания документа. Например: Список сотрудников Внимание! Технически, стартовые и завершающие тэги типа , и необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тэгов позволяет WEB-броузеру уверенно разделить заголовочную часть документа и непосредственно смысловую часть. Заголовок документа . Большинство WEB-броузеров отображают содержимое тэга в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-броузером. Заголовок, ограниченный тэгами и , размещается внутри -тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.
МИНИСТЕРСТВО ОБРАЗОВАНИЯ МОСКОВСКОЙ ОБЛАСТИ
ГБПОУ МО «ПАВЛОВО-ПОСАДСКИЙ ТЕХНИКУМ»
ПО ВЫПОЛНЕНИЮ КУРСОВОЙ РАБОТЫ
По дисциплине
«Курсовая на тему Web-Дизайн и программы для создания web-страниц»
По специальности 230701
«Прикладная информатика в экономике» 4 курс
Преподаватель: Г.Е
Рассмотрен цикловой методической комиссией
Социально-экономического профиля
Протокол№от «»20г.
Предсидатель цикловой комиссии Мишина Е.Н.
2016-2017 уч. год
Введение
1. World Wide Web3
1.1. Распространение World Wide Web в Internet. 5
2.. Создание Web-страницы с помощью языка HTML5
2.1. Язык HTML 5
2.2. Структура HTML документа5
2.3 Форматирование текста7
3. Программы для создания Web-страниц8
3.1 HTML-редакторы8
3.2 Графические редакторы13
3.3 Технология Flesh13
4. Создание WEB-страниц в WORD12
4.1 Способы создания WEB-страниц в WORD12
4.2 Создание маркированных и нумерованных списков13
4.3 Горизонтальные линии13
4.4 Добавление фона13
4.5 Работа с таблицами13
4.6 Работа с рисунками13
4.7 Создание гиперссылок14
4.8 Вставка видеозаписи в Web-страницу14
Список используемой литературы16
1. World Wide Web
– глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать себя в роли дизайнера. И я, в данном случае, не являюсь исключением, потому и выбрала такую тему для своей курсовой работы.
В своей курсовой работе я сделал попытку разобраться в том, что необходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментарием создания Web-страниц и как его эффективно использовать.
Также в данной работе мною рассмотрены основы языка программирования Web-страниц – HTML, который является общепринятым стандартом WWW. Это даст нам возможность ознакомиться со структурой Web-страницы и приемами ее правильного оформления.
1.1. Распространение World Wide Web в Internet
.
Internet - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но говоря WWW и Internet мы подразумеваем не одно и то же. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.
Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.
Распределенная информационная система: информация сохраняется на великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение, которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.
Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.
Гипертекст: информация в WWW представляется в виде документов, любой из которых может содержать как внутренние перекрестные ссылки, так и ссылку на другие документы, которые сохраняются на том же самом или на любом другом сервере.
Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.
Итак, Web-страница может содержать стилизованный и форматованый текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы Просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра. О языке HTML будет детально рассказано в следующем разделе, поскольку без знания основ этого языка невозможно создать Web-страницу для публикации в WWW.
Создание Web-страницы с помощью языка HTML
Язык HTML
Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.
Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.
Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.
Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.
HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.
Структура HTML документа
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использован любой текстовый редактор.
Обычно HTML-документ - это файл с расширением.html или.htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.
В HTML документе стартовым тегом является тег , а завершающим - .
Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках стоит символ "/" (слеш).
Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:
1) Объявление HTML
и . Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег (в самом начале документа), а последним - (в самом конце документа).
2) Заголовочная часть.
и. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами и.
Моя первая страница
3) Тело документа.
Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами и. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.
Моя первая страница......................................
Теперь мы можем написать HTML-код нашей странички:
Моя первая страница!
Форматирование текста
В разделе BODY все символы табуляции и конца строк браузером игнорируются и никак не влияют на отображение страницы. Поэтому перевод строки в исходном тексте HTML-документа не приведет к началу новой строки в отображаемом обозревателем тексте при отсутствии специальных тегов. Это правило очень важно помнить и не забывать ставить разделяющие строки теги, иначе у текста не будет абзацев, и он станет нечитаемым.
Для начала новой строки используется тег (сокр. от англ. break - прервать). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки. Закрывающий для него тег не используется. Он удобен, если требуется с какого-то места писать с новой строки без начала нового абзаца, например, в стихотворении. Повторное его использование позволяет вставить одну или несколько пустых строк, отодвинув следующий фрагмент страницы вниз.
Сплошной текст без промежутков читается не очень легко, его неудобно просматривать и находить нужные места. Разбитый на абзацы, текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег
(англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя атрибута="значение". Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег
Если его нет, то новый тег означает закрытие предыдущего, соответственно вложенные невозможны. Выравнить текст по центру возможно также тегом.
Теперь мы можем поместить на нашу Web-страницу некоторый текст с различным выравниванием:
Моя первая страница
Здесь будут мои личные страницы!
На них Вы сможете найти:- рассказ обо мне и о моих увлечениях;- мои фотографии.
С одной из моих страниц можно будет отправить мне электронное письмо.
Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML-документе. Для этих целей существует тег. Весь текст, помещенный между тегами и будет выводиться без изменений, то есть со всеми концами строк и табуляциями.
Например:
Это текст написан в две строки.
В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег может содержать несколько атрибутов. и дают контурную линию с трехмерным эффектом углубления. дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселах. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселов. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега, но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию 1, но если, (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления. Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но большое количество горизонтальных линий неприятно для посетителя вашей Веб-страницы, поэтому после каждого абзаца их ставить не следует. Они больше подходят для выделения целых разделов.
Web-страницы
могут существовать в любом формате, но
в качестве стандарта принят Hyper
Text Markup Language
- язык разметки гипертекстов, предназначенный
для создания форматированного текста,
насыщенного изображениями, звуком,
анимацией, видеоклипами и гипертекстовыми
ссылками на другие документы, разбросанные
как по всему Web-пространству,
так и находящиеся на этом же сервере
или являющиеся составной частью этого
же Веб-проекта. Можно
работать на Web без знания языка HTML,
поскольку тексты HTML могут создаваться
разными специальными редакторами и
конвертерами. Но писать непосредственно
на HTML нетрудно. Возможно, это даже легче,
чем изучать HTML-редактор или конвертер,
которые часто ограничены в своих
возможностях, содержат ошибки или
проводят плохой HTML код, который не
работает на разных платформах. Язык
HTML существует в нескольких вариантах
и продолжает развиваться, но конструкции
HTML скорее всего будут использоваться
и в дальнейшем.
Изучая HTML и познавая его глубже, создавая
документ в начале изучения HTML и расширяя
его насколько это возможно, мы имеем
возможность создавать Web-страницы,
которые могут быть просмотрены
многими
броузерами Web, как сейчас, так и в будущем.
Это не исключает возможности использования
других методов, например, метод расширенных
возможностей, который предоставляется
Netscape Navigator, Internet Explorer или некоторыми
другими программами. Работа
по HTML - это способ усвоить особенности
создания документов в стандартизированном
языке, используя расширения, только
если это действительно необходимо. HTML
был ратифицирован World Wide Web Consortium. Он
поддерживается несколькими
широко распространенными броузерами,
и, возможно, станет основанием почти
всего программного обеспечения, которое
имеет отношение
к Web. 2.2. Структура html документаПоскольку
HTML-документы записываются в ASCII-формате,
то для ее создания может
использован
любой текстовый редактор. Обычно
HTML-документ - это файл с расширением.html или.htm, в котором текст размечен
HTML-тегами (англ. tag
- специальные встроенные указания).
Средствами HTML задаются синтаксис и
размещение тегов, в соответствии с
которыми браузер отображает содержимое
Веб-документа. Текст самих тегов
Веб-браузером не отображается. Все
теги начинаются символом "<" и
заканчиваются символом ">". Обычно
имеется пара тегов - стартовый (открывающий)
и завершающий (закрывающий) тег (похоже
на открывающиеся и закрывающиеся скобки
в математике), между которыми помещается
размечаемая информация: Информация Здесь
стартовым тегом является тег
,
а завершающим -
.
Завершающий тег отличатся от стартового
лишь тем, что у него перед текстом в
скобках <> стоит символ "/
"
(слэш).Браузер,
читающий HTML-документ, отображает его в
окне, используя структуру HTML-тегов. В
каждом HTML-документе должны присутствовать
три главных части: A
)
Объявление
HTML;
B)
Заголовачная
часть;
C) Тело документа.
A)
Объявление
HTML
и
.
Пара этих тегов сообщает программе
просмотра (браузеру) что между ними
заключен документ в формате HTML, причем
первым тегом в документе должен быть
тег
(в самом начале документа), а последним
-
(в самом конце документа).
.
.
.
B)
Заголовочная часть.
и
.
Между этими тегами располагается
информация о документе (название,
ключевые слова для поиска, описание и
т.д.). Однако наиболее важным является
название документа, которое мы видим в
верхней строке окна браузера и в списках
"Избранное (BookMark)". Специальные
программы-спайдеры поисковых систем
используют название документа для
построения своих баз данных. Для того
чтобы дать название своему HTML-документу
текст помещается между тегами
и
.
Моя первая
страница
C)
Тело документа.
Третьей
главной частью документа является его
тело. Оно следует сразу за заголовком
и находится между тегами
и
.
Первый из них должен стоять сразу после
тега
,
а второй - перед тегом
.
Тело
HTML-документа
- это место, куда автор помещает информацию,
отформатированную средствами HTML.
Моя первая
страница
......................................
Теперь
мы можем написать HTML-код нашей странички:
Моя первая
страница
Здесь будут мои страницы!
Facebook
Вконтакте
Google+
Интернет на Андроиде
Вам также может понравиться
|