Здесь вы научитесь основам web-строительства
Картинки на странице:
Начнём с того, что браузеры различают картинки только двух форматов:
jpg и gif.
jpg - лучше подходит для фотографий.
gif - лучше подходит для графического оформления страницы.
Размещение картинки на странице:
<img src="адресс картинки.и её формат" width=ширина рисунка в пикселях height= высота рисунка в пикселях border= ширина рамки вокруг рисунка alt= текстовое описание>
Расположением картинки можно управлять при помощи тега <align="...">
Пример:
<img src="Ded.jpg" width=213 height= 160 border=1 alt=Гитарист align="left">
Даёт:
Цвет фона:
bgcolor="Название или код цвета" - этот тег служит для того чтобы задать фону страницы определённый цвет. Он прописывается в теле тега <body>.
Пример:
<body bgcolor="red">
background="адресс рисунка.и его формат" - этот тег служит для того чтобы поставить картинку на фон странице. Он прописывается в теле тега <body>.
Пример:
<body background="Ded.jpg">
Таблицы:
Таблица прописывается с помощью тега <table>...</table> в теге <body>
Пример:
<TABLE BORDER="2" bgcolor="yellow">
<TR>
<TD>Артист</TD>
<TD>Альбом</TD>
<TD>Песня</TD>
</TR>
</table>
Даёт на экране:
При этом:
тег <TR>...</TR> - строка.
тег <TD>...</TD> - столбец.
Списки:
Списки прописываются в теге <UL>...</UL>
Тег <li> - отделяет строку в списке.
Пример:
<UL>
<li>Ручка
<li>Карандаш
<li>Пенал
</UL>
Даёт на экране:
Вложенные списки:
Пример:
<ul>
<li>Столовые принадлежности
<ul>
<li>Вилка
<li>Ложка
<li>Нож
</ul>
Даёт на экране:
- Столовые принадлежности
Пример нумерованного списка:
<ol>
<li>Ручка
<li>Карандаш
<li>Пенал
</ol>
Даёт на экране:
- Ручка
- Карандаш
- Пенал
Важно!!!
HTML не различает как написаны теги, заглавными или прописными буквами.
Название | Размер | Начать закачку |
Учебник по HTML | 32. 3 кб | Скачать |