Как сделать раскрывающиеся текст в html


Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html


Лучшие новости сайта

Шаги

  1. Изображение с названием 2967479 1

    1

    Откройте простую программу для редактирования текста, такую как Notepad или WordPad (в ОС Windows), или TextEdit (в Mac).

  2. Изображение с названием 2967479 2

    2

    Начинайте свой сайт, как и любую другую веб-страницу, добавив одновременно тег <html> и <head>

  3. Изображение с названием 2967479 3

    3

    Создайте JavaScript-часть документа, которая указывает вашему браузеру отображать списки в раскрывающейся/расширяемой форме. Используйте следующий код, чтобы создать этот сценарий. <style type="text/css"> .row { vertical-align: top; height:auto !important; } .list {display:none; } .show {display: none; } .hide:target + .show {display: inline; } .hide:target {display: none; } .hide:target .list {display:inline; } @media print { .hide, .show { display: none; } } </style>
  4. Изображение с названием 2967479 4

    4

    Закройте главную часть страницы закрытием тега для заголовка страницы (</head>).

  5. Изображение с названием 2967479 5

    5

    Создайте тело HTML кода. Введите тег для запуска тела (<body>)..

  6. Изображение с названием 2967479 6

    6

    Создайте содержание списка, в том числе некоторые данные по дизайну HTML для использования пользователями в браузере, чтобы развернуть или свернуть список. Используйте следующий код для создания этой процедуры. Помните о необходимости соблюдения правил по созданию списков и вложенных списков внутри кода. <div class="row"> <a href="#hide1" class="hide" id="hide1">Expand</a> <a href="#show1" class="show" id="show1">Collapse</a> <div class="list"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> </div>
  7. Изображение с названием 2967479 7

    7

    Закройте раздел body HTML-кода, введя тег </body>.

  8. Изображение с названием 2967479 8

    8

    Введите закрывающий тег </html> для завершения создания файла.

  9. Изображение с названием 2967479 9

    9

    Сохраните свою работу в виде файла либо с расширением .HTML, либо расширением .HTM, и просмотрите страницу в браузере, прежде чем полностью загружать ее в Интернет.

Эту страницу просматривали 7256 раза.

Была ли эта статья полезной?

 


Источник: http://ru.wikihow.com/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D1%80%D0%B0%D1%81%D0%BA%D1%80%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D0%B8%D0%B9%D1%81%D1%8F-%D1%81%D0%BF%D0%B8%D1%81%D0%BE%D0%BA-%D0%B2-HTML-%D0%B1%D0%B5%D0%B7-Java


Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Как сделать раскрывающиеся текст в html

Похожие новости:






[/SHORT_NEWS_LAST]
Страници: 1 2 3 > >>