Некоторые ответы на вопросы по HTML и CSS.

htmlcss

В этой статье я постарался собрать ответы на наиболее популярные вопросы. Частенько меня спрашивает как отодвинуть текст или исправить текст шрифта и многое другое. Т.е. все вопросы довольно такие простые, но почему то либо не хотят искать или просто не могут найти. Вообще HTML или CSS сложно назвать языком программирования, как называют его многие и клиенты и друзья. Я бы лучше дал название, что это язык разметки страницы. Согласен с приходом HTML5 ситуация немного меняется, но посмотрим что будет дальше.

Так вот давайте перейдем сразу к делу. Может кому полезно будет.

Как в html сделать ссылку на другую страницу

<a href="путь к другой странице">Перейти на другую ссылку</a>

Здесь как мы видим все довольно таки просто. Если Вам надо визуально поменять отображение размер шрифта и.т.д., уже нужно будет воспользоваться стилями.

Как в html сделать текст жирным
Можно и самый простой способ, но не правильный(но сработает). Это в том месте где нужно изменить шрифт:

<s> - зачеркивание</s>
<b> - жирный шрифт </b>
<i> - курсив </i>

<!-- Это в Html комментарии, что в этом блоке не учитывается. Но пользователи если смотрят код страницы видят его.  -->

<!-- Лучше использовать CSS -->
<span class="bolds">Привет, мир</span>

.bolds{
font-weight: bold; //делаем шрифт жирным
font-style: italic //наклонным
}

Как мы видим все довольно таки просто. Разумеется у меня class=»bolds» у Вас будет свой. Если там указан id, то в CSS вместо точки будет #.

Как в html сделать отступ текста

Здесь всё довольно таки просто в CSS делаем.

<p class="paddings">Привет, Мир</p>

.paddings{
padding: 5px 15px; //Такая запись говорить о том что сверху и снизу будет 5px, а слева и справа 15px.
}

Padding- внутренний отступ, есть ещё margin — внешний отступ от элемента. Можно одним значением писать просто

padding: 15px;

Будет означать, что со всех сторон 15px. Можно 4 значения через пробел, будет означать кол-во px с каждой стороны. Идет сверху-справа-снизу-слева.

Как в html поменять цвет текста

<p class="colors">Привет всем</p>

.colors{
color:red; //красный цвет, можно цвет задавать в шестнадцатиричной системе
}

Как мы видим здесь все довольно таки просто.
Если у Вас ещё остались вопросы можете задавать их в комментариях. По мере свободного времени буду в статьях или в комментариях раскрывать ответы на них.