Поговорим о вставке картинок и ссылках.
Вставить картинку нам поможет тэг <img>, который не требует закрывающего тэга:
<img src=”имя картинки.формат”>
Имя картинки прописывайте английскими буквами либо цифрами. Формат картинки может быть любой: gif, jpg, png, bmp и т.д. Главное, чтобы в коде картинки прописать правильный формат.
Например, имя моей картинки fox, формат у неё gif. В этом случае код будет выглядеть так:
<img src=”fox.gif”>
Код будет выглядеть так, если вы загрузили картинку непосредственно на сайт, в корневую папку. Если же картинка загружена в отдельную папку на вашем сайте, например, я создала папку picture, то код для моей картинки будет выглядеть так:
<img src=”picture/fox.gif”>
Если ваша картинка лежит на другом сайте или сейчас существует много серверов, где бесплатно можно загрузить картинку, то в код вставляем адрес сайта:
<img src=”http://www.адрес сайта/fox.gif”>
Как сделать, чтобы текст обтекал картинку? В этом нам поможет тэг align:
<img src=”fox.gif” align=”left”> - текст будет обтекать картинку слева
<img src=”fox.gif” align=”right”> - текст будет обтекать картинку справа
В коде картинки можно прописать ширину и высоту изображения. Это очень удобно, когда вы хотите уменьшить картинку визуально, но не обрезать её:
height=”высота”
width=”ширина”
Пример:
<img src=”fox.gif” height=”100” width=”100”>
Вы наверное не раз замечали, как при наведении на картинку всплывает подсказка, т.е. краткое описание изображения. Это можно сделать, добавив в код атрибут alt:
<img src=”fox.gif” height=”100” width=”100” alt=”мой аватар”>
Вместо alt можно использовать атрибут title:
<img src="fox.gif" height="100" width="100" title ="мой аватар">
Картинку можно сделать фоном вашей странички. Для этого в тэг <body> добавим атрибут background. Давайте нашу картинку сделаем фоном:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Моя первая страничка</title>
</head>
<body bgcolor="#000000" background="fox.gif" text="#ff0000">
<div align="center">
<font size="+3"><u>Рада <font color='#78D2FF'>вас</font> видеть! : )</u></font>
<br>
<i>Приходите ещё</i>
</div>
</body>
</html>
Иногда нужно фон сделать неподвижным, чтобы он не "ездил" при прокрутке. Для этого добавляем в <body> bgproperties=fixed.
Пример:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Моя первая страничка</title>
</head>
<body bgcolor="#000000" background="fox.gif" bgproperties=fixed text="#ff0000">
<div align="center">
<font size="+3"><u>Рада <font color='#78D2FF'>вас</font> видеть! : )</u></font>
<br>
<i>Приходите ещё</i>
</div>
</body>
</html>
Теперь поговорим о ссылках.
Ссылкой может быть как текст, так и картинка. В написании ссылки нам поможет тэг <a></a>:
<a href=”название странички, куда ссылаемся.html”>Посмотреть</a>.
Например, я хочу написать на главной страничке своего сайта (главная страница по умолчанию всегда называется index) ссылку, при нажатии на которую можно будет попасть на страничку с приветствием example.html:
<a href=”example.html”>Приветствие</a>
Если вы ссылаетесь на страницу, которая находится на другом сайте, то в коде прописывайте название сайта. Например:
<a href=”http://www.site-help02.narod.ru/example.html”>Приветствие</a>
Ссылка откроется в том же окне. Если хотите, чтобы ссылка открывалась на новой страничке (в новом окне), то добавьте в код target=”_blank”>. Например:
<a href=”http://www.site-help02.narod.ru/example.html” target=”_blank”>Приветствие</a>
Ссылкой может быть и картинка:
<a href=”example.html”> <img src="fox.gif" height="100" width="100" title ="нажмите на картинку и попадёте на мою страничку"></a>
С помощью ссылок можно позволить посетителям вашего сайта скачивать музыку или папки. Код прописывается точно также, как и для обычной ссылки. Например вы загрузили zip или rar папку на сайт и хотите прописать ссылку для скачки:
<a href=”name.zip”>скачать</a>
Вместо name напишите имя своей папки, а если формат вашей папки rar или это музыкальный файл mp3 или клип (фильм) формата mpeg, то вместо zip прописываем нужный вам формат. Если файл лежит на другом сайте (сервере), то не забудьте написать в коде полную ссылку с названием сайта:
<a href=”http://www.название сайта/имя файла.формат”>скачать</a>
При ссылке на новую страничку, можно указать размер открывающегося окна:
<a href="#null" onclick="window.open('куда ссылкаемся.формат','','Toolbar=0,Location=0,Direct ories=0,Status=0,Menubar=0,Scrollbars=0,Resizable= 0, width=ширина окна, height=высота окна');">скачать файл</a>
Например, я хочу чтобы моя страничка example открывалась в маленьком окне шириной в 200 и высотой в 150:
<a href="#null" onclick="window.open('example.html','','Toolbar=0, Location=0,Directories=0,Status=0,Menubar=0,Scroll bars=0,Resizable=0, width=200, height=150');">Посмотреть ссылку</a>
Ссылка на e-mail пишется немного по-другому:
<a href="mailto:ваша почта@сервер.ru">мой e-mail</a>
Например, у почты имя fox находится она на сервере Яндекса. Ссылка будет такой:
<a href="mailto:fox@yandex.ru">мой e-mail</a>
Спасибо neothesims2.com за предоставленную информацию
Источник ЗДЕСЬ: