Другое на тему HTML & CSS верстка на сайте
-
Оформление работы
-
Список литературы по ГОСТу
-
Соответствие методическим рекомендациям
-
И еще 16 требований ГОСТа,которые мы проверили
Введи почту и скачай архив со всеми файлами
Ссылку для скачивания пришлем
на указанный адрес электронной почты
Фрагмент текста работы:
1 Анализ инструментов создания сайтов
Небольшие сайты часто пишутся просто используя HTML и CSS. Более крупные веб-сайты — в частности те, которые регулярно обновляются и используют управление контентом системы (CMS), инструментов ведения блога или программное обеспечение для электронной коммерции – часто используют более сложные технологий на веб-сервере, но эти технологии также могут базироваться на HTML и CSS. Рассмотрим особенности представленных языков.
1.1 Описание языка HTML
Язык разметки гипертекста, или HTML, является самым популярным языком разметки гипертекста в мире. Данный язык является наиболее широко используемый язык для создания веб-сайтов. HTML – это относительно простой язык. Данный язык описывает структуру данных, содержащихся на «странице www», определяя, какой фрагмент должен быть текстом, который является ссылкой, заголовком и т.д., а также внедряет в него файлы. Кроме того, HTML также позволяет определять графический аспект страницы, устанавливая не только расположение отдельных элементов, но и форматирование содержимого (непосредственно в коде или с использованием, так называемых CSS – каскадных таблиц стилей) [1].
HTML – это язык, в котором используются пары тегов, обозначаемые скобками <>. Следует помнить, что это не язык программирования, и его возможности несколько ограничены, хотя с годами возможности языка значительно возросли.
Каждая веб-страница, в сети Интернет, написана на языке HTML. Как и любой язык, он имеет свой собственный специальный синтаксис (правила написания).
После сохранения файла с HTML кодом, результат работы будет действовать как интернет-браузер (например, Chrome, Firefox, Internet Explorer). Задача браузера — преобразовать код из HTML файла узнаваемую веб-страницу. Браузер имеет инструменты, которые определяют, как выложить страницу, следуя синтаксису HTML.
HTML обозначает язык разметки гипертекста. Гипертекст означает «текст со ссылками в нем». Каждый раз, когда происходит нажатие на слово, которое переходит на новую веб-страницу, можно сделать вывод что был использован гипертекст.
Язык разметки — это язык программирования, используемый для того, чтобы сделать больше, чем простое размещение текста на странице: HTML имеет возможность превращать текст в изображения, ссылки, таблицы, списки и многое другое.
В файле HTML весь текст программы, должен быть расположен между открывающимися тегами <html> и закрывающим тегом </ html>.
В HTML-файле всегда есть две части: голова и тело.
Голова содержит информацию о файле HTML, и его название. Название — это то, будет отображено в строке заголовка или вкладке страницы браузера.
Первое, что нужно сделать, — создать скелет страницы. Скелет страницы задается следующим образом:
а. Тег <! DOCTYPE HTML> должен быть помещен в первую строку. Это сообщит браузеру, какой язык он читает (в данном случае, HTML).
б. На следующую строку необходимо поместить тег <HTML>. Это запустит документ HTML.
с. В последнюю строку имеет смысл расположить тег </ HTML>. Это завершает HTML-документ.
Как было отмечено ранее, файл HTML имеет голову и тело.
Тело — это место, где будет размещен непосредственно контент сайта, например текст, изображения и ссылки. Содержание в теле — это то, что будет видно на фактической странице.
Тело находится внутри тегов <HTML>, сразу после тегов <head>, например:
<HTML>
<Голова>
< HEAD>
<title> Моя веб-страница </ title>
</ HEAD>
< Body>
<Тело>
</ Body>
</ HTML>
В разделе тела необходимо создать заголовок. Для этого необходимо создать тег <h1>.
После этого добавляется контент.
Закрывается элемент тегом </ h1>. (Теперь контент находится между <h1> и </ h1>.)
В HTML можно указать более одного размера заголовка. Существует шесть размеров заголовков, где <h1> — самый крупный, а <h6> — это самый мелкий
<h1> — самый крупный
<h2> — средний крупный
<h3> — мелкий крупный
<h4> — средний размер
<h5> — мелкий средний
<h6> — самый мелкий.
