Ние правим HTML-страница и форматиране на текст

Сега обратно към основната тема. Отворен е създаден през последния урок на HTML страница в Notepad или Notepad.

Сега тя е написана фразата "Hello World!", Той е черен, който се намира в ляво на бял фон. И ако искаме тя да бъде по средата, големи жълти букви на син фон? За да направите това, тагове, които са специални атрибути. Просто го обясни на практика.

Стъпка 1: Промяна на фона HTML-страници и цвят на текста

За да направите това, ние добавяме нашия код в маркера Следните атрибути - BGCOLOR = "синя" текстови = "жълто". Тук BGCOLOR - атрибут, който е отговорен за цвета на фона на страницата, и синьо - стойността (в нашия случай - синьо, но можете да направите и червен - червен, зелен и - зелено, както и всяка друга). Атрибутът текст определя цвета на текста на документа, неговото значение жълто - жълто.

Моята първа страница на Hello!

Стартирайте вашия браузър (като в стъпка 3 на първия урок), сега е ваш страница изглежда така:

Съгласен съм, че синия фон е много ярко, че е добре да го направи бледа. За да направите това, нека да поговорим малко за това как настройките на цветовете.

В HTML, има два начина за определяне на цветове: по име (ние се възползва от тях) и посочване на кода за цвят шестнадесетичен.

С цвят име (на 156) е проста, погледнете съответните маса HTML цветове. Изберете любимата си и да напишете името му в стойността на атрибут (например BGCOLOR = "синьо").

Така че, да промените цвета в атрибута BGCOLOR на мека синьо, и цвета на текста - най-малко светло.

Моята първа страница на Hello!

Актуализирайте своя HTML-страница (Ctrl + F5) и да видим резултата.

Стъпка 2: Форматирайте текста

Имайте предвид, че атрибутите в маркера обхваща целия документ, т.е. всичките си въведен текст сега ще лилаво, което не е много удобно. Затова е по-добре да се премахне текст атрибут на тага . а след това на цвета на текста ще бъде включена по подразбиране, т.е. черно. И зададете цвят на различните части на текста в текста по-добре.

За да направите това, ние добавяме няколко предложения, да ги постави в таговете, а след това погледнете какво правят.

Моята първа страница

Това е прост текст. Това се отбелязват с получер шрифт.
И това в курсив.

Тази втора глава ниво

Този текст е Arial, размер на шрифта - 5

Това е заглавието на трето ниво

Този текст е Verdana, размер на шрифта - 2

Актуализирайте своя HTML-страница (Ctrl + F5) и да видим резултата.

Нека да анализираме кода по:

  • тагове

    и т.н. Те са наречени заглавки. HTML поддържа шест нива от позиции от h1 до h6. h1 - най-важните и най-големият, следвана в низходящ ред на шрифта и да h6 - най-малкият и стойността и размера на шрифта.
  • тагове управлявате шрифтовете. За да направите това, използвайте атрибути:
    - цвят - задава цвета на текста,
    - размер - определя размера на шрифта (по подразбиране е 3),
    - лице - шрифта на шрифта. По принцип, можете да посочите тук всякаква шрифта искате, но имайте предвид, че на компютъра на потребителя, този шрифт не може да бъде. Затова е препоръчително да се използва стандартен: Times New Roman, Arial, Verdana и Tahoma.
  • тагове направите текста удебелен шрифт.
  • тагове показване на текст в курсив.
  • свободен край
    текст започва на нов ред. Имайте предвид, че на един маркер, т.е. Тя не разполага затварящ таг.

  • Използвайте тези тагове с техните атрибути можете навсякъде в текста, подчертавайки, както и доставка на отделни думи и дори писма. Основното, което да се запомни две правила:

    1. Ако има отвор етикет, тя трябва да бъде затворен.

    2. Спазвайте гнездене таговете. Етикет, който се отваря на първо място, да бъдат затворени миналата. Например,

    В този втори урок е приключила. Вие се научили как да се работи с текст. В следващия урок ще научите как да се украсяват снимките на HTML страници и да осигури елементи на страницата.

    Ако този сайт е полезен за вас, можете да помогнете в развитието му като поставя една от тези връзки към вашия сайт.