HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег
предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.
1. Техническое задание
1.1 Основание для разработки
Разработка данной выпускной работы ведется на основании задания, полученного 5 сентября 2016 года в рамках курсов ПМ.01 «Ввод и обработка цифровой информации» и ПМ.02 «Хранение, передача и публикация цифровой информации» ОМПК.
1.2 Назначение разработки
Данная работа предназначена для обучения обучающихся Октябрьского Многопрофильного Профессионального Колледжа основам языка HTML.
1.3 Требование к оборудованию и программному обеспечению
Для создания сайта на платформе «Notepad++» необходимы минимальные системные требования:
- Процессор с тактовой частотой не ниже 2 Ghz;
- Не менее 1 Гб ОЗУ;
- Наличие любого Интернет браузера.
- Подключение к сети интернет.
Также необходимы любые устройства ввода/вывода информации.(клавиатура, мышь.)
Операционная система Windows 7.
2. Пояснительная записка
2.1 Постановка задачи
2.1.1Описание входных данных
- Изображения, скаченные с Интернета.
- Достоверная текстовая информация взята с Интернета.
2.1.2 Логическая модель задачи
Моя дипломная работа – это сайт выполненный языком разметки гипертекста HTML.
Первое, что нужно усвоить: HTML не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы размечаем текст, таблицы, картинки и т.д. на нашей странице). То, как будут выглядеть картинки, текст и другие элементы на странице, и как они будут располагаться относительно друг друга, определяют метки (tags или тэги).
Вот так выглядит мой сайт в браузере:
А вот так выглядит эта же страничка в текстовом редакторе HTML:
Расскажу немного подробнее об HTML.
Все, что находится между и - это тэг. Текст, не находящийся между такими скобками весь виден при просмотре в браузере.
Как мы видим на нашем примере: тэгов много, и они разные. Обратите внимание на картинку - она показывает нам обязательные тэги.
Обязательные теги, это такие теги, которые вы всегда должны прописывать для каждой своей страницы.
Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:
Некоторые тэги, вроде , не требуют закрывающего тэга.
Теги HTML
Коды языка HTML, с помощью которых выполняется разметка исходного текста, называются тегами. Тег - это набор символов.
Каждый тег в HTML имеет специальное назначение.
Например, есть теги, предназначенные для работы с текстом:
А так же существуют теги, предназначенные для работы с графикой:
Имеются теги позволяющие работать с цветом:
Для работы с гиперссылками существуют следующие теги:
Изучив теги, я создал главную web–страницу. На главной странице мною созданы кнопки и к ним привязаны гиперссылки на другие web–страницы моего сайта.
«Новости» - одна из web-страниц моего сайта:
«Об игре»:
«База знаний»:
Часто задаваемые вопросы «F.A.Q.»:
2.1.3. Описание выходных данных
Выходными данными являются web-страницы моего действующего сайта, расположенного по адресу: http://mbgame.site88.net
2.2. Руководство оператора
Созданный мною сайт можно открыть несколькими способами:
- зайти в интернет и ввести ссылку на мой сайт
- ввести в поиске название сайта
ЗАКЛЮЧЕНИЕ
Изучив возможности языка НTML, теперь на web-страницы в Интернете я смотрю другими глазами. В современном мире невозможно обойтись без интернета.