Элементы форм: Кнопки
Кнопка это элемент интерфейса, на который нужно нажимать. Создается следующим образом.
Параметры кнопки перечислены в таблице.
В надписи на кнопке можно ставить пробелы в любом количестве.
Когда пользователь нажимает на эту кнопку, данные формы отправляются на сервер и обрабатываются программой, указанной параметром action тега FORM.
Параметры те же, что и у простых кнопок.
Параметр name для этого типа кнопки может быть опущен. Если значение параметра value не указывать, автоматически появится надпись Submit (для IE) или Submit Query (для Netscape).
При нажатии на эту кнопку, данные формы возвращаются в первоначальное значение.
Параметры совпадают с параметрами простых кнопок.
Значение кнопки Reset никогда не пересылается на сервер.
I. Организационный момент – 2 мин.
II. Актуализация знаний – 3 мин.
• Какие способы создания вебстраниц мы изучили на прошлом уроке
• Что такое
• Какая альтернатива существуют ручному вводу кода страницы
III. Мотивационный момент –мин.
World Wide Web глобальная компьютерная сеть на сегодняшний день
содержит миллионы сайтов, на которых размещена всевозможная информация
(Показ шаблонов сайтов) Люди получают доступ к этой информации
посредством использования технологии Internet. Для навигации в WWW
используются специальные программы –браузеры, которые существенно
облегчают путешествие по бескрайним просторам WWW. Вся информация в
Web-браузере отображается в виде Webстраниц, которые являются основным
элементом веб сайтов.
Web-страницы, поддерживая технологию мультимедиа, объединяют в
себе различные виды информации: текст, графику, звук, анимацию и видео. И
разделяются на (выборочный опрос детей по класификации веб страниц).
От того, насколько качественно и красиво сделана та или иная Web
страница, зависит во многом ее успех в Сети.
Пользователю приятно посещать те Webсайты, которые имеют стильное
оформление, не отягощены чрезмерно графикой и анимацией, быстро
загружаются и правильно отображаются в окне Webбраузера.
Создать качественную Webстраницу непросто, для этого потребуются не
только навыки дизайнера для красивого и стильного оформления, но и
определенный опыт программирования.
Сложность и объем программ, требуемых для создания того или иного
сайта, зависит от множества факторов, таких, как структура, цель, требуемая
функциональность, обеспечение надежности и т.п.
Что такое сайт и его структура
Ещё до 1991 года люди не знали, что такое сайт. Но именно в января этого года Тимоти Джон Бернс создал и показал первый веб-ресурс. Изобретатель, по сути, опубликовал в интернет небольшую совокупность страниц, на которых описывалась новая технология, а точнее World Wide Web.
Сайт – Это ресурс, который включается в документы, объединённые ссылками и общей структурой. Каждый сайт имеет уникальный адрес, но массив этих данных связан доменным именем.
По сути, веб-ресурс является обособленной информационной единицей, которая может содержать любое количество страниц. Страницы в свою очередь формируются с помощью особых языков программирования и разметки, например HTML, CSS. P HP. Скомпонованный текстовый документ загружается из сети благодаря браузеру, который обрабатывает код и преобразует его в понятный интерфейс.
Чтобы веб-ресурс работал, он должен включать в себя комплекс элементов:
• сервер или хостинг
Серверы обрабатывают и хранят файлы сайта, они являются специальными компьютерами, которые предоставляют веб-проекта память на быстром носителе, ОЗУ и другие технические ресурсы. Сервер может обслуживать несколько сайтов.
Хостингом называют место и вычислительные ресурсы, выделенные на правах аренды.
• Доменное имя
Доменным именем является адрес сайта, эти имена могут находиться в зонах разного уровня и тематики, к примеру, vk.com. Адреса высокого уровня имеют самую высокую стоимость, но также в некоторых зонах нельзя купить домен, например, государственный сектор .gov
• CMS (программные файлы или управление контентом)
Системные файлы для веб-проектов не создаются вручную.
Веб-мастера используют CMS, которые являются специальными движками, включающими в себя базовые функции сайта. Opencart, WordPress, Prestashop, Joomla являются самыми популярными системами управления контентом. C MS и база данных с картинками, текстами и другим контентом хранятся на сервере.
Веб-сайты создают для решения разных задач, по этому критерию их можно разделить на:
• Коммерческие
Созданы для получения продаж из интернета, создания положительного образа компании и расширение охвата целевой аудитории. Классическим коммерческим сайтом является интернет-магазин.
• Информационные
Созданы для передачи определённой информации аудитории. Это могут быть новостные, научно-популярные, развлекательные или тематические площадки. Зачастую информационные сайты создаются с целью монетизации благодаря публикации рекламы или партнёрских ссылок.
• Некоммерческие
К таким веб-ресурсам относятся онлайн-площадки различных государственных органов, социальных служб, учебных заведений, министерств и т.д. Они созданы с целью информировании по определённым вопросам
Необходимо правильно подобрать структуру и функциональное наполнение, чтобы сайт хорошо справлялся со своими задачами. К примеру, нет смысла использовать CMS для интернет-магазина.
В этом отношении сайты можно разделить на:
• лендинг — это сайт, состоящий из одной страницы, с мощной рекламной базой. Его задача — завладеть вниманием посетителя и привести его к конверсионному действию;
• сайт-визитка — это небольшой ресурс с простой структурой. Такие проекты создаются для информирования аудитории о деятельности компании или отдельного специалиста;
• интернет-магазин — специальный коммерческий формат сайта, позволяющий удобно выбирать и заказывать товары. В его структуру обычно входят корзина, форма обратной связи, фильтры, окна с отзывами, кнопка «Купить» и пр.;
• персональный блог — этот вид сайтов посвящён конкретному человеку или его деятельности. Блоги могут быть развлекательными, биографическими, научными, информационными и пр.;
• сайты услуг — это ресурсы, структура и функционал которых позволяет бизнесу удобно и эффективно предлагать свои услуги.
В отдельную категорию нужно отнести такие виды сайтов, как социальные сети, почтовые сервисы, поисковые системы, облачные хранилища, видеохостинги и файлообменники. Эти ресурсы обычно имеют масштабный характер, а их разработка и поддержка требуют значительных финансовых ресурсов.
информационным ресурсам. Любой протокол это набор правил, которые
используются компьютерами для обмена информацией. Среди протоколов
Интернета самый распространенный – HTTP (Hyper Text Transfer Protoсol).
Используются FTP (для присоединения и загрузки файлов), FILE (для доступа к
файлам на локальных дисках), протокол для электронной почты и некоторые
Язык HTML (HyperText Markup Language, язык разметки гипертекста) —
это язык, на котором создаются страницы. HTMLдокументы могут
просматриваться различными типами Wбраузеров. Когда документ создан с
использованием HTML, Wбраузер может интерпретировать HTML для
выделения различных элементов документа и первичной их обработки.
Использование HTML позволяет форматировать документы для их представления
с использованием шрифтов, линий и других графических элементов на любой
системе, их просматривающей.
Web-страницы могут быть созданы с помощью
1) обычного текстового редактора;
2) редактора, способного сохранять в формате HTML;
HTML-документы сохраняются на диске как обычные текстовые документы
в формате . Для распознавания Web-страниц по их именам общепринято
обозначать такие файлы использованием расширений .(для Windows 3.1)
или .(для Windows 95/98//Macintosh
Кроме полезного текста в HTML-документах используются специальные
управляющие последовательности символов —
Чаще всего тэги используются попарно, окружая размеченные фрагменты
текста. Такие тэги называются контейнерами. Закрывающийся тэг отличается от
начального только присутствием символа “/” добавляемого перед именем тэга.
При интерпретации тэгов браузер не делает различия между строчными и
прописными буквами. Поэтому сами тэги можно набирать на любом регистре.
Зачастую параметр (атрибут) является необязательной величиной и его можно
III. Выполнение лабораторнопрактической работы.
1. Исходные файлынаходятся в папке
Перед выполнением задания скопируйте все файлы из папки ЦВЕТЫ
2. Загрузить программу ПУСК – Программы – Стандартные
3. Открыть готовый текстовый файл « »
Замечание. На каждом шаге будете добавлять новый тэг – он выделен жирным
шрифтом. Остальные тэги остаются без изменения.
Нуриева Татьяна Викторовна
МАОУ «СОШ №12 имени В. Н. Сметанкина»
В рамках работы над исследовательским проектом по информатике на тему “Создание тематического web-сайта” обучающийся 9 класса ставит реальные цели и задачи, рассматривает и проводит анализ структуры различных веб-сайтов, пытается понять способы создания сайтов.
Подробнее о проекте
В исследовательком проекте по информатике “Создание тематического web-сайта” автор проектирует свой собственный веб-сайт. Работа имеет большую практическую значимость. Материалы исследования планируется использовать на уроках информатики, а также в качестве инструкции для начинающих разработчиков сайтов.
Оглавление
Заключение
Список использованных источников
Введение
Интернет является безграничным источником разнообразной информацией, который стал неотъемлемой частью нашей жизни, что делает создание сайтов на любую тематику актуальным.
В современном мире нельзя обойтись без веб-сайтов. Они помогают хранить и распространять необходимую информацию на огромные массы людей. Раньше для этих же целей люди пользовались другими средствами массовой информации, являлось затратно. Но из всех вариантов сайт является наиболее удобным.
Стоит уделять время не только созданию проекта, но и его содержанию. Только качественно сделанный веб-сайт станет популярным. Все владельцы хотят, чтобы именно их портал стал успешным, для этого необходимо разработать стратегию. Создать сайт может не только крупная компания, но и любой пользователь, ознакомившийся с базовыми знаниями.
Целью работы является создание тематического web-сайта.
Объект исследования: web-сайт
Предмет исследования: конструктор для создания сайтов
Гипотеза: я считаю, что даже обычный пользователь сможет сделать собственный web-сайт.
Методы исследования: анализ и синтез, проведение тестирования, формализация
Люди и компании создают сайты для разных целей, каждый сам находит причину создать сайт, перечислить их все не выйдет.
Структура любого сайта:
• Дизайн
Это внешний вид и структура сайта: шрифты, цвета, кнопки, элементы меню, разделы и т.д. Его продумывают после того, как возникает идея сделать сайт. Дизайн есть у всех элементов сайта: от баннера или всплывающего меню на главной странице до кнопки перехода в чат в разделе «Контакты».
• Контент
Это любая информация, которую владелец сайта размещает на его страницах: текст, ссылки, фото, аудио и видеоматериалы. Контент сайта хранится на хостинге. Когда пользователь заходит на определённую страницу, программное обеспечение хостинга находит и загружает нужные файлы.
• Написание кода
Код — это текст, в котором разработчики описывают дизайн и поведение сайта на понятном для компьютеров языке. Такие языки называют языками программирования. Языки бывают разные: с помощью одних описывают интерфейс, с помощью других — поведение сервера.
Интерфейсный код описывает дизайн. С его помощью компьютеры понимают внешний вид и расположение элементов на сайте. Чтобы написать интерфейсный код, программисты используют языки HTML, CSS и Javascript. Возможно, вам встречалось такое понятие как «вёрстка сайта». Вёрстка сайта — это процесс создания интерфейсного кода.
Серверный код описывает поведение сайта. С его помощью сервер определяет, что произойдёт, если пользователь нажмёт на кнопку или введёт текст. У одностраничных сайтов такого кода может и не быть. Серверный код нужен, если на сайте есть возможность создать аккаунт, купить товар или услугу. Серверный код пишут на PHP, Java, Ruby и т.д.
Сайты разрабатываются разными способами.
• HTML
На основе HTML создаются статические сайты. Система отвечает за то, чтобы страницы корректно отображались в браузере. На них располагается текст, графика и элементы разметки. Не предусмотрены скрипты для генерации новых страниц. Пользователь видит только страницы, которые созданы веб-мастером.
• PHP
Динамические ресурсы создаются с использованием PHP и других языков программирования. Их использование позволяет писать веб-сценарии. Совокупность таких файлов объединяется скриптами для их исполнения. В зависимости от действий пользователя будет изменяться контент, который ему предоставляется. Кроме PHP, используются Ruby, Python, Perl, ASP. NET.
• CMS
Динамичные ресурсы также создаются с использованием CMS. В этом случае веб-сайт – это продукт специальной программы, которая предлагает возможности для создания и редактирования страниц. Набор скриптов позволяет задействовать базы данных. Эта технология набирает всё большую популярность. Примерами CMS являются PrestaShop, WordPress.
Урок практикум по теме : «Способы создания сайтов. Основы HTML»
ЦЕЛИ И ЗАДАЧИ УРОКА:
1. Создайте папку site (Файл-Создать-Папку).
2. Откройте текстовый редактор Блокнот (Пуск-Программы-Стандартные-Блокнот).
3. Наберите следующий HTML-код:
4. Сохраните под именем index.htm в папке site.
5. Закройте текстовый редактор Блокнот.
6. Откройте папку site. В ней находится файл web-страницы, который открывается и распознаётся браузером Internet Explorer:
7. Откройте двойным щелчком файл index.htm для просмотра в браузере. Проанализируйте полученный результат.
8. Оформим фразу “Давайте знакомиться – ” как заголовок. Для этого откроем HTML-код нашей страницы:
9. Зададим выравнивание заголовка “по центру”:
10. Добавим на страницу основной текст: «Страницы этого сайта позволят Вам больше узнать о внутренних и внешних устройствах компьютера, Терминологический словарь познакомит Вас с компьютерными терминами
11. Добавим на нашу страницу картинку.
12. Вставим гиперссылки и посмотрим на полученную страницу
1 СТРАНИЦА САЙТА
13. Откройте текстовый редактор Блокнот .
14. Наберите следующий HTML-код:
15. Сохраните под именем index1.htm в папке site.
16. Закройте текстовый редактор Блокнот.
17. Откройте папку site. В ней находится файл web-страницы, который открывается и распознаётся браузером Internet Explorer:
18. Откройте двойным щелчком файл index1.htm для просмотра в браузере. Проанализируйте полученный результат.
19. Оформим фразу “ ” как заголовок. Для этого откроем HTML-код нашей страницы:
20. Зададим выравнивание заголовка “по центру”:
21. Создадим главный нумерованный список основных категорий ПО
22. Добавим вложенный список.
23. Добавим на нашу страницу картинку.
24. Вставим гиперссылки и посмотрим на полученную страницу
2 СТРАНИЦА САЙТА
Создание сайта на Html. Для начинающих.
Автор Андерсон Л. М.
Начнем с самого начала.
Несмотря на то, что существует множество специальных приложений для создания сайта, учащимся школьникам предлагается создавать сайт в простейшем «Блокноте», путём набора текста на html. Нужно создать в Блокноте текстовый файл с расширением html, и будет создан файл веб-страницы.
HTML язык по своей сути не является языком программирования. он является языком разметки гипертекстовых документов.
Файловая структура сайта
При создании сайта, все файлы должны быть структурированы по папкам. Обычно это папки IMG, CSS, папка, содержащая страницы сайта, и файл главной страницы HTML.
IMG – папка, содержащая графические файлы.
CSS (Cascading Style Sheets) – Каскадные таблицы стилей – это свод стилевых описаний.
Папка HTML содержит страницы сайта.
Файл .html , в данном примере Lesson.html, индексная страница сайта, или главная, находится в корневом каталоге сайта.
Главное, на что следует обратить внимание, « путь к файлу».
При написании кода страницы,
Необходимо правильно прописывать путь ко всем, используемым файлам. Путь прописывается из корневого каталога, в котором находится файл главной страницы.
При обращении к файлу, необходимо прописывать путь к нему, корневым считая тот каталог, в котором находится индексный файл.
Основная проблема у учащихся в том, что неправильно прописан путь и сайт не получается.
CSS в отдельном внешнем файле.
Оптимальный вариант, вынести стилевое описание элементов HTML в отдельный файл CSS. Это позволит управлять дизайном всего сайта целиком, каждой страницей сайта в которой указанно обращение к CSS файлу. Этот способ является наиболее эффективным использованием таблицы каскадных стилей. Иными словами, Тип, размер, стиль шрифтов, форматирование текста, дизайн страницы описывается, как бы в отдельной процедуре, которая затем вызывается в тексте кода html. Это есть использованием таблицы каскадных стилей. Такие CSS файлы собраны в одну папку.
Итак, открываем блокнот (или другой редактор) и пишем в нем следующий текст:
Далее сохраняем этот небольшой файлик с расширением *.css (обычно файл со стилями называют style.css ).
Чтобы подключить в качестве внешнего файла каскадную таблицу стилей, то наша служебная ссылка приобретает следующий вид:
Запомним основные вещи.
Все документы должны иметь вот такой шаблон кода:
– начало документа – начало головы – закрытие головы – начало тела – закрытие тела – конец документа
Если есть открывающий тег то обязательно должен быть и закрывающий .
Хотя есть и исключения как например у нас тег – он закрытия не требует потому что говорит лишь о том, что следует писать с новой строки.
Правильно писать теги “лесенкой” по мере вложенности одного тега в другой.
С помощью параграфа можно расположить наш текст по центру:
По левому краю:
По правому краю: Или же обоим краям документа: Привет мир!!! – здесь нужен текст подлиней чтобы эффект был хорошо виден при открытии документа Так что же мы написали? и как это читает браузер?Вот так примерно и происходит чтение нашей странички. Как видите браузер довольно своенравный тип, поэтому команды ему нужно подавать чёткие и ясные, иначе он разругается. причем в слух. а по сему запомним следующие вещи:
Как выложить сайт в Интернет? Для того что бы Ваш сайт стал доступен много миллионной публике сети Интернет Вам необходимо сделать две вещи: Присвоить ему индивидуальное имя – домен. Разместить сайт на каком либо сервере – (воспользоваться услугой хостинга). Для того чтобы не было проблем , запомните следующее:Все названия файлов писать с маленькой буквы и на английском языке. И верно прописывайте все пути к файлам, тот каталог, в котором находится индексный файл, считайте корневым.
Wix — мощный конструктор с визуальным редактором. Отлично подходит для создания визиток, блогов, лендингов и даже магазинов. Сервис может позволить себе то, чего другие не могут: изобретать и внедрять новые фишки, которые потом постепенно перенимают конкуренты, привлекать грамотных разработчиков, партнёров, давать рекордные скидки своим пользователям, в конце концов. Обновления происходят очень часто, оптимизируется всё подряд.
Качественный в текущий момент и перспективный на будущее движок, с которым стоит иметь дело.
Базы данных можно применить к любому элементу. Не вдаваясь в технические подробности: это позволит, например, проводить опросы, создавать динамические галереи с выводом случайного изображения, выводить на странице разные данные в зависимости от условий, регулировать расписание и т.д.
Конструктор поддерживает работу в команде. Вы можете добавлять новых пользователей через электронную почту и наделять их правами доступа. Это поможет эффективнее распределить обязанности между разными сотрудниками, если, например, вы делаете большой интернет-магазин
В качестве награды за труды веб-мастер получает собственный ресурс, который выглядит вполне профессионально. С функциональной точки зрения движок подходит как начинающим, так и бывалым разработчикам клиентских сайтов в одинаковой степени.
Шаблоны – предмет гордости Wix. Более 500 макетов для разных типов сайтов, выполненных профессионалами, вставки видео на фон страницы, 3D-эффекты, собственный фотобанк и редактор изображений. Единственный недостаток — шаблон нельзя заменить во время работы над сайтом, так что выбирать тему нужно очень внимательно. Все шаблоны доступны бесплатно, а их база постоянно обновляется.
SEO
Конструктор Wix позволяет создавать сайты, которые изначально достаточно дружелюбно воспринимаются поисковыми системами.
Начинающий веб-мастер легко запутается в обилии требований, которые предъявляют поисковики, но Wix, кажется, решил эту проблему. В панели управления конструктора есть инструмент для настройки SEO-параметров сайта, который представлен в виде пошагового мастера.
Достоинства
Wix все хвалят за внешнюю привлекательность, которая делает работу с конструктором приятной. Но это далеко не все достоинства сервиса. Также можно отметить:
Создание сайта
Проектирование сайта включает в себя следующие этапы:
Проектирование сайта. Анализ сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории.
Контент. Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.
Дизайн. Включает разработку дизайна, графических элементов, обработку графики и все, что с ней связано. Т.к. страницы оформляются в едином стиле, то создается шаблон.
Написание кода. Создание Web-страниц, программирование, написание функциональной части.
Публикация. Сайт размещается в Интернете.
Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и т.д.
Поддержка. Постоянное обновление сайта.
Создание сайта с помощью конструктора Wix com:
Заключение
В соответствии с целью и задачами, поставленных мной, я рассмотрела и проанализировала структуру веб-сайтов, постаралась понять способы создания и спроектировать сайт.
Считаю, что проект по информатике на тему “Создание тематического web-сайта” имеет большую практическую значимость. Материалы исследования могут быть использованы на уроках информатики, а также использовать в качестве инструкции.
Список использованных источников
Если страница Вам понравилась, поделитесь в социальных сетях:
МБОУ СОШ№10 ученика 10 класса Касимова Романа.
Проект “Создание веб-сайта на языке HTML”
Преподаватель: Глазырин М. А.
Я решил создать этот сайт с помощью языка HTML, потому, что, для меня это самый лёгкий способ написания сайта.
Создание сайта HTML.
(от англ. HyperText Markup Language — «язык гипертекстовой разметки»;) — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.
Язык HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.
Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста.
Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием сжатия.
1 Общее представление
5 Структура HTML-документа
5.1 Варианты DOCTYPE для HTML 4.01
5.2 Варианты DOCTYPE для HTML 5
6 Браузерные войны
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). H TML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. H TML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег
Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari (см.: Браузер#Рыночные доли).
RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 года;
Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.
Версия 3 была предложена Консорциумом Всемирной паутины (W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул, поддержка gif формата. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами Netscape Navigator и Mosaic.
В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и нерекомендованные (англ. deprecated). В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS).
В 1998 году Консорциум Всемирной паутины начал работу над новым языком разметки, основанном на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил название XHTML. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины 26 января 2000 года.
В настоящее время Консорциум Всемирной паутины разработал HTML версии 5. Черновой вариант спецификации языка появился в Интернете 20 ноября 2007 года.
Сообществом WHATWG (англ. Web Hypertext Application Technology Working Group), начиная с 2004 года, разрабатывается спецификация Web Applications 1.0, часто неофициально называемая «HTML 5», которая расширяет HTML (впрочем, имея и совместимый с XHTML 1.0 XML-синтаксис) для лучшего представления семантики различных типичных страниц, например форумов, сайтов аукционов, поисковых систем, онлайн-магазинов и т. д., которые не очень удачно вписываются в модель XHTML 2.
HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки ). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:
Текст между двумя тегами — открывающим и закрывающим.
Здесь элемент содержит атрибут href, то есть гиперссылку.
А вот пример пустого элемента:
Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:
Этот текст будет полужирным,
а этот – ещё и курсивным
даст такой результат:
Этот текст будет полужирным, а этот — ещё и курсивным
Кроме элементов, в HTML-документах есть и сущности (англ. entities) — «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN — код символа в Юникоде в десятичной системе счисления.
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML , которая обычно выглядит примерно так:
Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее.
Далее обозначается начало и конец документа тегами и соответственно. Внутри этих тегов должны находиться теги заголовка () и тела () документа.
Строгий (Strict): не содержит элементов, помеченных как «устаревшие» или «не одобряемые» (deprecated).
Переходный (Transitional): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.
С фреймами (Frameset): аналогичен переходному, но содержит также теги для создания наборов фреймов.
Варианты DOCTYPE для HTML 5.
В HTML 5 используется только один вариант DOCTYPE:
Основная статья: Война браузеров
В середине 1990-х годов основные производители браузеров — компании Netscape и Microsoft — начали внедрять собственные наборы элементов в HTML-разметку. Создалась путаница из различных конструкций для работы во Всемирной паутине, доступных для просмотра то в одном, то в другом браузере. Особенно большие трудности были при создании кросс-браузерных программ на языке JavaScript. Веб-мастерам приходилось создавать несколько вариантов страниц или прибегать к другим ухищрениям. На какое-то время проблема потеряла актуальность по двум причинам:
Из-за вытеснения браузером Internet Explorer всех остальных браузеров. Соответственно, проблема веб-мастеров становилась проблемой пользователей альтернативных браузеров.
Благодаря усилиям производителей других браузеров, которые либо следовали стандартам W3C (как Mozilla и Opera), либо пытались создать максимальную совместимость с Internet Explorer.
На современном этапе можно констатировать рост популярности браузеров, следующих рекомендациям W3C (это Mozilla Firefox и другие браузеры на движке Gecko; Safari, Google Chrome, Opera и другие браузеры на движке WebKit). Доля Internet Explorer на данный момент составляет менее 30 %.
В современной практике существует возможность упростить разработку кросс-браузерных программ на языке JavaScript с помощью различных библиотек и фреймворков. Например, таких как jQuery, sIFR и др.
При создании сайта, у меня не получилось разместить его в интеренете, так как был плохая связь с интернетом и у меня не хватило опыта в этих делах. По этому я скину на флешку то, что, я сделал дома под свой браузер.
Сказочные цветы за 15 минутМальчик и колокольчики ландышей
предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.