Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

HTML и XHTML → Основны html

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

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

<!DOCTYPE html PUBLIC "..."><!-- указание типа стандарта -->
<html><!-- начало документа -->
    <head><!-- заголовок документа -->
        <title><!-- заголовок страницы --></title>
        <meta content=""/><!-- meta информация -->
        <style type="text/css"><!-- стилевая разметка, внутренний CSS --></style>
        <link type="text/css" href="#"/><!-- подключение внешнего файла (CSS) -->
        <script type=""><!-- скрипт --></script>
    </head><!-- конец заголовка документа -->
    <body><!-- начало тела -->
        <h1><!-- Заголовок первого уровня --></h1>
        <h2><!-- Заголовок второго уровня --></h2>
        <h3><!-- Заголовок третьего уровня --></h3>
        <h4><!-- Заголовок четвертого уровня --></h4>
        <h5><!-- Заголовок пятого уровня --></h5>
        <h6><!-- Заголовок шестого уровня --></h6>
        <pre><!-- предварительно форматированный блок --></pre>
        <p><!-- блочный элементом, определяет текстовый параграф -->
            <a href="#" title=""><!-- ссылка --></a>
            <strong><!-- полужирный --></strong>
            <em><!-- наклонный --></em>
            <big><!-- большой текст --></big>
            <small><!-- маленький текст --></small>
            <sub><!-- нижний индекс --></sub>
            <sup><!-- верхний индекс --></sup>
            <cite><!-- цитата --></cite>
            <span><!-- текстовый блок --></span>
            <br/><!-- принудительный перенос строки -->
        </p><!-- конец абзаца -->
        <div><!-- блок (блочного типа) -->
            <object><!-- вставка объекта, как правило работающего через plugin -->
                <embed><!-- то же самое, но для некоторых браузеров --></embed>
            </object><!-- конец объекта -->
            <img alt="" src="#"/><!-- изображение -->
        </div><!-- конец блока (блочного типа) -->
        <ul><!-- ненумерованный список -->
            <li><!-- элемент списка --></li>
        </ul><!-- конец ненумерованного списка -->
        <ol><!-- нумерованный список -->
            <li><!-- элемент списка --></li>
        </ol><!-- конец нумерованного списка -->
        <dl><!-- список определений -->
            <dt><!-- определение --></dt>
            <dd><!-- содержание --></dd>
        </dl><!-- конец списка определений -->
        <table><!-- таблица -->
            <tr><!-- строка таблицы -->
                <th><!-- ячейка заголовка таблицы --></th>
            </tr><!-- конец строки таблицы -->
            <tr><!-- строка таблицы -->
                <td><!-- ячейка таблицы --></td>
            </tr><!-- конец строки таблицы -->
        </table><!-- конец таблицы -->
        <form action=""><!-- форма -->
            <div><!-- блок (блочного типа) -->
                <fieldset><!-- блок полей ввода -->
                    <legend><!-- заголовок блока полей ввода --></legend>
                    <label><!-- ярлык поля ввода --></label>
                    <input/><!-- поле ввода -->
                    <textarea><!-- многострочное поле ввида --></textarea>
                    <select><!-- плеввода типа "выпадающий список" -->
                        <option><!-- элемент выпадающего списка --></option>
                    </select>
                </fieldset><!-- конец блока полей ввода-->
            </div><!-- конец блока (блочного типа) -->
        </form><!-- конец форма -->
    </body><!-- конец тела -->
</html><!-- конец документа -->
Опубликовал dimas_ua, 7-07-2010, 22:51 Комментариев: 0
 (голосов: 0)