• Интернет
  • Дизайн и изработка на уеб сайт

Как да създадете падащия списък, за да HTML един без Java

Създали сте един дълъг списък от HTML и искате вашият посетител е в състояние да се срине или да го разширите? За да се създаде функция, която позволява на посетителя да направите това, прочетете тази статия, която помага да персонализирате кода, за да оправдае тези очаквания.

Стъпки

  1. Как да създадете падащия списък, за да HTML един без Java
  2. Открийте проста програма за редактиране на текст, като например Notepad или WordPad (OS Windows), или TextEdit (на Mac).

  3. Как да създадете падащия списък, за да HTML един без Java
  4. Започнете сайт като всяка друга уеб страница, като в същото време добави LT маркер; htmlgt; и LT; headgt ;.

  5. Създаване на JavaScript-част документ, показващ вашия браузър за да се покаже падащото списъци / разширяема форма. Използвайте следния код, за да създадете скрипт.

LT; Тип стил = текст / cssgt; .row {вертикално подравняване: отгоре; Височина: автоматично! важно; } .list {Дисплей: няма; } .show {Дисплей: няма; } .hide: Target + .show {дисплей: инлайн; } .hide: Target {дисплей: няма; } .hide: Target ~ .list {дисплей: инлайн; } Media Print {.hide, .show {дисплей: няма; }} Lt; / Stylegt;



Как да създадете падащия списък, за да HTML един без Java
    1. Как да създадете падащия списък, за да HTML един без Java
    2. Затворете на главната страница на затварящия маркер за заглавието на страницата (LT / headgt;).

    3. Как да създадете падащия списък, за да HTML един без Java
    4. Създайте плът HTML код. Въведете таг да тече тялото (LT; bodygt;).

    5. Създаване на списък със съдържание, включително някои подробности за дизайна, използвайки HTML за потребителите на браузъра, за да разгръщате и свивате списъка. Използвайте следния код, за да се създаде процедура. Не забравяйте да спазвате правилата, да създавате списъци и подотрасли списъци в кода.

    6. LT; Разделение клас = rowgt; LT; един HREF = # Hide1 клас = Инкогнито = hide1gt; Expandlt; / Agt; LT; един HREF = # Show1 клас = шоу ID = show1gt; Collapselt; / Agt; LT; Разделение клас = listgt; LT; ulgt; LT; ligt; Позиция 1 л; / Ligt; LT; ligt; Позиция 2lt; / Ligt; LT; ligt; Позиция 3lt; / Ligt; LT; / Ulgt; LT; / Divgt; LT; / Divgt;



      Как да създадете падащия списък, за да HTML един без Java
      1. Как да създадете падащия списък, за да HTML един без Java
      2. Затваряне на секция от корпуса HTML-код, като въведете LT етикет; / Bodygt ;.

      3. Въведете LT затварящия маркер; / Htmlgt; за завършване на файла.

      4. Запазете работата си като файл или разширяване.HTML, или разширение .htm, и проверете вашия браузър, преди да го сваля изцяло в интернет.