Читала упражнение и смеялась от души! Прелесть! Как правдиво, и, главное, иронично написано! Действительно, куда не посмотришь - везде пытаются изощрённо помучить и себя и других!
h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок.
* * *
Ссылки:
<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/freiman"> Freiman's blog </a> Freiman's blog
* * *
Вставка изображений:
<img src="http://foto.mail.ru/mail/freiman/2/i-24.jpg" alt="На краю обрыва..">
* * *
Работа с блоками:
Блок обозначается тэгом div. У блока можно задавать свои размеры (длину, ширину), цвет текста и фона.
Пример:
<div style="width: 250px; height: 70px; background-color: #ABCDEF; color: #123456; text-align: center;">http://blogs.mail.ru/mail/freiman</div>
http://blogs.mail.ru/mail/freiman
Думаю, значения параметров понятны:
style="width: 200px; - длина блока
height: 70px; - высота блока
background-color: #ABCDEF; - цвет фона
color: #123456; - цвет символов
text-align: center;" - выравнивание. Может быть left, right, center, justify(по обоим краям)
* * *
Рамки:
<table border="1" cellpadding="5">
<tr><td>текст в рамке</td></tr></table>
текст в рамке
<fieldset>
текст в рамке
</fieldset>
* * *
Спрятать длинное сообщение:
text...
[morе]
...text
текст после more будет скрыт.
Если у кого-то еще есть вопросы "А как сделать вот это или вот это?" - спрашивайте в комментариях.