Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Как быстро и легко создать шикарный сайт.


Как быстро и легко создать сайт.
Тема выпуска: HTML для начинающих. Урок 4

 Здравствуйте!

 Сегодня мы продолжаем знакомиться с языком HTML и на очереди у нас 4-ый урок.

Напоминаю, что серия статей «HTML для начинающих» для самых-самых новичков в этом вопросе, поэтому я стараюсь объяснять все как можно подробнее и делать уроки небольшими по объему, чтобы информация лучше усваивалась.

Итак, для начала давайте зададим шрифт, размер и цвет текста нашему HTML-документу. В HTML за это отвечает парный тег <font>. Вот как это выглядит в коде:

А вот как отображается в браузере:

То есть, как вы уже, наверное, догадались, весь наш текст был заключен в тег <font>наш_текст</font>, который открывается сразу же после тега <body>.

Для того чтобы задать нашему тексту шрифт мы использовали атрибут face=«…», размер – атрибут size=«…», цвет – атрибут color=«…». Как видите, все довольно просто 

Шрифт мы прописали «Verdana», мой любимый  . По моему мнению, самый распространенный и подходящий для сайтов, т.к. текст с данным шрифтом очень удобно читать, нежели другие, глаза меньше устают.

На самом деле шрифтов огромное множество, самых разнообразных и необычных. Но для чтения с экрана монитора вышеупомянутый шрифт самый подходящий, и на ваших сайтах я рекомендую использовать именно его. Ведь вы же заботитесь о ваших посетителях и их удобстве, не так ли? 

Размер шрифта рекомендую ставить «2» – самый распространенный в интернете, или «3», то же подойдет.

Цвет текста на веб-сайтах должен быть черным на белом фоне, по различным исследованиям именно такой цвет текста воспринимается лучше всего. Код черного цвета, как вы уже поняли, пишется так «#000000». Не забудьте поставить вначале знак «#», иначе при использовании другого цвета он не отобразится и будет черным — цвет шрифта браузера по умолчанию.

Теперь давайте часть текста выделим курсивым и жирным, делается это с помощью тегов <em> и <strong>.

Исходный HTML-код:

Вид в браузере:

На этом все! Надеюсь, данный небольшой урок был вам полезен.


В избранное