About earnings on the Internet.

  • Главная
  • Ссылки
  • Учебники и пособия
  • Чёрный список
  • Форум
  • Контакты
  • Партнёрка
  • Супер партнёрка


Findme.Ru

Вставляем изображения.

Сначала в папке, где хранится Ваш index.html, создайте папку img или images и загрузите туда свою картинку.

Все изображения на сайте храните в этой папке, чтобы на сайте был порядок с файлами.

Для того, чтобы вставить изображение в Ваш документ, используется тег <img>.

Для того, чтобы знать откуда надо брать изображение, пишется путь с помощью тега src="", также нужно указать ширину и высоту изображения, ширина указывается спомощью параметра width="", высота - с помощью параметра height="". Я вставлю свою картинку. Окончательно тег примет вид <img src="images/book.jpg" width="193" height="250">, где images - папка, в которой находится изображение, book.jpg - название изображения, 193 и 250 - ширина и высота изображения в пикселях.

Теперь этот тег вставляем в нужное нам место страницы.

Нам нужно сделать так, чтобы изображение не разрывало текст, для этого вставим в тег <img> атрибут align="left",
тогда картинка будет располагаться слева, а текст будет обтекать её справа. Если мы поставим атрибут align="right"
картинка будет располагаться справа, а текст будет обтекать её слева.

Чтобы текст не прилипал к картинке справа, ставим атрибут hspace="30", где 30 - расстояние в пикселях, атрибут vspace=""
отвечает за верхний отступ.

У тега <img> есть ещё атрибут alt="", который отвечает за надпись, которая появится, если пользователь будет просматривать сайт с отключенным изображением и атрибут border="", который отвечает за толщину рамки вокруг изображения.

Изменяем HTML код страницы.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Моя первая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="На этой странице Вы найдёте создание моей первой web-страницы ">
<meta name="Keywords" content="страница,первая">
</head>
<body>
<font face="Verdana" size="2" color="#000000" >
<h1 align="center"><font color="#FF0000">ДЕНЬГИ БУДУТ ИДТИ НА АВТОПИЛОТЕ !</font></h1>
<hr width="700" color="#FF0000">
<img src="images/book.jpg" width="193" height="250" align="left" hspace="30" hspace="30" vspace="10" alt="Изображение книги Заработок на автопилоте" border="0">
<p><strong>Я буду изучать язык HTML потому,что он основа всех языков и на каком бы из языков не написан
сайт, его код отображается на языке HTML.</strong></p>
<p>Я буду изучать его, чтобы делать свои сайты и зарабатывать на них в интернет.</p>
<h2 align="center"><em>Для того, чтобы зарабатывать на электронной коммерции нужно:</em></h2>
<ol>
<li>создать свой цифровой товар;</li>
<li>уметь писать продающий текст (копирайтинг);</li>
<li>вести рассылку;</li>
<li>проводить вирусный маркетинг;</li>
<li>нужно защищать свой товар от пиратов;</li>
<li>нужно уметь делать обложки;</li>
<li>нужно иметь свою партнёрскую программу и многое другое.</li>
</ol>
<p>Я пока этого не имею и не умею, изучив основы HTML, буду наполнять сайт интересным контентом
и зарабатывать на рекламе.</p>
</font>
</body>
<html>

Теперь наш текст будет выглядеть так.

В следующем уроке будем изучать ссылки. Перейти к изучению ссылок.

Содержание уроков по основам HTML.

Урок 1. Что такое тег? Определение основных тегов.

Урок 2. Форматирование текста.

Урок 3. Создание списков.

Урок 4. Форматирование шрифтов.

Урок 5. Вставляем изображения.

Урок 6. Изучаем ссылки.

Урок 7. Изучаем таблицы.

Урок 8. Создаём каркас сайта.

Урок 9. Создаём страницу сайта.


Реклама

Protected by Copyscape Unique Content Checker




Copiright © http://www.cyberzarobotok.ru/