2 урок. Картинки и таблицы
advertisement
Задание 2 <HTML> <HEAD> <TITLE>Рисунки и таблицы</TITLE> </HEAD> <BODY BGCOLOR=gray> Рисунок, выровненный по центру: <BR> <CENTER> <IMG SRC="cat.jpg"> </CENTER> <BR> А вот рисунок, выровненный по правому краю. С помощью атрибута ALIGN можно делать «обтекание» рисунка текстом. Например, этот рисунок выровнен по правому краю, и текст «обтекает» его слева. <IMG SRC="krolik.gif" ALIGN=RIGHT> <BR> <BR> Есть еще атрибуты, указывающие для рисунка высоту HEIGHT и ширину WIDTH, например для рисунка с кроликом можно записать такой тег в угловых скобках: <BR><BR> IMG SRC="krolik.gif" ALIGN=LEFT width=263 height=350 <BR><BR> и посмотреть, что получилось. <BR><BR> По правилам создания web-страниц нужно всегда указывать в теге рисунка его размеры – ширину и высоту. Когда пользователь будет открывать страницу с таким рисунком в Интернете, рисунок будет быстрее загружаться и показываться именно так, как задумано. <BR><BR> А с помощью атрибута BORDER можно менять толщину рамки вокруг таблиц. Например: <BR><BR> BORDER=2 - толщина рамки равна 2. <BR><BR><BR> Таблица: <BR> <BR> <TABLE BORDER=1> <TR> <TD>Строка 1, ячейка 1</TD> <TD>Строка 1, ячейка 2</TD> <TD>Строка 1, ячейка 3</TD> </TR> <TR> <TD> Строка 2, ячейка 1</TD> <TD> Строка 2, ячейка 2</TD> <TD> Строка 2, ячейка 3</TD> </TR> </TABLE> <BR><BR> </BODY> </HTML> В свою папку скопировать файлы cat.jpg и krolik.gif Открыть текстовый редактор Блокнот. Для этого выполнить команду ПУСК – Программы - Стандартные – Блокнот. Набрать в Блокноте текст, размеченный тегами (см. выше). Сохранить текст в файле с именем str2.html в своей папке. Посмотреть получившуюся web-страницу в броузере Microsoft Internet Explorer. Посмотреть собственно текст web-страницы в окне Internet Explorer’а. Для этого выполнить команду Вид – В виде HTML (View – Page source). Поменять заголовок web-страницы (поменять текст внутри тега <TITLE>Рисунки и таблицы</TITLE>) и посмотреть, что получилось. Картинку с кроликом выровнять по левому краю (поменять в теге картинки значение атрибута ALIGN) Поменять толщину рамки вокруг таблицы. Сделать ее равной 3, потом равной 0. Вставить свою небольшую картинку в первую ячейку в первой строке таблицы. Записать свой текст в третью ячейку во второй строке таблицы. Поменять цвет фона страницы, написать свои тексты и вставить свои рисунки вместо кролика и котенка. УКАЗАНИЕ. Картинки в web-страницах должны иметь формат JPG или GIF. (Есть еще формат PNG, но он пока не получил большой популярности). Другие форматы, например bmp, на web-страницах не годятся.
