Jump to content

Помощь форумчан


Loser
 Share

Recommended Posts

Здравствуйте, уважаемые форумчане!

Совсем недавно начал изучать HTML и CSS. Сделал первую попытку сайта -> http://maiden-attempt.p.ht/.

Просьба: если у кого-то есть время - просмотрите сайт, укажите на ошибки, недочеты. Напишите как можно сделать лучше.

Жду вашей критики. Спасибо за внимание.

Link to comment
Share on other sites


<link rel="stylesheet" type="text/css" href="style.css">
</style>

Это что вообще? Открываем один тег, а закрываем его другим?


<ul>
<a href="index.html"><li id="there">Главная</li></a>
<a href="download.html"><li>Скачать Minecraft</li></a>
</ul>

Тег <li> должен быть вложен в тег <ul> или <ol> без всяких промежуточных тегов-прокладок между ними.

Поэтому каждый пункт меню надо "вывернуть" наизнанку.


<a href="Images/slider1.jpg"><div id="imgs-download-minecraft"></div></a>

Опять надо выворачивать тег <div> блочный, а тег <a> строчный. Блочные элементы в строчные не вкладываются, а только наоборот.

Для вкладывания в строчный элемент существует тег <span>


<b>Minecraft</b>

Этот тег, хотя и не запрещается, но считается устаревшим и обычно вместо него используется css свойство font-weight

Link to comment
Share on other sites


<a href="Images/slider1.jpg"><div id="imgs-download-minecraft"></div></a>

Опять надо выворачивать тег <div> блочный, а тег <a> строчный. Блочные элементы в строчные не вкладываются, а только наоборот.

Для вкладывания в строчный элемент существует тег <span>

А вот и нет. В данном случае вполне допустимо подобное вложение: http://html5doctor.c...inks-in-html-5/

  • Like 1
Link to comment
Share on other sites


<b>Minecraft</b>

Этот тег, хотя и не запрещается, но считается устаревшим и обычно вместо него используется css свойство font-weight

Этот тег НЕ устаревший :) теги <b> <i> <s> в html5 имеют вполне сформированный смысл

Link to comment
Share on other sites


<a href="Images/slider1.jpg"><div id="imgs-download-minecraft"></div></a>

Опять надо выворачивать тег <div> блочный, а тег <a> строчный. Блочные элементы в строчные не вкладываются, а только наоборот.

Для вкладывания в строчный элемент существует тег <span>

А вот и нет. В данном случае вполне допустимо подобное вложение: http://html5doctor.c...inks-in-html-5/

Круто. Не знала. Очень полезное нововведение.

Link to comment
Share on other sites

  • 4 weeks later...

Жду вашей критики. Спасибо за внимание.

Хм,посмотрел ссылки при наведении,а вот стоит ли их оставлять таким же цветом ? Просто синий... Можно было другими цветами делать .

Заголовок новости думаю стоит подвинуть чуть в лево.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By ilyamio
      Здравствуйте. Имеется рабочий скрипт конвертера валют. https://ilyamio.github.io/currencyconverter/
      Мне необходимо изменить источник загрузки курсов на ЦБ РФ вот по этой ссылке: https://www.cbr.ru/scripts/XML_daily.asp
      А также мне необходимо установить ограничение на количество обращений к сайту ЦБ РФ - 1 раз в сутки. При частом обращении, могут заблокировать.
      Вот в этом js файле находятся настройки конвертера:
      const from_currencyEl = document.getElementById('from_currency'); const from_ammountEl = document.getElementById('from_ammount'); const to_currencyEl = document.getElementById('to_currency'); const to_ammountEl = document.getElementById('to_ammount'); const rateEl = document.getElementById('rate'); const exchange = document.getElementById('exchange'); from_currencyEl.addEventListener('change', calculate); from_ammountEl.addEventListener('input', calculate); to_currencyEl.addEventListener('change', calculate); to_ammountEl.addEventListener('input', calculate); exchange.addEventListener('click', () => { const temp = from_currencyEl.value; from_currencyEl.value = to_currencyEl.value; to_currencyEl.value = temp; calculate(); }); function calculate() { const from_currency = from_currencyEl.value; const to_currency = to_currencyEl.value; fetch(`https://api.exchangerate-api.com/v4/latest/${from_currency}`) .then(res => res.json()) .then(res => { const rate = res.rates[to_currency]; rateEl.innerText = `1 ${from_currency} = ${rate} ${to_currency}` to_ammountEl.value = (from_ammountEl.value * rate).toFixed(2); }) } calculate(); Как мне изменить настройки в этом файле чтобы курсы брались с https://www.cbr.ru/scripts/XML_daily.asp и включить ограничение на количество обращений по ссылке cbr.ru - 1 раз в сутки?
      Заранее спасибо всем, кто хотел помочь с решением этой задачи.
    • By Vetal6666
      Как в верстке создать этот объект?🤔 (Углы по 60 градусов - то есть треугольник равносторонний)
    • By gars
      Проблема в следующем верстаю макет с PSD шаблона. Использую HTML и CSS. 
      Прописал по порядку блоки Header. nav. main. в коде html. Добавил картинку и ссылки в блок header. открыл браузер что бы отобразить результат. 
      и вижу. что блок main наехал на блок header.
      Вопрос: почему так получилось. Ведь одно из свойств блочных тегов - они начинаются с новой строки и занимают всю доступную ширину. (main. игнорирует свойство и не начинается с новой строки).  как решить и почему произошло?     Заранее благодарю всех за помощь
      Скрин прикрепляю.   
      HTML
      <body> <header> <div class="logo"> <img src="..\matereal\images\logo.png" alt="logotip" class="logo__img"> </div> <nav> <a href="" class="nav" >home</a> <a href="" class="nav" >compane</a> <a href="" class="nav" >servise</a> <a href="" class="nav" >clients</a> <a href="" class="nav" >contacts</a> </nav> </header> <main> <div> <img src="" class="slaider" alt="slaider"> <p class="slaider__text__h1">веб-разработке\практика</p> <p class="slaider__text__h2"></p> </div> </main> <footer> </footer> CSS
      body { margin: 0; } header { margin: 0; border-top: 3px solid black; } .logo { margin:60,0,60,60; float: left; width: 49%; } nav { float: right; margin: 60,60,60,0; width: 51%; }  

    • By Рудской
      У меня есть таблица на первой странице сайта
      Вот к примеру она....
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <select name="school" id="schoolContainer"> <option value="Код" selected>Код</option> <option value="10-0">10-0</option> <option value="10-1">10-1</option> <option value="Grandview">Grandview</option> <option value="Festus">Festus</option> <option value="R-7">R-7</option> <option value="Home-Schooled">Home-Schooled</option> </select> <input type="text" id="newSchool"/> <input type="button" id="addSchool" value="Insert"/> Мне нужно чтобы при нажатии на кнопу "Insert", информация которая была введена в поля для ввода отправлялась на другую страницу сайта.
      И каждая новая информация отправлялась, в таблицу, примерно вот такую:
      Пункт 1 | Пункт 2 | Пункт 3 | №1 Купил Завершено Типо, Когда в первой графе выбирают докустим "№1", то этот выбор писался в "Пукт 1". Так же и с остальными, если во второй графе выбирают "Купил" то этот же выбор писался в "Пункт 2... Помогите пожалуйста, никак не могу найти в интернете ответ на сей вопрос...
      Или, если кто-то сможет сделать пример всего это, я буду очень благодарен
    • By Venner
      На главной странице сделал небольшое меню, для того что бы пользователям было проще сразу перейти к нужной странице, но текст почему-то смещён немного вправо, хотя тег <center> присутсвует
      <center> <div id="navigation"> <a href="pages\news.html">Новости</a> <a href="pages\story.html">Лор</a> <a href="pages\forum.html">Чат</a> <a href="pages\materials.html">Материалы</a> <a href="https://worldofwarcraft.com" target="_blank">Сайт World Of Warcraft</a> <a href="https://www.blizzard.com" target="_blank">Сайт Blizzard</a> <a href="pages\about.html">О сайте</a> </center> <p> </p> </div>  
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy