Заголовки. В наборе тегов html языка имеется шесть типов заголовков:

В наборе тегов html языка имеется шесть типов заголовков:

< h1> Привет мир!!! < /h1>

< h2> Привет мир!!! < /h2>

< h3> Привет мир!!! < /h3>

< h4> Привет мир!!! < /h4>

< h5> Привет мир!!! < /h5>

< h6> Привет мир!!! < /h6>

Думаю с этим понятно.. < hx> тег заголовка, где значение x является величиной буковок (может быть от одного до шести). Помните, что после использования того или иного заголовка происходит перенос строки - на то он и заголовок.

Заголовки дело хорошее и достаточно удобное, но ими можно выделять только маленькие кусочки текста, а что если нам надо выделить весь текст?

Знакомимся тег < font> в переводе на русский - " шрифт".. Тег < font> помимо прочих атрибутов, о которых ещё пойдет речь, имеет атрибут size - размер.

Пишется и выглядит это так:

< font size=" +4" > Привет мир!!! < /font>
< font size=" +2" > Привет мир!!! < /font>
< font size=" +0" > Привет мир!!! < /font>
< font size=" -1" > Привет мир!!! < /font>
< font size=" -2" > Привет мир!!! < /font>

Добавим эти теги на нашу страницу.

< html>
< head>
< title> Мой первый сайт< /title>
< /head>
< body>
< center> < h2> Привет мир!!! < /h2> < /center>
< br>
< p align=" justify" >
< font size=" +1" > Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю < font size=" +2" > вареньё!!! < /font> С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!! < /font>
< /p>
< /body>
< /html>

Попробуйте поэкспериментировать с размерами шрифта и заголовком, подставьте свои значения, измените расположение тегов..

Цвет

Для придания страничке красивого вида не обойтись без палитры с красками..

В html языке используется своя палитра красок. Вот основные цвета, выглядят они так:

Полная палитра базовых красок приведена здесь: (https://www.webremeslo.ru/spravka/spravka1.html)

Один и тот же цвет можно задать двумя способами:
используя шестнадцатеричное значение цвета RGB - например #008000 - зелёный цвет, либо используя константы цвета - green (для тех кто учил французский, green -зелёный.)

Краски есть, давайте рисовать!

Мы уже знакомы с тегом < font> у него есть еще один атрибут - color.

Так вот, если к примеру написать так:

< font color=" #ff0000" > Привет мир!!! < /font> - То цвет шрифта станет красным. Попробуйте..

А можно так:

< font color=" red" > Привет мир!!! < /font> - Будет тоже самое..

Но советую писать всё же шестнадцатеричным числом, во-первых, по понятным причинам не для всех оттенков цветов есть своё название, а во-вторых, поговаривают, что не все браузеры знают названия тех или иных красок…

Есть еще один способ изменить цвет текста. Тег < body> < /body> " тело" - имеет атрибут text - " текст" если присудить этому атрибуту любой цвет из доступной палитры то весь текст в нашей странице окрасится, кроме тех мест, где мы " принудительно" указали другой цвет.

В строчке, где стоит открывающий тег < body> пишем так:

< body text=" #ff8c40 " >

Теперь весь текст у нас стал оранжевым кроме заголовка " Привет мир!!! " который мы отдельно перекрасили в красный.

А вот атрибут тега < body> bgcolor и его значение задает цвет фона страницы

< body bgcolor=" #40caff" > - залили всё голубым..

Раскрасьте свою страницу на свой лад.. пробуйте, экспериментируйте!

Сейчас Вам нужно понять принцип построения html кода иначе рано или поздно станете в тупик.. конечно, я и дальше буду выкладывать готовые примеры, но нет ничего лучше чем самостоятельная практика.

На данный момент у меня получилось вот так:.. а у Вас?

< html>
< head>
< title> Мой первый сайт < /title>
< /head>
< body text=" #484800" bgcolor=" #e8e8e8" >
< center>
< h2>
< font color=" #008000" > Привет мир!!! < /font>
< /h2>
< /center>
< p align=" justify" >
< font size=" +1" > Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю < font size=" +2" color=" #ff0000" > вареньё!!! < /font> С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!!
< /font>
< /p>
< /body>
< /html>

Обратите внимание на то, как пишется код, если в теге присутствует два и более атрибута. В нашей строчке < body text=" #ff207b" bgcolor=" #1a77f0" > у тега < body> два атрибута text и bgcolor мы просто пишем их подряд через пробел, не разделяя никакими другими знаками..