html-язык гипертекстовой разметки.Это свого рода язык разметки документов во всемирной паутине.Почти все веб-страницы содержат описание разметки на языке этого кода(html).Во всемирной паутине html-страницы,передаються браузером от сервера по протоколам http в виде простого текста или с использованием шифрования.html создавался для обмена научной и технической документации.Изначально html был создан как средство структурирования и форматирования документов без привязки к средствам воспроизведения.СПУСТЯ ВРЕМЯ основная идея платформонезависимости html была принесена в жертву современным потребностям в мультимедийном оформлении.
html списки, что это такое? Это такая фикня, когда все по пунктам..например 1. пункт 2. пункт 3. и т.д. ............................................ ну типа упорядочено и красиво. стильно. Как же это сделать, что бы компьютер понял и вывел на экран нужную информацию списком. смотрите видео, пользуйтесь готовыми решениями. Думать вам больше не нада.
такой себе простенький видео урок по теме ссылки в html, ни чего в этом сложного нету. Ссылки - это такая фикня на странице, которую если клацнуть, то заносит не понятно куда, или же по назначению, что написано в ссылке. и так видео html - ссылки.
от лофблог , какого то павла. такой себе видео урок, как просто работать с таблицами. После просмотра этого видео, вы легко сможете делать любые таблицы в html, приятного просмотра видео урока.
Не знаю кто автор, но довольно таки понятно, что и как делать, Что такое фреймы, и с чем их кушают. И так вашему вниманию еще один видео урок, по html, поймет и тот человек, что ни чего не понимает.
Многие хотят научиться делать сайты, но не знают, с какой стороны к этому подступиться, смотрите замечательный урок по html, от неизвестного автора. Я переглянула, вроде бы как для тугих довольно таки просто и размашисто рассказано. Думаю после просмотра, вы уже сделаете свою первую страницу сайта.
Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут src или вложенный тег <source>
Код
<video> <source src="URL"> </video>
autoplay Видео начинает воспроизводиться автоматически после загрузки страницы. controls Добавляет панель управления к видеоролику. height Задает высоту области для воспроизведения видеоролика. loop Повторяет воспроизведение видео с начала после его завершения. poster Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится. preload Используется для загрузки видео вместе с загрузкой веб-страницы. none Не загружать видео. metadata Загрузить только служебную информацию (размеры видео, первый кадр, продолжительность и др.). auto Загрузить видео целиком при загрузке страницы. src Указывает путь к воспроизводимому видеоролику. width Задает ширину области для воспроизведения видеоролика. Пример
Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут src или вложенный тег . Внутри контейнера можно написать текст, который будет выводиться в браузерах, не работающих с этим тегом.
Атрибуты autoplay Звук начинает играть сразу после загрузки страницы.
Код
<audio autoplay="autoplay"> </audio>
controls Добавляет панель управления к аудиофайлу.
Код
<audio controls="controls"> </audio>
loop Повторяет воспроизведение звука с начала после его завершения.
Код
<audio loop="loop"> </audio>
preload Используется для загрузки файла вместе с загрузкой веб-страницы.
Код
<audio preload="none | metadata | auto"> </audio> [b]none[/b] Не загружать аудиофайл. [b]metadata[/b] Загрузить только служебную информацию (продолжительность звучания и др.). [b]auto[/b] Загрузить аудиофайл целиком при загрузке страницы.
<!-- --> Определяют комментарии <!DOCTYPE> Определяет тип документа <a> </a> Определяют гиперссылку <abbr> </abbr> Определяют аббревиатуру <address> </address> Отображают текст в формате адреса <area /> Определяeт активную область навигационной карты <article> </article> oпределяют внешний контент <aside> </aside> дополнительный контент <audio> </audio> определяют фоновый звук <b> </b> Отображают часть текста полужирным шрифтом <bdo> </bdo> Определяют направление текста <blockquote> </blockquote> Определяют блочную цитату <body> </body> Определяют тело документа
Осуществляет перенос строки <button> </button> Создают кнопку <caption> </caption> Определяют надпись над таблицей <cite> </cite> Преобразуют текст в наклонный (курсивный) <code> </code> Преобразуют текст в моноширинный <col /> Определяет свойства колонок таблицы <colgroup> </colgroup> Группируют колонки таблицы <command> </command> добавляют команду к кнопке <datalist> </datalist> определяют допустимые значения <dd> </dd> Определяют определение списка определений <del> </del> Отображают перечеркнутый текст <details> </details> определяют детали документа <dialog> </dialog> определяют диалог <dfn> </dfn> Преобразуют шрифт в наклонный <dir> </dir> Не поддерживаются в HTML 5 <div> </div> Определяют секцию документа <dl> </dl> Создают список определений <dt> </dt> Oпределяют определяемый термин <em> </em> Преобразуют текст в наклонный (курсивный) <embed /> внедряет интерактивный объект <fieldset> </fieldset> Объединяют элементы формы <figure> </figure> группируют элементы страницы <footer> </footer> нижняя часть документа <form> </form> Определяют HTML форму <h1> </h1> – <h6> </h6> Определяют заголовки <head> </head> Содержат информацию о документе, инструкции <header> </header> верхняя секция документа <hgroup> </hgroup> определяют группу заголовков <hr /> Создает горизонтальную линию <html> </html> Определяют HTML документ <i> </i> Преобразуют текст в наклонный (курсивный) <iframe> </iframe> Создают документ внутри документа <img /> Определяет изображение <input /> Создаeт поля для ввода данных, кнопки <ins> </ins> Преобразуют текст в подчеркнутый <kbd> </kbd> Преобразуют текст в моноширинный <label> </label> Определяют лeйбу для тега <input /> <legend> </legend> Заголовок для тегов <fieldset> </fieldset> <li> </li> Определяют элемент (пункт) списка <link /> Определяет ссылку на внешний источник <map> </map> Определяют навигационную карту <mark> </mark> определяют важную часть текста <menu> </menu> Определяют список-меню <meta /> Содержит информацию о документе <nav> </nav> определяют группу ссылок <noscript> </noscript> Предупредят если браузер не читает скрипты <object /> Внедряет объекты в web-страницу <ol> </ol> Определяют упорядоченный (нумерованный) список <optgroup> </optgroup> Определяют группу елементов <option> </option> <option> </option> Определяют элемент выпадающего списка <p> </p> Определяют параграф <param /> Определяет проигрыватель <pre> </pre> Определяют отформатированный текст <q> </q> Определяют короткую цитату <samp> </samp> Преобразуют текст в моноширинный <script> </script> Определяют скрипт <section> </section> определяют секцию документа <select> </select> Определяют выпадающий список <small> </small> Преобразуют обычный текст в текст более мелкий <span> </span> Определяют линейную секцию в документе <strike> </strike> Не поддерживаются в HTML 5 <strong> </strong> Преобразуют шрифт в полужирный <style> </style> Определяют стилевые описания <sub> </sub> Преобразуют обычный текст в текст в нижнем индексе <sup> </sup> Преобразуют обычный текст в текст в верхнем индексе <table> </table> Определяют таблицу <tbody> </tbody> Определяют тело таблицы <td> </td> Определяют ячейку таблицы <textarea> </textarea> Определяют текстовое поле <tfoot> </tfoot> Определяют нижнюю часть таблицы <th> </th> Определяют заголовок таблицы <thead> </thead> Определяют верхнюю часть таблицы <time> </time> определяют дату или время <title> </title> Определяют основной заголовок документа <tr> </tr> Определяют табличный ряд <ul> </ul> Определяют ненумерованный список <var> </var> Определяют переменную <video> </video> внедряют видео в web-страницу
direction=" " - атрибут устанавливающий направление скроллинга: Значения:
left - движение справа налево (по умолчанию)
right - движение слева направо
up - движение снизу верх
down - движение сверху вниз
behavior=" " - атрибут устанавливающий тип скроллинга: Значения:
scroll - скроллинг в одном из заданных направлений (по умолчанию)
slide - одноразовый скроллинг с остановом контента
alternate - возвратно-поступательный скроллинг
width=" " - устанавливает ширину блока для строки
height=" " - устанавливает высоту блока
hspace=" " - отступа в пикселях от вертикальных границ блока
vspace=" " - отступ в пикселях от горизонтальных границ блока
bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга
style=" " - атрибут указывает стиль форматирования блока и контента
class=" " - атрибут внедрение стиля форматирования блока и контента
loop=" " - определяет количество циклов перемещения
"-1" или "infinite" - безконечное перемещение наполнения в блоке
"N" - целое число, задающее количество показов в блоке
bgcolor=" " - атрибут устаналивающий параметр цвета фона скроллинга
Атрибут scrollAmount - устанавливает скорость движения строки.
Готовые шаблоны бегущей строки, вставляйте только и изменяйте параметры.
Код
<marquee>простая строка - по умолчанию</marquee>
<marquee width="500px" height="20px">заданные размеры блока строки</marquee>
<marquee bgcolor="#00FF33" width="500px" height="20px">меняем фон блок</marquee>
<marquee direction="right" bgcolor="#00FF33" width="500px" height="20px">движение слева направо</marquee>
<marquee behavior="alternate" direction="right" scrollAmount="1" bgcolor="#00FF33" width="500px" height="20px">меняем скорость на маленькую</marquee>
<marquee direction="down" behavior="alternate" scrollAmount="1" bgcolor="#00FF33" width="300px" height="50px">медленное движение текста снизу вверх и наоборот </marquee>
<marquee behavior="alternate" direction="right" scrollAmount="1" bgcolor="#00FF33" width="500px" height="20px">строка со ссылкой на <a href="адрес сайта"rel=nofollow" title="сайт с примерами">сайт с примерами</a></marquee>
- <a href="Здесь ссылка">текст</a> - ссылка на страницу.
Если добавить "target="_blank"", то ссылка будет открываться в новом окне. пример: <a href="Здесь ссылка" target="_blank">Текст</a>
Если добавить "title=""", то при наведении курсора на мышку будет выводиться текст. Пример: <a href="Здесь ссылка" title="Привет">Текст</a>
<hr>
- <area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью.
Если добавить "shape="rect" (circle, poly)" то будет выводиться тип оласти круг или прямоугольник(rect - прямоугольник, circle - круг, poly - многоугольник). Пример: <area shape="rect">
Если добавить alt="описание" - будет выводиться описание, подсказка. Пример: <area alt="описание">
Если добавить href="тут ссылка" то поле будет ссылкой. Пример: <area href="тут ссылка">
Размер изображения указывается параметрами width- ширина и height - высота , указывать её можно как в процентах так и в пикселях:
Код
<img src=http://antina.3dn.ru/image/kukla.jpg width=10% height=5%></img>- в процентах
Код
<img src=http://antina.3dn.ru/image/kukla.jpg width=100 height=30></img>- в пикселях
Можно дать имя изображению, в случае если оно не загрузится будет текст на его месте, но не стоит игнорировать эту возможность т к она нужна для сообщения о своей картинки поисковым системам. Это параметр alt, записывается таким же образом :