Урок 1.1: Создание простой web-страницы. Создание страницы


Как сделать веб страницу html с картинкой для чайников

 

для чайников 

 

 

 

 

Вас заинтересовал вопрос: “Как сделать html страницу?”, то просмотрев данную статью, вы сможете сделать html страницу самостоятельно, не прилагая больших усилий.

  

HTML (HyperText Markup Language — «язык разметки гипертекста») не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы указываем браузеру где будет размещен текст, картинка, таблица и т.п. ).

 

То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (тэги).

При помощи тэгов ваша страница (файл) общается с браузером, то есть она ему говорит, что здесь находиться текст определенного шрифта, размера, цвета и т.д. а браузер в свою очередь размещает этот текст, в своем окне, исключительно таким образом каким вы указали при создании страницы.

Теперь мы перейдем к практическому осуществлению нашей задачи “Как сделать html страницу?”.  Для этого нам понадобится любой текстовый редактор.  Я вам посоветую «Notepad++».  Либо можете воспользоваться стандартным блокнотом, только будьте внимательны, когда будете сохранять файл, обязательно сохраняйте его с расширением «html». Название обязательно пропишите латинскими буквами. Это будет выглядеть так: «page.html»

И так, открываем наш редактор, и пишем следующий код:

<html><head><title>Моя первая страница</title></head><body>Я Вас приветствую!!! <br/> Это Начало большого пути в просторы Интернета</body></html>

Сохраняем созданный текст.Для просмотра созданной страницы html в любом браузере, нужно просто кликнуть на пиктограмме «page.html».

Вставить картинку в html страницу

Чтоб вставить картинку в html страницу, её необходимо предварительно подготовить.Выбираем нужное изображение, редактируем его  либо в документе Word (простой вариант), либо в Photoshop. Сохраняем картинку в формате  JPEG, в нашей папке для создания страниц html.Пример:название папки:  user_pageв этой папке:страница: page.htmlкартинка: kartinka.jpg

Для вставки картинки в страницу применяется тег <img>.  Для указания пути к картинке в теге используется параметр src=Вот так будет выглядеть код  html, при помощи которого можно вставить картинку в страницу  html:<img src="/kartinka.jpg"> (при условии: страница и картинка находятся в одной папке).

А это код страницы html с картинкой

<html><head><title>Моя первая страница</title></head><body>Я Вас приветствую!!! <br/> Это Начало большого пути в просторы Интернета

<img src="/kartinka.jpg"></body></html>

 

Если вы выполнили все так, то в браузере будет отражен результат вашей работы. Оказывается,  сделать html страницу совсем  не сложно!

Ниже приведены атрибуты для тега <img>, и их предназначение:

<img src="/kartinka.jpg">

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

<img src="/kartinka.jpg" align="right">

align="right" - картинка справа, текст слева

<img src="/kartinka.jpg" align="left">

align="left" - картинка слева, текст обтекает справа

<img src="/kartinka.jpg" align="bottom">

align="bottom" - как и по умолчанию, текст внизу картинки

<img src="/kartinka.jpg" align="middle">

align="middle" - текст посередине картинки

<img src="/kartinka.jpg" align="top">

align="top" - текст вверху картинки

<img src="/kartinka.jpg" vspace="10">

vspace - задаёт расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях. Pixel - самая маленькая единица изображения (точка). Например, если экран Вашего монитора 800х600, это значит, что он имеет 800 на 600 пикселей (точек). В примере расстояние равно 10 пикселям (точкам).

<img src="/kartinka.jpg" hspace="20">

hspace - задаёт горизонтальное расстояние между текстом и рисунком. Расстояние задаётся в пикселях. В примере отступ текста от картинки равен 20 пикселям (точкам)

<img src="/kartinka.jpg" alt="Сайт для сайтостроителей">

alt - задаёт название (описание) картинки (действует не во всех браузерах. В Internet Explorer – работает!). Работает, если ваш посетитель наведёт мышку на картинку и подержит несколько секунд. В этом конкретном примере появится надпись "Сайт для сайтостроителей". Я рекомендую Вам задавать атрибут alt, особенно тогда, если Ваша картинка является ссылкой (кнопкой).

<img src="/uzeron_pc.jpg">

width - задаёт ширину картинки в пикселях. Если же Вы не поставите этот атрибут, то картинка будет иметь реальный размер по ширине. (Рекомендую всегда задавать размеры!!!)

<img src="/uzeron_pc.jpg">

height - задаёт высоту картинки в пикселях. Если же Вы не поставите этот атрибут, то картинка будет иметь реальный размер по высоте. (Рекомендую всегда задавать размеры!!!)

<img src="/uzeron_pc.jpg" border="0">

border - задаёт рамку вокруг картинки. По умолчанию рамка всегда есть. Если вы хотите убрать рамку, то задайте border=0.

<p align="center"><img src="/uzeron_pc.jpg"> </p>

<p></p> - размещает саму картинку туда, куда нам необходимо. Размещение зависит от атрибута align. Есть, например:align="left" - слева align="center" - в центреalign="right" - справа

<body bgcolor="#000000" background= "uzeron_pc.jpg"></body>

background="Ваш_фон.jpg"- Ваша картинка будет фоном HTML странички. В атрибуте background="Ваш_фон.jpg" нужно прописывать путь к Вашей картинке так же, как и в размещении обычной картинки. Я рекомендую оставлять bgcolor для того случая, если не загрузится Ваша картинка.

Добавить комментарий

www.sitedelkino.ru

Как создать html страницу

создание-html-страницы

Каждый начинающий вебмастер должен знать, как создать html страницу, а делается это очень легко и просто. Я могу вам уверенно сказать что после того как прочитаете эту статью, Вы будете создавать html страницы без никаких трудностей.

Вы можете написать html код в любом текстовом редакторе ( даже в блокноте ) но, я вам рекомендую для начало воспользоваться таким замечательным редактором как notepad++. Он очень удобный и простой в использований. Вы можете скачать его на официальном сайте https://notepad-plus-plus.org.

Основной плюс у этого редактора в том, что есть подсветка кода. Поверьте это очень удобно, т.к. сразу заметно, где открывается тег и где он закрывается.

Открываем программу и как вы заметили новый файл с именем new 1, создался автоматически.

новый файл в notepad++

Этапы создания html страницы

Теперь из нового файла создаем html документ следующим образом: 1. Идем в меню файл и выбираем пункт сохранить как… или нажимаем горячие клавиши ( Ctrl+Alt+S)

2. В появившемся окне выбираем место, где хотим сохранить файл.

3. В поле имя файла пишем index и выбираем тип файла Hyper Text Markup Language file (*html; *htm; *shtml; *shtm; *xhtml;*hta).

название файла и его тип html document

После того как выбран тип файла, в конце имени файла автоматически вставляется расширение html.

расширение html

4. Нажимаем сохранить. Имя файла изменилось на index.html

Название файла изменилось на index.html

Закрываем Notepad++ и едем в указанной папке, где сохранили файл. Там создался файл index, с расширением html и со значком браузера который установлен у вас по умолчанию. При двойном щелчке, файл открывается в вашем браузере. У меня браузер по умолчанию выбран опера, поэтому сохраненный файл выглядит так:

полученный html файл после сохранения

После того как открыли файл в браузере мы ничего не видим так как наш файл пустой, в нем нету ни одной строчки кода html. Давайте исправим ситуацию, напишем в файле пару строчек кода. Для этого идем в папку с нашим файлом, кликаем на него правым кликом мыши и в появившемся меню выбираем пункт Edit with Notepad++.

Edit with notepad++

Файл откроется в редакторе Notepad++. Теперь напишем в файле следующий код:

<!DOCTYPE html > <html> <head> <meta charset="utf-8" /> <title>Файл html</title> </head> <body>    <h2 align="center" > Привет Мир </h2> </body> </html>

После этого нужно сохранить файл, для этого идем в меню файл и выбираем пункт сохранить или нажимаем горячие клавиши ( Ctrl + S )

сохранение html файла

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

другой способ для сохранения файла

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

красная дискета в панель инструментов notepad++

После того как сохранили файл, цвет дискеты становится синим.

синяя дискета в панель инструментов notepad++

И так файл мы сохранили, давайте откроем заново его в браузере и посмотрим что получилось.

html страница в браузере opera

В браузере выводился заголовок Привет Мир, это означает, что мы все сделали правильно.

На этом пожалую все, думаю, вы поняли на 100 % как создать html страницу и теперь у вас не возникнут трудностей сделать это.

Похожие статьи:

Видео:

Понравилась статья?

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Поделиться с друзьями:

Подписаться на новые статьи:

Поддержите пожалуйста мой проект!

<< Предыдущая статьяСледующая статья >>

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту [email protected]. И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Добавляйтесь ко мне в друзья в:

Добавляйтесь в мои группы:

Подпишитесь на мои каналы:

Автор статьи: Мунтян Сергей

Копирование материалов с сайта sozdatisite.ru ЗАПРЕЩЕНО!!!

Дата добавления: 2014-02-19 01:58:52

sozdatisite.ru

Создание простой web-страницы на HTML

Что такое HTML? Из описания: HTML - язык разметки гипертакста (или язык гипертекстовой разметки).

Так давайте познакомимся с ним поближе.

Для начала создайте у себя на компьютере файл с любым названием и расширением .html (название должно быть на английском языке - например index.html). Что бы создать такой файл - создайте обычный текстовый документ ("Пуск" - "Все программы" - "Стандартные" - "Блокнот") и сохраните ("Файл" - "Сохранить как") его в любом месте, введя название и расширение (бывает, что при введении расширения блокнот все равно сохраняет его как текстовый файл, а нам нужет web файл. Для этого перед сохранением выберите тип файла - "Все файлы(*.*)").

Диалоговое окно: сохранение документа

Это не обязательное условие (так как в настройках сервера можно поменять название первой страницы), а правило хорошего тона. Название первой страницы желательно именно index (index.html), так как сервер, при обращении к нему, выдает файл с таким именем - index.

При правильном сохранении, значок файла должен поменяться на значок браузера (по умолчанию Internet Explorer).

Теперь откройте этот файл через блокнот и скопируйте туда такой код.

<html> <body> Это первая web-страница! </body> </html>

Сохраните и откройте через браузер.

Поздравляю, вы только что создали свою первую web-страницу.

Текст "Это первая web-страница!" можете поменять на любой другой, например так - "Это моя первая web-страница!!!". сохраняем, обновляем браузер, любуемся результатом.

Но у нашей страницы нет загаловка.

Фото страницы без загаловка

Надо это исправить - немного подправим код, вернее добавим в него "Голову сайта", используя теги <head> и <title>.

<html> <head> <title>Первая страница</title> </head> <body> Это моя первая web-страница!!! </body> </html>

Сохраняем, обновляем, любуемся. Теперь у нашей страницы есть загаловок.

Фото страницы с загаловком

Пример здесь.

Описание тегов.

Самый первый тег это <html> (этот тег парный, т.е. закрывающий тег </html> обязателен) - он используется как контейнер, внутри которого находится все содержимое страницы (текст, изображения и прочее). Хотя этот тег (<html> и </html>) необязателен, но его использование говорит о правиле хорошего тона. Поэтому и вам советую его использовать.

Следующий тег - <head>. Это тоже парный тег (<head> и </head>). Этот тег не отображается на странице (кроме заголовка), но он необходим для указания дополнительный параметров страницы - описание страницы (используется поисковиками), ключевые слова (используется поисковиками), стили, скрипты, заголовок и прочее.

Тег <title> - парный тег (<title> и </title>), необходим для указания заголовка страницы. Причем этот тег нужно размещать только внутри тега <head>!

И последний, в нашем коде, тег - <body>. Тоже парный тег (<body> и </body>), внутри которого находится вся видимая часть сайта, т.е. тексты, картинки, ссылки, в общем информация которую вы хотите разместить на сайте.

В следующем уроке мы поговорим о видах тегов и правило их написания.

Список уроков Описание тегов

in-sites.ru

Основы HTML. Как создать HTML страницу

Здравствуйте уважаемые читатели блога dmitriydenisov.com. В этой статье мы будем знакомиться с языком гипертекстовой разметки HTML. Из данного материала вы узнаете базовые понятия HTML, из чего состоит HTML документ и как создавать HTML страницу. Поскольку язык гипертекстовой разметки является основой любого сайта, то его нужно знать в обязательном порядке всем тем, кто занимается созданием сайтов. Знание основ HTML избавит вас от множества вопросов и проблем, а также поможет сэкономить время при разработке сайтов.

Базовые понятия HTML. Что такое теги HTML. Как создавать каркас документа HTML

Итак, первым делом давайте ознакомимся с тем, как создать новый HTML документ. Для этого нужно знать из чего состоит каркас HTML документа, но прежде чем приступить к рассмотрению каркаса, давайте ознакомимся со значением такого слова, как тег.

Тег – это так называемый контейнер, который сообщает браузеру, как нужно отображать тот или иной элемент. Например, нам нужно чтобы текст был выделен абзацами. Для этого нужную часть текста помещаем в теги абзацев <p>. На практике это будет выглядеть таким образом:

<p>Текст HTML документа, который должен быть выделен абзацем</p>

Как видите HTML тег <p> парный, т.е. абзац начинается открывающим тегом <p> и заканчивается закрывающим тегом </p>. Это сообщает браузеру, что данный «контейнер» завершен. Также существуют непарные теги, которые закрывать не нужно, но об этом мы поговорим чуть позже.

Теперь давайте перейдем к самому процессу создания нового HTML документа. Для этого можно воспользоваться любой удобной для вас программой. Я бы рекомендовал как для работы, так и для обучения использовать программу Dreamweaver или Notpade++. Первая программа специально предназначена для работы с HTML, PHP, CSS и т.д., но ее я бы не советовал использовать, если вы только начинаете изучать язык гипертекстовой разметки HTML. Она прекрасно подойдет для разработки сайтов, если вы уже обладаете нужными знаниями в данной области.

Вторая программа под названием Notpade++ является простым текстовым редактором, который тоже отлично подойдет для наших целей, а именно для изучения HTML. Лично я при подготовке статьи пользовался именно программой Notpade++, так как она очень проста в использовании и не будет отвлекать внимание разнообразными доступными функциями. Плюс ко всему этому она очень легкая и не сильно нагружает компьютер (моему ноутбуку порядка 3-х лет и он с трудом дышит, когда на нем запущено несколько программ, таких как, например, Adobe PhotoShop CS5 + Dreamweaver + FireFox и т.д).

Итак, первым делом создаем новый документ, например, index.html. Для этого можно создать простой текстовый документ и изменить его расширение с txt на html. Для того чтобы изменить расширение через проводник (если вы используете операционную систему Windows), нужно первым делом зайти в Панель управления – Свойства папок – Вид и снять галочку с пункта «Скрывать расширение для зарегистрированных типов файлов». После этого в проводнике вы сможете просматривать и изменять расширения для файлов.

После создания HTML файла отрываем его на редактирование в программе Notpade++ и добавляем в него следующий код.

<!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="keywords" content="ключевые слова через запятую"> <meta name="description" content="краткое описание"> </head> <body> <p>Содержимое страницы</p> </body> </html>

Данный код является каркасом HTML страницы, поэтому его можно один раз создать и в дальнейшем просто копировать, изменяя лишь нужные вам значения.

Теперь давайте подробно рассмотрим каждую строчку, которая присутствует в приведенном выше коде. Сразу хочу обратить ваше внимание на то, что данную структуру нужно сразу запомнить, так как она лежит в основе каждой HTML страницы.

  • <!DOCTYPE html PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»> — данная строчка является обязательной. С ее помощью мы указываем, к какой версии стандарта принадлежит данный документ. В данном случае мы используем HTML версии 4.01.
  • Корневой тег <html> — указываем браузеру, что все содержимое будет написано на языке HTML. Данный тег парный и его нужно закрывать в самом конце страницы. Все содержимое страницы будет находиться между тегами <html>.
  • Тег <head> — данный тег тоже парный. С его помощью мы создаем так называемый контейнер для служебных тегов. В нем мы можем подключать к HTML документу таблицы стилей, скрипты, указывать ключевые слова, краткое описание для страницы и многое другое. Информация, которая находится между тегами <head>, не выводится пользователям, за исключением названия страницы.
  • Теги <body> — являются «телом» страницы. Между этими тегами будет находиться вся та информация, которая будет видна пользователям, которые будут просматривать эту HTML страницу.
  • Теги <title> — заголовок страницы. Он играет очень важную роль в поисковой оптимизации, так как именно его будут видеть пользователям при просмотре результатов поиска.
  • <meta http-equiv=»Content-type» content=»text/html» charset=»windows-1251″> — указываем тип документа и его кодировку.  В данном случае это текстовый или HTML документ с кодировкой windows-1251. Для русского сегмента интернета стоит использовать именно эту кодировку.
  • <meta content=»ключевые слова через запятую»> — указываем ключевые слова для данной HTML страницы. Данное поле, как и следующее, предназначено для поисковых систем и не будет видно посетителям вашего сайта. Более подробно о ключевых словах, вы можете прочитать в статье «Как подобрать ключевые слова и определить конкурентность запроса».
  • <meta name=»description» content=»краткое описание»> — краткое описание HTML страницы. В кавычках вводим краткое описание для данной страницы, например, в моем случае это будет выглядеть примерно так: «Базовые понятия HTML. Как создать HTML страницу».

Кроме приведенных выше конструкций вы также можете поместить между тегами <head> следующие:

  • <link rel=»shortcut icon» type=»image/ico» href=»/favicon.ico»> — указываем путь к фавикону. Данная картинка отображается в браузере в адресной строке рядом с адресом страницы. Ее также использует поисковая система Yandex при отображении результатов поиска.
  • <link rel=»stylesheet» href=»/style.css» type=»text/css» media=»screen»> — прописываем путь к таблице стилей CSS. Более подробно о CSS вы можете прочитать в статьях «Знакомство с CSS» и «Каскадные таблицы стилей. Свойства текста, полей, отступов, границ и шрифтов».
  • <script language=»JavaScript» src=»agent.js»></script> — подключение к документу скриптов.

На этом мы заканчиваем знакомиться с языком гипертекстовой разметки HTML. Как видите данный язык очень простой в изучении и для того, чтобы создать HTML страницу не нужно прикладывать особых усилий. В следующих статьях рубрики «HTML, CSS, PHP и MySQL» мы продолжим изучение HTML, поэтому, если вы не хотите пропустить обновлений блога, вы можете подписаться на новости сайта любым удобным для вас способом в пункте «Подписка».

На этом все. Удачи вам и до скорых встреч на страницах блога dmitriydenisov.com

Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter

dmitriydenisov.com

Создание страниц

Необходимо иметь ввиду, чем больший объем занимает сама страничка и графика, отображаемая на ней, тем дольше происходит загрузка этой страницы из Интернета. И соответственно, чем меньше объем, тем быстрей открывается страница. В программе FrontPage 2000 есть полезная функция: справа в статус строке отображается полное время открытия страницы на скорости соединения 28,8 kb/сек.

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

Создание страницы

Нажимаем клавишу "Создать", затем "Сохранить". В открывшемся диалоговом окне выбираем директорию для сохранения и в строке "Имя файла" вписываем его имя согласно предыдущего совета.

После этого необходимо в свойствах страницы вписать "Название страницы" (это тег <title> - то, что отображается в верхней, системной, строке браузера при открытии страницы), установить кодировку страницы "Windows-1251".

Затем на закладке "Пользовательский" создать мета-теги <meta name="Description">, <meta name="Keywords"> и <meta name="author">. (Правильность составления МЕТА тегов делает возможным, чтобы ваш сайт было легко отыскать при помощи поисковых систем среди огромного числа других сайтов)

Название: в Меню/ Файл/ Свойства страницы/ Основные свойства - в окне "Название"
Кодировка: в Меню/ Файл/ Свойства страницы/ Язык/ Кодирование HTML - "Сохранить документ как" выбрать "Кириллица"
Для "Description": в Меню/ Файл/ Свойства страницы/ Пользовательский/ Переменные пользователя/ Добавить - Д.О. в строке "Название" пишем description , в строке "Значение" пишем краткое содержание (описание) данной страницы, не более 200 символов (не слов, а символов).
Для "Keywords": - в строке "Название" пишем Keywords , в строке "Значение" пишем ключевые слова этой страницы, через запятую (например: создать, сохранить, название, файл ), не более 1000 символов.
Для "author": - в строке "Название" пишем author , в строке "Значение" пишем свои Имя и Фамилию.
 

В блокноте указанные теги данной страницы выглядят следующим образом:

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="author" content="Alexey V. Poluboyartsev"> <meta name="description" content="Советы по созданию Web-сайтов для начинающих"> <meta name="Keywords" content="Chat.ru, Windows, регистрация, HTML, каталоги, веб-мастер, вебмастер, дизайн, веб-страничка, html, руководство, загрузка, файл, FTP, тег, tag, фрейм, создание, сервер, сайт, интернет, internet"> <meta name="copyright" content="Alexey V. Poluboyartsev"> <title>Создание страниц</title> </head>

Если вы не хотите, чтобы роботы не индексировали одну из страниц сайта, на ней впишите мета-тег: <meta name="robots" content="noindex, nofollow"> в этом случае не будет индексироваться и эта страница, и страницы по ссылкам с нее.

Можно воспользоваться генератором мета тегов на сайте http://tvoyweb.ru

В МЕНЮ

 

 

 

 

 

 

 

 

 

 

Отображение картинок

Для сайта используйте изображения только в форматах .jpg (для фотографий) и .gif (для рисунков и фона). Картинки этих форматов занимают в несколько раз меньший объем, чем другие форматы.

Некоторые начинающие авторы ошибочно считают (по аналогии с работой в Microsoft Word), что если картинку вставить в документ HTML на своем компьютере, она автоматически будет видна в этом же документе, загруженном на сервер. Нет, это не так. Необходимо все файлы с картинками загрузить на сервер, а в документе указать точный путь для их открытия.

Нужно следить, чтобы путь для открытия файлов и картинок строго соответствовал структуре каталогов Вашего сайта. При этом написание директорий и имен файлов должно строго соблюдаться (заглавные и прописные буквы). Если по структуре сайта должно быть:

http://genealogical-tre.chat.ru/POLUB/Polub_tree_ru.gif а у вас написан путь: http://genealogical_tre.chat.ru/POLUB/Polub_tree_ru.gif или: http://genealogical-tre.chat.ru/Polub/Polub_tree_ru.gif или: http://genealogical-tre.chat.ru/POLUB/polub_tree_ru.gif или: http://genealogical-tre.chat.ru/POLUB/Polub_tree_ru.GIF то картинка ни в коем случае не откроется.

Как узнать какой путь прописан для открытия картинки: Войдите на свой сайт, на месте неоткрытой картинки щелкните правой кнопкой и в открывшемся контекстном меню выберите СВОЙСТВА. (В Netscape Communicator можно выбрать "Информация о кадре", где будут отображены пути открытия всех картинок, находящихся на данной странице. Или выберите "Копировать адрес рисунка", который затем вставите в текстовый файл в блокноте.)

Для заполнения своего сайта не используйте картинки, размещенные на чужих сайтах. Если вам понравилась какая-то картинка с чужого сайта, скопируйте ее и загрузите на свой.

Некоторые пользователи Интернет, в целях более быстрого открытия страниц, в своем браузере отключают режим отображения картинок. Поэтому рекомендую вам делать подписи к картинкам в тэге alt. (Это надпись, которая появляется при наведении курсора мыши на картинку) И это обязательно делать, если картинка служит гиперссылкой для открытия следующей страницы.

Как это сделать: ПКМ на картинке - КонтекстМеню/ Свойства изображения - Д.О./ Основное/ Текст - пишем нужную надпись.

В блокноте тег отображения картинки выглядит примерно так: <img src="yellow.gif" width="13"> или так: <img src="almaty/foto/flag.gif" alt="Флаг Казахстана" width="209"> Если вокруг картинки получается рамочка, то добавьте код border="0"

Как писать ссылку на файлы в различных вариантах их размещения на сервере, посмотрите пункт Создание гиперссылок.

Если необходимо, чтобы картинка размещалась среди текста, у правого или левого края экрана (как в примере слева), необходимо: в FPE после вставки картинки, ПКМ на ее изображении - КонтекстМеню/ Свойства изображения - ДО/ Внешний вид/ Привязка - выбрать "слева" или "справа". В окошках "Интервал по горизонтали и вертикали" выбрать расстояние до текста.

В блокноте тег отображения картинки в этом случае пишется так: <img src="FILES/11.gif" align="right" hspace="0" height="92"> <img src="SPONS/globe.gif" align="left" hspace="15" vspace="15" width="40">

Параметры width и height определяют размер картинки (обязательный параметр).

В МЕНЮ

Copyright © Полубоярцев А.В.

 

 

 

 

 

 

* - Еще один совет из собственного опыта:

Пишите имена английскими буквами всем файлам, создаваемым вами на своем компьютере.

Однажды на винчестере моего компьютера образовалось несколько десятков сбойных секторов. В результате этого были повреждены некоторые системные файлы. И при включении компьютера не только не запустилась система, но имена всех файлов и директорий, написанные в русском регистре, были заменены на закорючки, типа $$о$а$~1. После этого значительную часть времени я потратил на то, чтобы просмотреть содержимое каждого файла и директории и переименовать их в понятный вид. (А все имена, написанные ранее в английском регистре, сохранились без изменений.)

ВЕРНУТЬСЯ В ТЕКСТ

genealogic.narod.ru