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

GRYZ · 14.03.2013, 17:41

Сегодня начал изучать 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>

Gruvi · 14.03.2013, 17:46

Ну вполне так ничего код. вполне читаемый.

GRYZ · 14.03.2013, 17:59

А замечания есть?

GlaZZZ · 14.03.2013, 18:10

Замечаний нет, но есть хорошие советы. <br> пиши вот так </br> , так будет лучше. И еще я бы стиль текста для body прописал бы в CSS(таблица стилей), по сути на всех движках эта таблица есть и даже не одна. А в прочем код хороший!

GRYZ · 14.03.2013, 18:22

Ну дело в том что движок отсвтствует

GRYZ · 14.03.2013, 18:40

Немного изменил код и появились проблемы.

Код:

 <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>

Текст и все находится по центру, а цифры списка у самого края(слева) Как сделать так что-бы они были посередине?

GlaZZZ · 14.03.2013, 18:46

прийду домой, покумекаю. Сейчас в автобусе еще

GlaZZZ · 14.03.2013, 20:23

Вот так попробуй.

Добавь где-нибудь рядом со списком:

Код HTML:

 <style> 
ol {list-style-position: inside;}   
</style>

Т.е. маркер обтекается текстом, а не находиться за текстом

GRYZ · 14.03.2013, 20:35

Список который с точками с точками так и остался, а с циврами выглядит хорошо.

GlaZZZ · 14.03.2013, 20:39

А, так ты только за цифры говорил.
Для всего вместе вот так:

Код HTML:

<style> 
ol {list-style-position: inside;} 
ul {list-style-position: inside;}    
</style>

14.03.2013, 20:23	#8 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Вот так попробуй. Добавь где-нибудь рядом со списком: Код HTML: <style> ol {list-style-position: inside;} </style> Т.е. маркер обтекается текстом, а не находиться за текстом

14.03.2013, 20:39	#10 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	А, так ты только за цифры говорил. Для всего вместе вот так: Код HTML: <style> ol {list-style-position: inside;} ul {list-style-position: inside;} </style>

14.03.2013, 17:46	#2 (permalink)
Gruvi VIP user Регистрация: 10.03.2011 Сообщений: 765 Записей в дневнике: 1 Сказал(а) спасибо: 10 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 3453	Ну вполне так ничего код. вполне читаемый.

14.03.2013, 17:59	#3 (permalink)
GRYZ Member Регистрация: 01.03.2013 Сообщений: 533 Сказал(а) спасибо: 11 Поблагодарили 3 раз(а) в 2 сообщениях Репутация: 801	А замечания есть?

14.03.2013, 18:10	#4 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	Замечаний нет, но есть хорошие советы. <br> пиши вот так </br> , так будет лучше. И еще я бы стиль текста для body прописал бы в CSS(таблица стилей), по сути на всех движках эта таблица есть и даже не одна. А в прочем код хороший!

14.03.2013, 18:22	#5 (permalink)
GRYZ Member Регистрация: 01.03.2013 Сообщений: 533 Сказал(а) спасибо: 11 Поблагодарили 3 раз(а) в 2 сообщениях Репутация: 801	Ну дело в том что движок отсвтствует

Ads
Яндекс Member Регистрация: 31.10.2006 Сообщений: 40200 Записей в дневнике: 0 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Репутация: 55070

14.03.2013, 18:46	#7 (permalink)
GlaZZZ Любитель Регистрация: 19.01.2011 Сообщений: 4,792 Записей в дневнике: 6 Сказал(а) спасибо: 105 Поблагодарили 28 раз(а) в 10 сообщениях Репутация: 13067	прийду домой, покумекаю. Сейчас в автобусе еще

14.03.2013, 20:35	#9 (permalink)
GRYZ Member Регистрация: 01.03.2013 Сообщений: 533 Сказал(а) спасибо: 11 Поблагодарили 3 раз(а) в 2 сообщениях Репутация: 801	Список который с точками с точками так и остался, а с циврами выглядит хорошо.