• Добро пожаловать на компьютерный форум Tehnari.ru. Здесь разбираемся с проблемами ПК и ноутбуков: Windows, драйверы, «железо», сборка и апгрейд, софт и безопасность. Форум работает много лет, сейчас он переехал на новый движок, но старые темы и аккаунты мы постарались сохранить максимально аккуратно.

    Форум не связан с магазинами и сервисами – мы ничего не продаём и не даём «рекламу под видом совета». Отвечают обычные участники и модераторы, которые следят за порядком и качеством подсказок.

    Если вы у нас впервые, загляните на страницу о форуме и правила – там коротко описано, как задать вопрос так, чтобы быстро получить ответ. Чтобы создавать темы и писать сообщения, сначала зарегистрируйтесь, а затем войдите под своим логином.

    Не знаете, с чего начать? Создайте тему с описанием проблемы – подскажем и при необходимости перенесём её в подходящий раздел.
    Задать вопрос Новые сообщения Как правильно спросить
    Если пришли по старой ссылке со старого Tehnari.ru – вы на нужном месте, просто продолжайте обсуждение.

Качество моего кода

  • Автор темы Автор темы GRYZ
  • Дата начала Дата начала

GRYZ

Новые
Регистрация
1 Мар 2013
Сообщения
533
Реакции
10
Баллы
0
Качество моего кода

Сегодня начал изучать html вот что набросал
Код:
 <html>
<head>
  <title>Пример</title>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
</head>
<body>
  <body text = "black" bgcolor = "white">
  <h1>Заголовок 1-го уровня</h1> 
  <a target = "_blank" href = "index.html" title = "Ссылка">Ссылка</a>
  <br>
  <i>Текст курсив</i>
  <br>
  <b>Текст жирный</b>
  <br>
  <u>Подкчеркнутый</u>
  <br>
  <font size = "5">Это текст c size = "5"</font>
  <br>
  <font size = "5" color = "red">Большой красный текст</font>
  <br>
  <a target = "_blank" href = "index.html" title = "Ссылка">
  <font size = "7" color = "navy">
  <b>
  <i>
  <u>Это текст, в котором намешано очень многое</u>
  </i>
  </b>
  </font>
  </a>
  <br>
  <img src = "img/1.jpg" alt = "Картинка" width = "250" height = "250">
</body>
</html>
 
Ну вполне так ничего код. вполне читаемый.
 
  • Like
Реакции: GRYZ
А замечания есть?
 
Замечаний нет, но есть хорошие советы. <br> пиши вот так </br> , так будет лучше. И еще я бы стиль текста для body прописал бы в CSS(таблица стилей), по сути на всех движках эта таблица есть и даже не одна. А в прочем код хороший!
 
Ну дело в том что движок отсвтствует:))
 
Немного изменил код и появились проблемы.
Код:
 <html>
<head>
  <title>Пример</title>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
</head>
<body>
  <div align = "center"
  <body text = "black" bgcolor = "white">
  <h1>Заголовок 1-го уровня</h1> 
  <a target = "_blank" href = "index.html" title = "Ссылка">Ссылка</a>
  </br>
  <i>Текст курсив</i>
  </br>
  <b>Текст жирный</b>
  </br>
  <u>Подкчеркнутый</u>
  </br>
  <font size = "5">Это текст c size = "5"</font>
  </br>
  <font size = "5" color = "red">Большой красный текст</font>
  </br>
  <a target = "_blank" href = "index.html" title = "Ссылка">
  <font size = "7" color = "navy">
  <b>
  <i>
  <u>Это текст, в котором намешано очень многое</u>
  </i>
  </b>
  </font>
  </a>
  </br>
  <ul>
  <li>Первый элемент списка
  <li>Второй элемент списка
</ul>
<ol>
  <li>Первый элемент цифрового списка
  <li>Второй элемент цифрового списка
</ol>
  </br>
  <img src = "img/1.jpg" alt = "Картинка" width = "250" height = "250">
  </div>
</body>
</html>


Вот эта часть отвечает за списки
Код:
  <ul>
  <li>Первый элемент списка
  <li>Второй элемент списка
</ul>
<ol>
  <li>Первый элемент цифрового списка
  <li>Второй элемент цифрового списка
</ol>
Текст и все находится по центру, а цифры списка у самого края(слева) Как сделать так что-бы они были посередине?
 
прийду домой, покумекаю. Сейчас в автобусе еще
 
Вот так попробуй.

Добавь где-нибудь рядом со списком:
HTML:
 <style> 
ol {list-style-position: inside;}   
</style>
Т.е. маркер обтекается текстом, а не находиться за текстом
 
Список который с точками с точками так и остался, а с циврами выглядит хорошо.
 
А, так ты только за цифры говорил.
Для всего вместе вот так:

HTML:
<style> 
ol {list-style-position: inside;} 
ul {list-style-position: inside;}    
</style>
 
А в html можно коментарии к коду оставлять?
 
Да.
<!-- Комментарий -->
 
Поколдовал с таблицец стилей CSS, но так как я не очень силен в CSS мне нужно закруглить края, меню установить посредине.
Вот файлы:
 
Чтобы закруглить нужно написать border-radius: 10px
10 - любое значение
 
вот файлы:
 

Вложения

Стиль border-radius поддерживается не всеми браузерами :(
 
Позже объясню все. там можно приставки к браузерам ставить. Тогда для каждого браузеба будет свой стиль
 
Вот тебе пример кроссбраузерного border-radius:
HTML:
.block  {border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;}

Эти приставки можно подставлять к любым стилям CSS
 
Назад
Сверху