Найти тему
✨CodeWizard✨
548 подписчиков

Создание сайта. Урок 13😷

27
1 мин

Давайте сразу разберём что мы сейчас сделаем и приступим, а сделаем мы следующие:

  1. Посмотрим на новый тег
  2. Сделаем генератор паролей размером 9.1 KB

Думаю второе вам хочется получить больше, но для начала взглянем на обычный код:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>DIV</title>
  6. </head>
  7. <body>
  8. <div class="div1">
  9. <h1>Лалалалала</h1>
  10. <h2>И ещё тополя</h2>
  11. <div>
  12. </body>
  13. </html>

Тут новый тег, но если посмотреть код, то вы ничего не увидите! Почему?, потому что тег этот просто блок, например вам нужно чтобы один блок текста был на красном фоне, а другой на синем, тогда к сделаем так:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>DIV</title>
  6. <style>
  7. div {
  8. width: 200px;
  9. }
  10. .red {
  11. background-color: red;
  12. }
  13. .blue {
  14. background-color: blue
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div class="red">
  20. <h1>лалалалала</h1>
  21. <h2>И ещё тополя</h2>
  22. <div>
  23. <div class="blue">
  24. <h1>лалалалала</h1>
  25. <h2>И ещё тополя</h2>
  26. <div>
  27. </body>
  28. </html>

Этим тегом пользуются многие верстальщики, но много блоков тоже плохо!

Теперь генератор паролей, он будет обычный чёрно-белый, но вы сможете его украсить как вам угодно!

Вот ссылка на код генератора!

Вот вам пример генератора в интернете!

Как вы украсите генератор паролей я не знаю, но заранее прошу выложить его в GitHub и поделиться ссылкой в комментария! А на этом я заканчиваю свой 13 урок, подписывайтесь и ставьте лайки, всем пока!

1