Скрыть объявление

Дорогой друг! Видимо, ты заинтересован зарабатывать в интернете. Поэтому задача нашего Форума не дать тебе подарить мошенникам твои деньги и научить грамотно ими распоряжаться.
Администрация Форума настоятельно рекомендует тебе начать знакомство с Форумом этой статьёй!
Не рискуй твоими деньгами понапрасну!

С Уважением, Администрация Форума MoneyMaker.team

HTML урок третий: теги текста, перенос строк, заголовки, пробел

Форум о Заработке и Инвестициях

Тема в разделе "Азы, уроки", создана пользователем rez, 8/2/14.

  1. rez

    rez Администратор Команда форума

    Регистрация:
    1/2/14
    Сообщения:
    11,380
    Симпатии:
    1,154
    Баллы:
    181
    Пол:
    Женский
    На прошлом занятии мы изучили теги форматирования текста. Замечу, что все те теги были парными, то есть состояли из открывающего <> и закрывающего </>. Существуют и непарные теги и с одним из них мы познакомимся чуть позже.
    А пока нам понадобится строка. Давайте на этот раз возьмём что-то заумное, чтобы не жалко было каверкать. Ну, хотя бы, вот такую поговорку, а заодно сразу же оформим её в виде HTML-текста:
    HTML:
    <p>Голод – не тетка, есть не просит.</p>
    Снова экспериментируем с нашим HTML-документом и откроем новое достижение в браузере. Нормально?
    Тогда идём дальше. Допустим, нам захотелось эту строку разбить на две. Ну не как у людей..., такие вот мы оригиналы. Причём разбивать будем совсем не там, где ожидалось:
    HTML:
    <p>Голод – </p><p>не тетка, есть не просит.</p>
    Как Вам такой пример? Оказывается, что каждый тег <p>, которым в HTML выделяют текст, начинает его с новой строки.
    Однако точно того же эффекта можно добиться и другим тегом, <br>. Обратите внимание: это наш первый непарный тег (закрывающего тега у <br> не существует). Разобрались? А теперь засучим рукава:
    HTML:
    <p>Голод – <br>не тетка, есть не просит.</p>
    Вышло то же самое, но "букав" меньше.
    А сейчас идея! Вы любите плакаты? Так-то. Любите или не любите - не важно: сделаем плакат и всё тут! Выглядить это будет вот так:
    HTML:
    <h1>Голод – </h1><p>не тетка, есть не просит.</p>
    Всего лишь незначительная подстановка, а какой эффект! Как Вы и догадались, <h1> - это парный тег заголовка. Вообще, все заголовки в HTML состоят из <hцифра>. Цифра может меняться в пределах 1-6. Поиграйтесь с цифрами и увидите как меняются размеры Вашего заголовка.
    Но я хочу спросить Вас, как художник художника: "Вы плакатом довольны?". Я нет. Потому что слово "Голод" у нас где-то в левом углу затесалось. Левый голод... Халтура короче! А плакат надо выполнить так, чтобы на него было любо-дорого глядеть!
    Да не ёрзайте Вы: последняя доработка, совсем немного осталось! Первое, что пришло на ум - отцентрировать слово "Голод" пробелами перед ним. Попробуйте... Ну как? Потому что в HTML есть такой замечательный символ - пробел. Он, конечно, замечательный, но специфический... Я вот до сих пор без конспекта не могу его вспомнить, хотя сколько лет назад познакомились... Выглядит он так: &nbsp; . Сложный, и запутаться в два счёта можно, правда? Такие пробелы размещаются в коде как и самые обыкновенные. Сейчас мы это проиллюстрируем:
    HTML:
    <h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Голод – </h3><p>не тетка, есть не просит.</p>
    Вот так! Голод всегда должен быть в центре!
    Уморили Вы меня сегодня... Ушла обедать...
     
    Диана и azick нравится это.
  2. Geldrix

    Geldrix В бегах

    Регистрация:
    11/2/14
    Сообщения:
    33
    Симпатии:
    4
    Баллы:
    5
    Пол:
    Мужской
    Вывел, $:
    0.5
    Все выполнил на 3 урока умней.:)
     
  3. azick

    azick В бегах

    Регистрация:
    5/3/14
    Сообщения:
    38
    Симпатии:
    9
    Баллы:
    5
    Пол:
    Мужской
    Вывел, $:
    1
    эта информация для меня очень полезная. я освоил все три урока, у меня все получилось, большое вам спасибо. я пробовал однажды это освоить, по книге "информатика" то там так все замудренно написано, что я ничего практически не понял. а тут все на нашем языке, все понятно! супер! +1))
     
    rez нравится это.
  4. Диана

    Диана В бегах

    Регистрация:
    14/3/14
    Сообщения:
    73
    Симпатии:
    22
    Баллы:
    11
    Пол:
    Женский
    Вывел, $:
    0.5
    По книге очень трудно изучать языки программирования. Я тоже пыталась. Меня спасли видео-уроки, но я не буду обижать Надежду и здесь их рекламировать. Скажу только, что самой делать сайт безумно интересно. HTML - язык простой, но без знания HTML невозможно идти дальше в изучении оформления сайтов.
     
  5. Владимир

    Владимир В бегах

    Регистрация:
    21/11/14
    Сообщения:
    5
    Симпатии:
    2
    Баллы:
    2
    Пол:
    Мужской
    да, по книгам действительно сложно, но куда деваться... я вот, когда html-ю учился пол интернете перерыл, чтобы хорошую книгу найти. Нашел, но в последствии понял, что книги научат только основам, а когда дело до сложных задач доходит, то они не помогут :(
     
Похожие темы:
  1. rez
    Ответов:
    3
    Просмотров:
    680
  2. rez
    Ответов:
    2
    Просмотров:
    686
  3. rez
    Ответов:
    7
    Просмотров:
    887
  4. Venicia
    Ответов:
    10
    Просмотров:
    755
Загрузка...