<MyRusakov.ru />

Программирование на Python с Нуля до Гуру

Программирование на Python с Нуля до Гуру

Данный курс научит Вас программировать на языке Python, который крайне желательно знать любому, кто хоть иногда имеет дело с компьютерами. Курс состоит из 6 разделов, в которых Вы с нуля освоите этот язык и сможете создавать самые разные программы для самых разных задач любой сложности.

К курсу прилагается множество упражнений и все исходники из уроков.

Наконец, Вы получите ещё несколько бонусов: "Создание калькулятора на Python", "Создание игры на Python" и "Правильная работа со справочником".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как сделать текст в HTML (топ 10 запросов)

Как сделать текст в HTML (топ 10 запросов)

Чем отличается написание текста в обычном текстовом редакторе, от написания в HTML? В текстовом редакторе, форматирование текста происходит в интерфейсе программы. Для HTML страницы – текст форматируется, при помощи тегов.

Теги сообщают браузерам, как и в каком месте страницы, отображать текст. Для этого придуманы специальные теги. Мы не пишем, текст, просто так.

Хорошего Вам дня!

Текст, всегда заключают, между тегами, например, внутри абзаца.

<p>Пожелайте мне удачи!</p>

Мы собрали список, наиболее частых запросов, связанных с текстом, от начинающих изучать HTML.


Как сделать текст в центре


По умолчанию, текст, прилипает к левому краю. Свойство text-align, внутри тега div, выравнивает текст по центру.

<div>Поставьте меня в центр</div> // HTML

div {
    text-align: center; // CSS
}
Как сделать текст в HTML.

Как сделать текст справа


<div>Хочу стоять справа</div> // HTML

div {
    text-align: right; // CSS
}
Как сделать текст в HTML.

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


За отступы текста отвечают свойства – margin и padding. Margin отделяет абзацы друг от друга, а padding создает воздушное пространство, внутри абзаца. Отступы измеряют в абсолютных единицах измерения - пикселях или в относительных - %, em, rem.

<p>Отодвинься от меня</p> // HTML

p {
    margin: 20px; // CSS
    padding: 10px;
}
Как сделать текст в HTML.

Как сделать текст жирным


Через тег b, можно вставлять прямо в разметку. Этот способ предпочтительнее для SEO-оптимизации.

<p>Хочу быть <b>жирным</b></p> // HTML

или выделять участок тегом span и задавать степень жирности в CSS правилах.

<p>Хочу быть <span>самым жирным</span></p> // HTML

span {
    font-weight: bolder; // CSS
}

или указывать жирность в цифрах.

span {
    font-weight: 700; // в интервале 100 - 900
}
Как сделать текст в HTML.

Как сделать ссылку в тексте


Нужный фрагмент текста, заключить в тег a, с указанием URL-адреса.

<p>Вам следует перейти по этой <a href="http://yandex.ru">ссылке</a></p> // внешняя ссылка
<p>У меня тут есть <a href="page_5.html">хорошая статья</a></p> // внутренняя ссылка

Как сделать текст в HTML.

Как сделать текст в рамке


Рамка задается не тексту, а блочному тегу, в котором находится этот текст.

<p>Я - важный текст</p> // HTML

p {
    border: 2px solid pink; // толщина, сплошная, цвет
    padding: 15px; // воздух между рамкой и текстом
}

Как сделать текст в HTML.

Как сделать текст подчеркнутым


Нужное место, обрамляем тегом u.

<p>Прошу здесь <u>подчеркнуть</u> меня</p> // HTML
Как сделать текст в HTML.

Как задать тексту фон


Сделать фон для всего абзаца.

<p>Хочу выделиться фоном</p> // HTML

p {
    background-color: pink; // CSS
}

Если вы хотите задать фон, отдельному фрагменту текста, тогда используйте span.

<p>Нет, только <span>розовый цвет</span></p> // HTML

span {
    background-color: pink; // CSS
}

Как сделать текст в HTML.

Как увеличить текст


<p>Посмотрите, какой я большой</p> // HTML

p {
    font-size: 30px; // CSS
}

Как сделать текст в HTML.

Как сделать текст курсивом


Через тег i в разметке.

<p>Здесь я прямой, а тут - <i>курсивом</i></p> // HTML

CSS стили + тег

<p><span>Курсивом</span> - я особенный</p> // HTML

span {
    font-style: italic; // CSS
}

Как сделать текст в HTML.

Итого


Мы взяли список топовых запросов, связанных с форматированием текста в HTML, от начинающих и коротко ответили на них. Задавайте ваши вопросы в комментариях.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.