Веб-разработка. Занятие №2. HTML

Атрибуты ссылок

<a href='URL' target='имя_окна'>...</a>

<a href='URL' target='_blank'>...</a>

<a href='URL' title='всплывающая подсказка'>...</a>

Изображения (JPEG, GIF, PNG)

<img src='URL' alt='альтернативный текст' width='300'

height='200'>

<img src='https://pp.vk.me/c620523/v620523414/ 16a63/wmgq6DCj31A.jpg'>

Таблицы

Строка 2, столбец 1 Строка 2, столбец 2 Строка 2, столбец 3

Строка 3, столбец 1 Строка 3, столбец 2 Строка 3, столбец 3

Таблицы

<table> <tr>

<th>Название 1-го столбца</th> <th>Название 2-го столбца</th> <th>Название 3-го столбца</th>

</tr> <tr>

<td>Строка 2, столбец 1</td> <td>Строка 2, столбец 2</td> <td>Строка 2, столбец 3</td>

</tr>

…

</table>

Таблицы, атрибуты <table>

<table width='100%' border='1' rules='cols | rows' cellpadding='5' cellspacing='3'>

...

</table>

Подробнее: http://htmlbook.ru/samhtml/tablitsy/atributy-tega-table

Таблицы, атрибуты <td>

<td width='30%' height='20'>

...

</td>

Подробнее: http://htmlbook.ru/samhtml/tablitsy/atributy-tega-td

Домашнее задание

1)Выделить на страничке резюме дату рождения жирным курсивом (используя теги <i>, <b>).

2)Создать в той же папке, где хранится страничкарезюме, новый html-файл с названием «Мое любимое стихотворение (песня)». Разместить в этом файле текст стихотворения (песни), разбив его на четверостишья (куплеты) с помощью htmlтегов.

3)На страничке резюме разместить 2 ссылки:

-на созданную вами страничку с любимой песней

-на вашу страницу во Вконтакте — чтоб открывалась при нажатии в новом окне.

Домашнее задание

4)Разместить на страничке резюме изображение из вашего профиля во Вконтакте.

5)Разместить под блоком «Образование» (О школе) таблицу состоящую из списка 3 ваших самых любимых уроков и ваши оценки по ним в четверти.