Вопросы по HTML и CSS.

[Kirik_]

Добрый день! Всех с праздником!

 

Начал потихоньку изучать язык HTML и одновременно практиковаться на Ucoz'е. Вопрос связан со вставляемыми в код изображениями. С атрибутами width и height разобрался. А вот как выравнить вставленную картинку по центру - пока не знаю. В книге этого не нашел (возможно, плохо искал). В интернете нашел несколько вариантов кодов. Но мне нужен правильно составлен тег с точки зрения синтаксиса, а не просто "налепить", лишь бы работало.

 

Вот полный тег: <img src=http://адрес картинки width="значение" height="значение">

 

Куда вставить тег выравнивания и какой это тег? Просьба знающих его написать.

Изменено 9 мая, 2013 пользователем Kirik_

[_Maks__]

Если по центру блока с контентом, т.е. текст, а к нему картинка, которая нужна не с левого края, а в центре, то <div align="center"> <img src=http://адрес картинки width="значение" height="значение"> </div>

[Paddington]

Kirik_, вот полезный ресурс-шпаргалка.

Соответственно

<center><img src=http://адрес картинки width="значение" height="значение"></center>

[vit9696]

Во-первых, center запрещён уже лет сто. Во-вторых, src вроде всегда требовал кавычек от зла подальше.

 

<div style="text-align: center;"><img src="http://mysite.ru/image.png" alt="" width="20px" height="30px"></div>

(Для XHTML юзать /> вместо >)

Я бы всё это добро ширины/высоты вообще убрал в css:

<div style="text-align: center;"><img src="http://mysite.ru/image.png" alt="" style="width: 20px; height:30px"></div>

[Kirik_]

Во-первых, center запрещён уже лет сто.

Почему?

 

Во-вторых, src вроде всегда требовал кавычек от зла подальше.

(Для XHTML юзать /> вместо >)

Спасибо за замечания - учту.

[vit9696]

Спрашивайте у W3 Group или как их там... Я не разработчик стандартов html.

http://htmlbook.ru/html/center — в принципе, в третьей версии html он ещё есть...

[Kirik_]

У меня в "шапке" сайта написано его название, состоящее из двух строк. Это заголовок первого уровня <H1>. И к нему в настройках стиля CSS применены определенные настройки шрифта, размера символов, начертания и цвета.

Что и где в коде мне прописать, чтобы сделать отдельные настройки для второй строки?

Вот сам код:

.header h1 {color: #ffff00; font-size: 18pt; font-weight: bold; font-style: normal; position: absolute; top: 40px; left: 90px; margin: 0; padding: 0;}

 

И еще вопрос: когда я хочу использовать заголовок второго уровня <H2>, то почему-то его содержимое появляется не под, а над содержимым заголовка первого уровня. Почему так? И где это исправить?

[gecsagen]

Kirik_,Я не знаю какую книгу вы читали,но я советую вам найти эту:HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера

Автор:Николай Прохоренок.Я в частности читал,там почти все нашел.

[Kirik_]

gecsagen, вот. Книга указана в 1-м посте.

Напишу еще раз: я в этом деле новичок, "чайник" (не побоюсь таким словом оценить свой уровень знаний в области HTML и CSS). Поэтому мне нужно для начала что-то простое и по возможности элементарное, чтоб вникнуть (об этом, кстати, я писал в указанной выше теме).

[ACIK]

Поэтому мне нужно для начала что-то простое

 

Вот подписка:

http://www.youtube.com/channel/UCkzEoCBcOFx2HK0_IDxSMZQ

... наглядно показаны принципы "сайтостроения"... там есть и про css, и про html.

Может поможет.

 

а над содержимым заголовка первого уровня

 

position: absolute; top: 40px; left: 90px; - этим Вы указали абсолютную позицию (отступ) текста с заголовком 1 (другой вопрос, зачем?). У заголовка 2 скорее всего нет отступов, вот он и выводится, как положено, начиная с левого верхнего угла.