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

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

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

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

Это абзац.

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

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

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

Что такое CMS

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

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

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

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

Примеры cms

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

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

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

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

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

Иванов
Петров
Сидоров
Николаев

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

Иванов
- Возраст — 23 года
- Курс — 3
Петров
- Возраст — 19 лет
- Курс — 2
Сидоров
- Возраст — 18 лет
- Курс — 1

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

HTML
CSS
PHP
SQL
JavaScript
jQuery
Flash
SEO

PHP и JavaScript

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

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

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

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

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

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

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

width=300px

width=200px

width=100px

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

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