Задачи на работу с основными HTML тегами и атрибутами

Перед решением задач изучите теорию к данному уроку.

1. На заголовки, жирность, курсив
 1. Повторите страницу по данному по образцу:

Это заголовок

Это заголовок

Это заголовок

Это заголовок

Это абзац.

Это еще абзац.

Это заголовок h1

 2. Повторите страницу по данному по образцу:

Что такое CMS

CMS – «система управления контентом» (движок) – написанная PHP-программистами основа для сайта, с помощью которой вы сможете управлять сайтом (добавлять контент, менять пункты меню и т.п.) не зная HTML и CSS.

Однако, для того чтобы сделать сайт с помощью CMS потребуются услуги и программиста, и дизайнера, и верстальщика. И капиталовложения.

Какие бывают cms

Бывают различные системы управления контентом: для интернет-магазинов, для блогов, для форумов и т.д.

Примеры cms

Примеры популярных CMS: Joomla, WordPress (для блогов), PhpBB (для форумов).

CMS-ки бывают платные и бесплатные.

2. На списки

Список цветов

  • Красный
  • Желтый
  • Зеленый
  • Синий

Список студентов

  1. Иванов
  2. Петров
  3. Сидоров
  4. Николаев

Список студентов

  1. Иванов
    • Возраст – 23 года
    • Курс – 3
  2. Петров
    • Возраст – 19 лет
    • Курс – 2
  3. Сидоров
    • Возраст – 18 лет
    • Курс – 1
3. На заголовки, абзацы и списки

Что нужно знать, чтобы делать сайты

  1. HTML
  2. CSS
  3. PHP
  4. SQL
  5. JavaScript
  6. jQuery
  7. Flash
  8. SEO

PHP и JavaScript

Языки программирования PHP и JavaScript позволяют сделать сайт динамичным, то есть реагирующим на действия пользователя. Например, можно сделать красивую выпадающую менюшку или слайдер

Виды скриптов

Для этого пишутся скрипты (англ. script – «сценарий») – программы, позволяющиее реагировать на действия пользователя. Скрипты бывают двух видов:

  • те, которые выполняются на сервере, а результат их выполнения приходит в браузер к пользователю уже в готовом виде. Это скрипты, написанные на языке PHP. На нем пишуться CMS-ки – системы управления контентом.
  • те, которые выполняются прямо в браузере пользователя. Это скрипты, написанные на языке JavaScript. Они чаще всего используются для, того чтобы сделать страницу более удобной и красивой.
4. Связанные ссылками страницы

Повторите 3 страницы и свяжите их ссылками друг с другом: страница 1страница 2страница 3.

5. Ссылки в виде картинок

Вставьте на страницу 3 картинки и сделайте из них ссылки на школьный сайт

Чтоб изменит размеры картики воспользуйтесь атрибутами: height, width тега img 
Свойство height=”ЧИСЛО” — задает высоту изображения: либо в пикселях, либо в процентах %. Например, если изображение имеет размер 400х200, а мы укажем высоту 150 пикселей, то оно сжимается до 300х150 (на 25% меньше), т.е. пропорционально.

Свойство width=”ЧИСЛО” — задает ширину изображения: либо в пикселях, либо в процентах %. Например, если изображение имеет размер 1000х800, а ширина указывается 1200 пикселей, то оно автоматически расширяется на 20% до 1200х960


width=300px


width=200px


width=100px