Сайт Сделан с помощью Технологии Прейсообук

ФорHTML

Объявление

Введите здесь ваше объявление.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » ФорHTML » Полезное для Новичков на HTML » Простые коды

Простые коды

Страница: 1

Сообщений 1 страница 12 из 12

1

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Хотите на сайт свой сайт (мобильной версии) показать своим пользователям тогда вот вам кодик

Код:
<div class="mobile">
        <iframe id="mobframe" name="mobframe" width="230px;" height="279px" scrolling="yes" src="Адрес сайта" frameborder="0" marginheight="0" marginwidth="0"></iframe>
      </div>

0

2

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

ХТМЛ код кнопки наверх (ставиться внизу страницы)

Код:
<a href=#top onClick="scrollTo(0,0); return false;">Наверх</a>

0

3

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Кнопка для вашего сайта

Код:
<form action="Адрес сайта" target="_blank" method="get"><input type="submit" value="Название кнопки"></form>

0

4

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Окна вставки кодов есть два вида один простой и второй покрасиввее

окно простое:
<textarea rows="2" cols="60"> ВАШ КОД </textarea>

окно покрасивши:
<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ </textarea>

0

5

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

открытие сразу 3 окон на ХТМЛ при нажатие кнопки

Код:
<HTML>
<HEAD>
<TITLE>3 Windows</TITLE>
</HEAD>
<Script Language="JavaScript">
<!-- Hiding
/* Script by Lefteris Haritou
   http://www.geocities.com/~lef
   please keep the credit above
   no copyrights but be fair
*/

function Open3Window(){
window.open('http://www.cnn.com','w1','width=600,height=150,resizable=1,status=0,scrollbars=1');
window.open('http://www.abc.com','w2','width=600,height=150,resizable=1,status=0,scrollbars=1');
window.open('http://www.mtv.com','w3','width=600,height=150,resizable=1,status=0,scrollbars=1');
}
// Done Hiding -->
</Script>

<BODY>
<FORM>
<CENTER>
<TABLE BORDER=8 FRAME=box>
<TR><TD><INPUT TYPE="button" value="Click here to start" Name="btnOpen3Window" onClick="Open3Window()"></TD></TR>
</TABLE></CENTER>
<P>
</FORM>
</CENTER>
</BODY>
</HTML>
<!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://geocities.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.webhosting.yahoo.com/visit.gif?us1062005995" alt="setstats" border="0" width="1" height="1"></noscript>
<IMG SRC="http://geo.yahoo.com/serv?s=76001245&t=1062005995" ALT=1 WIDTH=1 HEIGHT=1>
<!-- w32.geo.scd.yahoo.com compressed/chunked Wed Aug 27 10:39:55 PDT 2003 -->

0

6

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Форма Поиска как Google работает но незнаю будет ли работать на вашем сайте попробуйте сделать чтобы через Гугал выдовал запросы:

Код:
&nbsp; 
<DIV>
<FORM method=post action=http://presebook.tk/index.php?view=search&query=>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center><IMG style="WIDTH: 355px; HEIGHT: 55px" border=0 hspace=0 
alt=http://presebook.ru/ 
src="http://presebook.bfbb.ru/public/admin/logo.gif"></P>
<P align=center><INPUT style="WIDTH: 892px; HEIGHT: 33px" name=search 
size=114></P>
<P align=center><INPUT style="WIDTH: 163px; HEIGHT: 43px" name=send value="Подача запроса" type=submit></P>
<P align=center>&nbsp; </P>
<P align=center>&nbsp;</P></FORM></DIV>

0

7

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Красивый Стиль для движка InstantCMS Внимание вставьте этот код в Спешь
и включите его в Админке
и еще измените ходы к Стандартному шаблону в коде

Код:
<BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
  <P align=justify>&nbsp;&nbsp;&nbsp;</P>
  <DIV id=header>
  <P align=center><STRONG><U><FONT face=Constantia><FONT 
  color=#ff0000>Prese</FONT><FONT 
  color=#40ff00>book</FONT></FONT></U></STRONG></P></DIV>
  <P align=justify>&nbsp;&nbsp;<FONT color=#00ff00></FONT></P>
  <P align=justify>
  <P align=center><FONT color=#00ff00></FONT></P><FONT 
  color=#00ff00>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  </FONT>
  <P></P></BLOCKQUOTE>
<SCRIPT type=text/javascript 
src="http://presebook.tk/includes/jquery/jquery.js"></SCRIPT>

<SCRIPT type=text/javascript 
src="http://presebook.tk/core/js/common.js"></SCRIPT>
<LINK rel=stylesheet type=text/css 
href="http://presebook.tk/templates/_default_/css/reset.css"><LINK 
rel=stylesheet type=text/css 
href="http://presebook.tk/templates/_default_/css/text.css"><LINK rel=stylesheet 
type=text/css href="http://presebook.tk/templates/_default_/css/960.css"><LINK 
rel=stylesheet type=text/css 
href="http://presebook.tk/templates/_default_/css/styles.css">
<DIV id=page align=center>&nbsp;</DIV>
<DIV class=moduletitle align=center><FONT 
color=#ffffff>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<FONT face=Constantia>АВТОРИЗАЦИЯ В СЕТИ</FONT></FONT>&nbsp;</DIV>
<DIV class=modulebody align=center>
<FORM style="MARGIN: 0px" id=authform method=post name=authform 
action=http://presebook.tk/login target=_self>
<TABLE style="WIDTH: 252px; HEIGHT: 143px" class=authtable border=0 
cellSpacing=0 cellPadding=2 width=252 align=center>
  <TBODY>
  <TR>
    <TD width=60><FONT color=#ffffff face=Constantia>Логин:</FONT></TD>
    <TD><INPUT style="WIDTH: 202px; HEIGHT: 20px" id=login name=login></TD></TR>
  <TR>
    <TD height=30 vAlign=top><FONT color=#ffffff 
    face=Constantia>Пароль:</FONT></TD>
    <TD vAlign=top><INPUT style="WIDTH: 202px; HEIGHT: 20px" id=pass name=pass 
      type=password></TD></TR>
  <TR>
    <TD vAlign=top>&nbsp;</TD>
    <TD vAlign=top align=right>
      <TABLE border=0 cellSpacing=0 cellPadding=0>
        <TBODY>
        <TR>
          <TD width=20><INPUT 
            style="WIDTH: 15px; HEIGHT: 13px; MARGIN-RIGHT: 0px" id=remember 
            name=remember value=1 size=15 type=checkbox> </TD>
          <TD><FONT color=#ffffff face=Constantia>Запомнить меня</FONT> 
        </TD></TR></TBODY></TABLE></TD></TR>
  <TR>
    <TD height=27 vAlign=top colSpan=2 align=right>
      <TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
        <TBODY>
        <TR>
          <TD width="87%"><A href="http://presebook.tk/passremind.html"><FONT 
            color=#ff0000 face=Constantia>Забыли пароль?</FONT></A> </TD>
          <TD width="13%" align=right><INPUT style="WIDTH: 152px; HEIGHT: 27px" id=login_btn name=Submit value=Вход size=30 type=submit></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FORM></DIV>
<P align=center><FONT color=#80ffff face=Constantia>У вас нет Профиля на этом 
сайте?</FONT></P>
<P align=center><FONT color=#80ffff face=Constantia>Установить&nbsp;Регистратор 
Presebook</FONT></P>
<P align=center><FONT color=#80ffff face=Constantia><A 
href="http://presebook.tk/forum/download1.html">Установка</A></FONT></P>
<P align=center><FONT color=#80ffff face=Constantia>или ввести код 
приглашение</FONT></P>
<P align=center><FONT color=#80ffff face=Constantia><A 
href="http://presebook.tk/registration">Ввести</A></FONT></P>
<P align=center><FONT color=#80ffff face=Constantia>Copyright(c) 
2011-2012</FONT></P>
<P align=center><FONT color=#80ffff face=Constantia>PRESEBOOK</FONT></P>
<P align=center><FONT color=#80ffff 
face=Constantia>____________________________________________________________________________</FONT></P>
<P align=center><FONT face=Constantia><A href="http://m.presebook.tk"><FONT 
color=#ff0000>Мобильная Версия</FONT></A><FONT color=#ff0000> | </FONT><A 
href="mailto:vdomne@mail.ru"><FONT color=#ff0000>Обратная связь</FONT></A><FONT 
color=#ff0000> | </FONT><A 
href="http://presebook.tk/index.php?view=search&amp;query=&amp;look=allwords"><FONT 
color=#ff0000>Поиск</FONT></A><FONT color=#ff0000> |&nbsp;</FONT><A 
href="api.presebook"><FONT color=#ff0000>Разработчикам</FONT></A><FONT 
color=#ff0000> | </FONT><A href="http://presebook.tk/onas"><FONT color=#ff0000>О 
нас</FONT></A></FONT></P>
<P align=center><FONT color=#80ffff 
face=Constantia>____________________________________________________________________________</FONT></P>
<P align=center>&nbsp;</P><!-- Время генерации страницы:: 0.0200 сек. -->

0

8

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Ну что еще есть добавляйте!

0

9

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Простейший HTML-код мини-чата для вашего сайта, который вы можете установить где вам угодно.

Просто разместите ниже приведенный HTML код у вас на сайте

<!-- BEGIN CBOX - wwwcbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=3859882&amp;boxtag=9d50jj&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=3859882&amp;boxtag=9d50jj&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

И получится вот такой мини чат:

Если вы хотите настроить свой чат то зайдите на http://www.cbox.ws/ и уже там настройте свой личный чат, и замените этот код вашим.

0

10

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Плеер для сайта – урок второй. В первом уроке мы с Вами отметили, что для того, чтобы на странице  сайта была возможность прослушивать звуковой файл, на неё необходимо добавить плеер.

Кроме того, мы рассмотрели четыре основных способа добавления аудио  плеера на сайт. Ну, что же, давайте перейдем к практике.

Создадим html страницу, на которой осуществим задуманное.  И, для начала, давайте сделаем всё это на своём компьютере, а затем уже, разместим страницу с плеером на сайте.

Для удобства, создадим рабочую папку, где будут располагаться файлы для нашей работы. Присвоим имя рабочей папки, например - audio. Скопируем в эту папку аудио файл, который мы хотим воспроизвести на странице сайта, пусть это будет файл с именем - track_1.mp3.

Далее, поместим в эту же папку, html файл нашей экспериментальной страницы с именем index.html. Пусть html код этой страницы, в исходном виде, содержит только обязательные  теги html. Тогда её код будет выглядеть следующим образом:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

            <title>Плеер для сайта</title>

            <META HTTP-EQUIV="content-type" CONTENT="TEXT/HTML; CHARSET=windows-1251">

</head>

<body>

</body>

</html>

Как видите, между тегами (body) и (/body) ничего нет, поэтому, если открыть этот html документ браузером, то страница окажется пустой.

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

Как я уже указывал выше, на локальном компьютере для воспроизведения аудио файлов используется специальная программа - плеер.

Точно так же и на сайте. На страницу сайта, на которой вы хотите организовать возможность воспроизведения звука,  необходимо  установить плеер. И  и делается это добавлением на страницу специального html кода.

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

Давайте откроем справочник html на странице, с описанием тега EMBED.  Мы видим, что данный тег используется для загрузки и отображения на страницах браузеров таких объектов, как видео файлы, flash ролики, звуковые файлы и других типов файла, которые браузер изначально не понимает.

В спецификации html четвертой версии, рекомендуется внедрять внешние объекты, используя тег OBJECT. Об этом теге, мы поговорим в следующе6м уроке, а сейчас, давайте рассмотрим работу тега EMBED.

Механизм добавления на html страницу внешних объектов, таких как звук и видео,  завязан на использовании установкой плагинов для Вашего браузера. Причем, при использовании тега EMBED, браузер открывает внешний объект с помощью того плагина, который у него установлен в данный момент.

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

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

Информация о параметрах открываемого объекта и необходимых плагинах, для его открытия, передаётся браузеру через следующие параметры тега EMBED:

align —  выравнивание объекта по отношению к окружающему контенту

border — устанавливает размер рамки вокруг объекта

classid — указывает на класс объекта, используя адрес его нахождения

codebase — базовый адрес, по которому будут определяться относительные адреса, указанные в classid, data, archive.

codetype — тип данных, которые использует объект, согласно параметруclassid

data — путь к данными, которые объект будет обрабатывать

declare — объявление объекта

height — высота объекта

hspace — боковые отступы объекта от окружающего контента

pluginpage - адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру

standby — выводит сообщение, пока объект не загрузится

type — тип данных, которые хранятся по адресу, указанному в data

vspace — отступы сверху и снизу от окружающего контента

width — ширина объекта

class — класс  тегов, используемых в CSS

dir — направление текста внутри элемента

id — имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей

lang — язык, на котором написан текст внутри htmlэлемента

style — используется для применения встроенных стилей CSS

tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).

title — выводит всплывающую подсказку при наведении курсора мыши на html-элемент.

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

Ну что же, теперь, давайте добавим на  нашу экспериментальную html страницу код, с  использованием тега EMBED, чтобы на странице появилась возможность  проигрывать наш звуковой файл:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

            <title>Плеер для сайта</title>

            <META HTTP-EQUIV="content-type" CONTENT="TEXT/HTML; CHARSET=windows-1251">

</head>

<body>

<embed src="track_1.mp3" width="350" height="50" autostart="0" type="application/x-mplayer2" pluginspage="http://www.macromedia.com/go/getflashplayer" hspace="10" vspace="10"></embed>

</body>

</html>

Давайте подробно разберём, за что отвечает в данном коде каждый параметр.

Итак, тег EMBED, указывает, на то, что на страницу будет добавлен внешний объект. Путь к файлу объекта, указан в параметре src,  src="track_1.mp3"

Сразу отмечу, что когда  воспроизводимый файл будет размещён на сервере, то  лучше будет, если Вы  укажите к нему полный, абсолютный путь, например, http://www.site.ru/track_1.mp3

Сейчас мы экспериментируем на локальном компьютере, поэтомув выше приведённом примере, указано просто имя файла.

Далее, идет размер объекта, в данном случае, плеера.  Параметрами width="350" height="50" указаны ширина и высота плеера.

Параметр autostart="0" указывает на то, что по загрузке страницы, плеер будет остановлен.

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

Тип объекта указан в параметре – type.

В случае, если у браузера не будет установлен плагин для отображения этого объекта, то параметром (pluginspage) браузеру указано, где этот плагин можно взять:  pluginspage="http://www.macromedia.com/go/getflashplayer.

Как видите, используя тег EMBED, мы получаем достаточно простой html код, в результате работы которого, браузер отображает плеер на странице сайта и у посетителя сайта появляется возможность воспроизвести звуковой файл.

Давайте откроем наш экспериментальный файл index.html, браузером InternetExplorer, мы получим в окне браузера, примерно следующую картинку:

Красными стрелками я указал элементы управления плеером.

Теперь, посетитель сайта, кликая по элементам управления плеера, может прослушать аудио запись и управлять её воспроизведением.

Как видите, используя тег (EMBED), можно довольно легко добавить плеер на любую страницу сайта, причём, это код достаточно прост.

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

Как видите, при использовании тега EMBED  звук на страницу сайта добавляется довольно просто. Плеер для страниц сайта,  добавляется несколькими всего строчками html  кода.

Теперь попробуйте открыть файл index.html другими браузерами. Обратите внимание, откроет ли браузер изображение плеера или предложит установить плагин.

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

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

Для этого, загружаем наш звуковой и html файл на хостинг. Не забудьте правильно указать полный путь к звуковому файлу. В моём случае, ссылка на звуковой файл выглядит следующим образом: http://Vash-site.ru/audio/track_1.mp3

<!DOCTYPEHTMLPUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">

<html>

<head>

            <title>Плеер для сайта</title>

            <META HTTP-EQUIV="content-type" CONTENT="TEXT/HTML; CHARSET=windows-1251">

</head>

<body>

<embed src="http://Vash-site.ru/audio/track_1.mp3" width="350" height="50" autostart="0" type="application/x-mplayer2" pluginspage="http://www.macromedia.com/go/getflashplayer" hspace="10" vspace="10">

</embed>

</body>

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

Воспользовавшись плеером, ниже:

Вы можете запустить на прослушивание звуковой файл  track_1.mp3.

А вот как выглядит плеер, созданный тегом EMBED  на моем сайте http://my-1-site.ru 

Чтобы скачать mp3 файл, кликните правой кнопкой мышки на ссылку: track_1.mp3, и выберете "Сохранить ссылку как".

Ну что же, мы довольно подробно рассмотрели работу тега  EMBED. В следующем уроке, мы добавим плеер для сайта, используя тег OBJECT.

Автор: Виктор Милованов

0

11

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

НТML код Погоды
<table class="boxTable1"><tbody><tr><th>Погода</th></tr><tr><td class="boxContent center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="140" height="140"> &nbsp;<param name="movie" value="http://i1.i.ua/weather/winfo.swf?cityID=11501&amp;langID=0"><param name="quality" value="high">&nbsp;<param name="bgcolor" value="#ffffff">&nbsp;<embed src="http://i1.i.ua/weather/winfo.swf?cityID=11501&amp;langID=0" quality="high" bgcolor="#ffffff" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="140" height="140">&nbsp;</object></td></tr></tbody></table>

0

12

  • Автор: admin
  • Администратор
  • admin
  • Откуда: Чита
  • Зарегистрирован: 2011-10-30
  • Приглашений: 0
  • Сообщений: 14
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Пол: Мужской
  • Возраст: 31 [1994-02-11]
  • Провел на форуме:
    40 минут
  • Последний визит:
    2011-11-07 12:09:51

Валидация документов

Опубликовано: 22.09.2010Влад Мержевич
Валидацией будем называть проверку документа на соответствие веб-стандартам и выявление существующих ошибок. Соответственно, валидным является такой веб-документ, который прошел подобную процедуру и не имеет замечаний по коду. Код веб-страницы должен подчиняться определенным правилам, которые называются спецификацией, ее разрабатывает W3 Консорциум (wwww3c.org) при поддержке разработчиков браузеров.

На первый взгляд, кажется, что валидация необходима, ведь речь идет о сокращении количества ляпов разработчиков и написании «правильного» кода. На деле все обстоит гораздо сложнее и вокруг валидации до сих пор ведутся горячие споры об ее актуальности. Чтобы объективно раскрыть этот вопрос далее рассмотрим плюсы и минусы такой проверки.

Плюсы валидации
Хотя HTML-код имеет достаточно простую иерархическую структуру, при разрастании объема документа в коде легко запутаться, следовательно, просто и совершить ошибку. Браузеры, несмотря на явно неверный код, в любом случае постараются отобразить веб-страницу. Но поскольку не существует единого регламента о том, как же должен быть показан «кривой» документ, каждый браузер пытается сделать это по-своему. А это в свою очередь приводит к тому, что один и тот же документ может выглядеть по-разному в популярных браузерах. Исправление явных промахов и систематизация кода приводит, как правило, к стабильному результату.

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

Не стоит забывать и об XML (eXtensible Markup Language, расширяемый язык разметки). Этот язык становится стандартом де-факто для хранения данных и обмена информацией между разными приложениями. Синтаксис XML более жесткий, чем HTML и не прощает малейших ошибок. В каком-то смысле XML похож на языки программирования, в которых программа не будет скомпилирована, пока код не отлажен. HTML является первой ступенькой к изучению XML, поэтому приучая себя писать код по всем правилам, будет легче перейти к следующему этапу развития HTML.

Мода на валидацию
Как это не удивительно, но среди веб-разработчиков тоже существует своя мода. Текущая мода — создавать валидные документы и вывешивать специальный значок в виде картинки, что сайт соответствует спецификации HTML. Подобная тенденция затронула даже заказчиков сайтов и при написании технического задания на разработку сайта некоторые из них специально оговаривают, чтобы сайт был выполнен по веб-стандартам.

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

Минусы валидации
Сайты, конечно же, делают для того, чтобы их посещали люди. Именно посетители выступают мерилом работы сайта, а их интересует информация и способ ее получения. Пользователь желает, чтобы сайт корректно отображался в его любимом браузере, быстро загружался и содержал те материалы, которые ему нужны. Заметьте, в этом списке нет ничего про код документа и его валидность, посетителей это просто не интересует. Поэтому совершенно невалидный сайт, но выполненный с душой, наполненный интересными материалами привлечет к себе больше посетителей, чем пустой ресурс, но сделанный по всем «правилам».

Браузеры
Разработчики браузеров не всегда следуют спецификации и в некоторых случаях трактуют код не по заданным правилам, а по-своему. В конечном итоге это приводит к тому, что веб-страница, которая правильно (т.е. так, как и задумывали разработчики) отображается в одном браузере, выводится с ошибками в другом. Следование спецификации в подобных случаях, скорее всего, отпугнет пользователей некоторых браузеров. К примеру, Internet Explorer (IE) в настоящее время занимает лидирующее положение среди браузеров, но при этом поддерживает спецификацию HTML и CSS хуже, чем Firefox и Opera. Очевидно, что пользователи IE при посещении сайта выполненного по всем стандартам, но не учитывающего специфику этого браузера, увидят неприглядную картину.

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

Получается неутешительная картина — тратить время на отладку кода для соответствия спецификации нет особой нужды. Это время лучше посвятить тому, чтобы документ без проблем работал в разных браузерах — так в основном размышляют веб-разработчики.

Резюме
Так стоит ли проводить валидацию документов и заниматься этим этапом при написании веб-страниц? Безусловно, да. Кому-то она поможет выявить существующие недочеты, другому поможет писать корректный код. Исправлять же ошибки, добиваясь полного соответствия стандартам, или оставить их ради совместимости с разными браузерами — здесь уже каждый решает сам, какие цели он преследует и что для него важнее

0

Страница: 1

Вы здесь » ФорHTML » Полезное для Новичков на HTML » Простые коды

создать форум