1


 
 
 

МЕХЗАВОД | Сайтостроение для начинающих

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

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



Уроки HTML

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

1

Урок №01. Введение в HTML

2

Урок №02. Понятие тега.

3

Урок №03. Параграфы и заголовки

4

Как освоить программирование html? Советы для новичков
Прежде чем приступить к изучению чего-то и трате своего времени, нужно определиться с целями. Если цель - сверстать пару страниц или сделать сайт-визитку, то вряд ли потребуется даже покупка учебников: хватит одного-двух месяцев усердной работы с использованием интернет-ресурсов по изучению HTML и CSS (Таблицы каскадных стилей - язык описания внешнего вида документа), и сайт будет готов.
http://sh.uploads.ru/t/fZjhs.jpg

Если же человек хочет заняться веб-программированием и познать тонкости ручной верстки, то времени он потратит примерно в 10-15 раз больше. Дабы понять синтаксис всех языков типа SGML, нужно будет изучить сначала XML (язык структурирования веб-документов со сложным синтаксисом), потом заняться изучением HTML 5 и попутно (так как эти два языка неразлучны) заняться изучением CSS, а в конце "залить" все это хорошим Java.

    Многие ошибочно предполагают, что для успешной разработки веб-ресурсов требуется знать 1-2 языка. Это не так. Знание такого малого количества языков делает веб-программиста "неповоротливым" - неспособным мыслить креативно.

Чтобы преуспеть в веб-программировании, требуется сила воли. Ну, и следованием советам не помешает.

- Начинать изучение языков программирования стоит с теории этих языков - сначала будущему "верстальщику" нужно разобраться в концепции этих языков, в их функциях, узнать, в чем разница между HTML и XML и т.д.

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

- Практика. После изучения "теоретической базы", нужно незамедлительно приступать к практике - блокнот или редактор типа Notepad++ должен быть открыт на компьютере 24 часа в сутки.
Язык программирования - так же, как английский или французский - не будет развиваться, если его не практиковать.

5

Структура HTML 5 — документов
WHATWG начал работу над новым стандартом в 2004 году, когда World Wide Web Consortium (W3C) сосредоточился на будущих разработках XHTML 2.0, а HTML 4.01 не изменялся с 2000 года. В 2009 году W3C признал, что срок работы у рабочей группы XHTML 2.0 истёк, и решил не возобновлять его. Впоследствии W3C и WHATWG совместно разрабатывали HTML5.

Даже несмотря на то, что HTML5 был хорошо известен среди веб-разработчиков в течение нескольких лет, он стал основной темой СМИ только в апреле 2010 года. После этого глава компании Apple Inc.  Стив Джобс написал публичное письмо, заголовок которого гласил: «мысли по поводу Flash», где он заключил, что с разработкой HTML5 нет больше необходимости смотреть видеоролики или использовать другие виды приложений с помощью Adobe Flash. По этому поводу вспыхивали дебаты в кругу веб-разработчиков, причём некоторые намекали, что, хотя HTML5 и обеспечивает расширенную функциональность, разработчики должны принимать во внимание различия браузеров и необходимость поддержки различных частей стандартов, равно как и функциональные различия между HTML5 и Flash

В дополнение к определению разметки HTML5 устанавливает API, который может быть использован с JavaScript. Возможности DOM расширены и фактически используемые свойства задокументированы. Также добавлены новые API, например:

HTML5 APIs and related technologies taxonomy and status

    элемент холст для непосредственного метода рисования в 2D. См. спецификацию Canvas 2D API Specification 1.0;
    контроль над проигрыванием медиафайлов, который может использоваться, например, для синхронизации субтитров с видео;
    хранение данных в браузере;
    File API: возможность загрузки документа через выбор (тег
    1
   
    <input type="file">

    ) или перетаскиванием (Drag-and-drop)
    Drag-and-drop: предоставляет набор событий для каждого элемента DOM, таких как появление и нахождение в его зоне, благодаря которым разработчик может информировать пользователя о необходимых действиях и идентификаторе перетаскиваемого файла, содержащего адрес, имя, тип, размер и дату изменения;
    управление историей браузера;
    тип MIME и регистрация обработчика протокола;
    микроданные.

Далеко не все ранее приведенные технологические процессы включены в спецификацию W3C HTML5, несмотря на то они имеется в спецификации WHATWG HTML Немного связанных технологий, которые не являются составляющей ни одной с спецификаций, следуют далее. W3C публикует спецификации для них раздельно.

    геолокация;
    база данных SQL для Web, внутренняя база данных (больше не поддерживаемая);
    Индексированная база данных (IndexedDB) API, индексирование по типу ключ-значение (прежде — WebSimpleDB);
    Файл API, дескриптор обновления файлов и управления ими;
    Работа с системой. Этот API предназначен для того, чтобы обеспечить хранение информации со стороны клиента без управления базами данных;
    Запись в файл, использование API для записи в файл информации из приложения.

Ниже представлен список отличий:

        Изменён синтаксис
        Встраивание SVG и MathML в text/html
        Новые элементы:
        <article>
        <aside>
        <audio>
        <canvas>
        <command>
        <datalist>
         <details>
        <embed>
         <figcaption>
         <figure>
        <footer>
        <header>
        <hgroup>
        <keygen>
        <main>
        <mark>
        <meter>
         <nav>
        <output>
        <progress>
        <rp>
        <rt>
         <ruby>
        <section>
        <source>
        <summary>
        <time>
        <video>
        <wbr>

     

Place your content for the second column here.

    Новые компоненты ввода:

    date/time
    email
    url
    search
    number
    range
    tel
    color

    Новые атрибуты: charset (в <meta>), async (в script)
    Глобальные атрибуты, которые могут быть применены ко всем элементам: id, tabindex, hidden, data-* (пользовательские атрибуты данных)
    Элементы, которые будут исключены:

    <acronym>
    <applet>
    <basefont>
    <big>
    <center>
    <dir>
    <font>
    <frame>
     <frameset>
     <isindex>
    <noframes>
    <strike>
    <tt>

6

Ссылка   -учебник HTML



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