О сайте | Обратная связь | Памятка для вебмастера

Форма входа

Логин:
Пароль:

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Шапки для сайтов

шапки для сайтов

Справочник по html и CSS

Поиск

Главная» Обучение » Создание сайта» Создание сайта. Урок 1. Работаем со шрифтами

Создание сайта. Урок 1. Работаем со шрифтами

Итак, первое с чем я столкнулась после создания сайта при помощи конструктора, это с желанием подправить шрифт, немножко изменить местоположение некоторых элементов. Вот тут-то я и начала лазить по самоучителям, которые до этого скачала. И вот к чему я пришла:
У большинства из нас на домашнем компьютере стоит программа  Microsoft Office Front Page. Так вот. Я копировала свой дизайн страницы, которую я хотела поменять в эту программу, а там с помощью  абсолютно понятного графического редактора  вносила все необходимые мне изменения. После этого, я копировала  полученный код  обратно и  получала такой дизайн страницы, какой хотела. Так я постепенно освоилась с тэгами, которые отвечают за внешний вид страничек: шрифты и фон.
Давайте о них и поговорим:
Первое, что важно для начинающего веб-программиста - это возможность оставлять свои комментарии. Ведь без них Вы потом сами не вспомните, что Вами было написано, а что было изначально, и что Вы имели в виду, написав тот или иной код. Итак,
<!--Таким образом, я выделила свои комментарии-->
Теперь, что касается самого текста: для того чтобы написать этот текст курсивом, я использовала этот тэг <i> - вот как это выглядит:     

<i>для того чтобы написать этот текст курсивом, я использовала этот тэг &lt; i &gt;</i>.     

    

Обратите внимание, что ряд символов в языке HTML зарезервирован и должен представляться специальным образом:

    
левая угловая скобка ("<")&lt;
правая угловая скобка (">")&gt;
амперсант ("&")&amp;
двойная кавычка (")&quot;
А для того, чтобы этот же текст стал жирным, я использовала этот тэг <b>:     

<b>А для того, чтобы этот же текст стал жирным, я использовала этот тэг &lt;b&gt;</b>
Вот так просто можно добавить в обычный текст элементы форматирования. К тому же их можно успешно сочитать, например так:    

    

Текст курсивом стал жирным - <b><i>Текст курсивом стал жирным - </i></b>
Обратите внимание, что любой элемент состоит из трех частей: начального тега, содержимого и конечного тега. Тег — это специальный текст, заключенный в угловые скобки "<" и ">". Конечный тег имеет то же имя, что начальный тег, но начинается с косой черты "/". В нашем примере <i>- начальный  тэг, "Текст курсивом стал жирным" - содержимое, и </i> - конечный тэг.
Аналогично используются и другие элементы:
    

    
Телетайпный шрифт: элемент TT
Крупный шрифт: элемент BIG
Мелкий шрифт: элемент SMALL
Верхние и нижние индексы: элементы SUP и SUB
(H<SUB>2</SUB>O  -  H2O)
И в заключение этого урока еще один важный элемент <br> - означает переход на новую строчку. Вот как это выглядит:
<br> И в заключение этого урока еще один важный элемент &lt; br &gt; (тут, как легко догадаться,  что закрывающий тэг уже не нужен).
Ну что ж, на этом пока закончим, и поговорим о списках в следующем уроке.    


Категория: Создание сайта | Добавил: otlichnica (20.05.2008)
Просмотров: 6767 | Теги: Ucoz, создание сайта урок 1, уроки по созданию сайта на ucoz, телетайпный шрифт что такое, ркипер для чайников урок 1 | Рейтинг: 4.6/5
Всего комментариев: 2
-1  
2
Диана спасибо за простые уроки такого непростого дела, как создание своего сайта!

0  
1
Diana.мне очень интересно читать.Позже зайду,почитаю внимательние -сынишка не дает сосредоточиться. bye

Имя *:
Email:
Код *: