Лекции 10 Общие понятия об html. Основные тэги




НазваниеЛекции 10 Общие понятия об html. Основные тэги
Дата конвертации12.02.2013
Размер445 b.
ТипЛекции


Приложение к лекции 10

  • Общие понятия об HTML. Основные тэги.


Всемирная паутина (World Wide Web — WWW) состоит из множества связанных между собой электронных документов, представляющих кладезь информационных данных, описанных с помощью специальных технологических правил. Эти правила составляются на языке гипертекстовой разметки HTML (HyperText Markup Language). Можно с уверенностью сказать, что сегодня язык разметки HTML является основой всех размещенных в Интернете электронных документов.





Сохранение созданного файла

  • Файл -> Сохранить Как (File -> Save as) - Дальше вводите имя своего документа, например: index.html (а не просто index; приписочка *.html должна быть обязательно). - Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save). Теперь откроем броузер, допустим, Internet Explorer (не закрывайте блокнот, он нам еще пригодится), и откроем в броузере наш документ. Файл - Открыть - кнопка Обзор - Наш документ (index.html) File – Open – Browse – index.html



Первый тэг

  • Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий:



Второй тэг


  • (перенос текста на другую строку) -

  • не требует закрывающего тэга.

  • - голова документа



  • Некоторые сведения о тэгах

    • Все тэги, расположенные между , это

    • что-то вроде служебной информации.

    • Все тэги, расположенные между

      Третий тэг: окрас текста цветом

      • Добро пожаловать! :)

      • Color – параметр (атрибут) для тэга font, он

      • отвечает, в данном случае, за цвет

      • заключенного в контейнер текста. Атрибут

      • color, как и другие атрибуты, не принадлежит

      • только одному тэгу, он может быть присвоен и

      • некоторым другим тэгам.



      Пример применения

      • Мой первый шаг Здравствуйте, это моя первая страница.
        Добро пожаловать! :)

        Четвёртый тэг – окрас всего текста.

        • Тэг - многофункционален.

        • - это значит, что

        • весь текст страницы будет синим. Если

        • цвет текста в не задавать, то по

        • умолчанию он будет черным.



        Пример применения

        • Мой первый шаг</h2></li> <li><h2>

        • Здравствуйте, это моя первая

        • страница.


        • Добро

        • пожаловать! :)



        • Пятый тэг – установка цвета фона

          • Цвет фона устанавливается в уже

          • знакомом нам тэге :



          Пример применения

          • Мой первый шаг

          • text="#336699”

          • bgcolor="#000000">

          • Здравствуйте, это моя первая

          • страница.


          • Добро

          • пожаловать! :)



            • Обратите внимание: мы одновременно

            • можем прописать в тэге и цвет

            • текста в документе, и цвет фона.



            Шестой тэг – выравнивание текста

            • Параграфы вводятся тэгом:



            • С помощью параграфов мы можем

            • центрировать текст:


            • текст



            • С помощью параграфов мы можем выровнять

            • текст по левому краю:


            • текст

            • По правому краю документа:


            • текст

            • По обоим краям документа:


            • текст



            Пример применения

            • Мой первый шаг


            • Здравствуйте, это моя первая страница.


            • Добро пожаловать! :)




            • Аналог тэга

              • текст

              • текст

              • текст

              • текст



              Пример использования

              • Мой первый шаг

              • Здравствуйте, это моя первая страница.


              • Добро пожаловать! :)


              • Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней

              • традиции тоже захотелось создать свою домашнюю страничку для моих новых

              • виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии,

              • почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто

              • случайный посетитель вдруг захочет познакомится со мной, и у меня появться еще

              • один виртуальный друг? :)




              • Седьмой тэг – размер шрифта

                • Существуют шесть уровней заголовков:

                • текст

                • текст

                • текст

                • текст

                • текст

                • текст



                Пример использования

                • Мой первый шаг

                • Здравствуйте, это моя первая страница.


                • Добро пожаловать! :)


                • Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней

                • традиции тоже захотелось создать свою домашнюю страничку для моих новых

                • виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии,

                • почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто

                • случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще

                • один виртуальный друг? :)




                • Заголовки предназначены для выделения небольшой

                  • Заголовки предназначены для выделения небольшой

                  • части текста (строки, фразы). Но, если вы хотите

                  • выделить большой фрагмент текста, то заголовки для

                  • этого использовать нельзя. Для этого предназначен

                  • атрибут size тэга , который устанавливает

                  • желаемый размер шрифта: текст текст текст текст текст текст текст



                  Пример использования

                  • Мой первый шаг

                  • Здравствуйте, это моя первая страница.


                  • Добро пожаловать! :)


                  • Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней

                  • традиции тоже захотелось создать свою домашнюю страничку для моих новых

                  • виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии,

                  • почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто

                  • случайный посетитель вдруг захочет познакомится со мной, и у меня появится

                  • еще один виртуальный друг? :)




                  • Восьмой тэг – установка стиля текста

                    • Полужирный текст

                    • Наклонный текст (курсив)

                    • моноширинный шрифт


                    • текст (куча пробелов) текст текст

                    • (куча пробелов) текст текст (куча

                    • пробелов) текст

                    • К одному фрагменту текста может применяться

                    • сразу несколько тэгов:

                    • текст



                    Подчеркнутый текст вводится при

                    • Подчеркнутый текст вводится при

                    • помощи тэга :

                    • Подчеркнутый текст

                    • Тэги и представляют текст

                    • перечеркнутым шрифтом, можете

                    • использовать какой вам угодно из них,

                    • принципиальной разницы между ними

                    • нет:

                    • Перечеркнутый

                    • Перечеркнутый



                    Тэг представляется крупным

                    • Тэг представляется крупным

                    • шрифтом, а малым шрифтом

                    • относительно основного текста:

                    • Малый

                    • Нормальный текст

                    • Большой



                    Тэги Sup и Sub - определяют верхний и

                    • Тэги Sup и Sub - определяют верхний и

                    • нижний индексы. Sup - верхний, Sub –

                    • нижний. Где они могут пригодиться? Ну,

                    • например, при написании какой-нибудь

                    • формулы - H2O (все, что мы выносим со

                    • школьной скамьи:).

                    • Верхний индекс sup

                    • Нижний индекс sub



                    Девятый тэг – запись наименования шрифта

                    • текст (шрифт

                    • Arial)

                    • Times;

                    • Times New Roman;

                    • Arial;

                    • Helvetica;

                    • Courier;

                    • Verdana;

                    • Tahoma;

                    • Cosmic Sans;

                    • Garamond



                    Десятый тэг – вставка графического объекта

                    • Если картинка лежит на уровень выше, а документ

                    • находится в поддиректории, то ссылка на неё будет

                    • такой:

                    • Если картинка лежит на другом сайте, то путь

                    • прописывается полностью:



                    Пример использования

                    • Мой первый шаг

                    • Здравствуйте, это моя первая страница.


                    • Добро пожаловать! :)


                    • Я совсем недавно начал(а) знакомиться с

                    • виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю

                    • страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои

                    • фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу. А может и просто

                    • случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один

                    • виртуальный друг? :)




Похожие:

Лекции 10 Общие понятия об html. Основные тэги iconУрок 1 Введение. Обзор законодательных актов. Общие положения. Основные понятия и термины
Введение. Обзор законодательных актов. Общие положения. Основные понятия и термины
Лекции 10 Общие понятия об html. Основные тэги iconКонвективный теплообмен. Общие понятия и определения. Конвективный теплообмен. Общие понятия и определения
Конвекцией (от лат convectio привоз, принесение) называют движение отдельных макроскопических объёмов в жидкости или газа друг относительно...
Лекции 10 Общие понятия об html. Основные тэги iconОсновные понятия Основные понятия
Система это любой объект, состоящий из взаимосвязанных частей и существующий как единое целое
Лекции 10 Общие понятия об html. Основные тэги iconОсновные понятия: Основные понятия
...
Лекции 10 Общие понятия об html. Основные тэги iconУчебный курс Основы психокоррекции и психотерапии Психокоррекция. Психотерапия. Определение. Основные понятия. Введение Цель лекции
Охватывает тысячелетний период человеческого общения
Лекции 10 Общие понятия об html. Основные тэги iconЛекция 2 План лекции
Основные понятия теории чебышевских сетей: геодезические линии, сетевой угол, угол перекоса
Лекции 10 Общие понятия об html. Основные тэги iconПрофессор Аскеров Тельман Мирза оглы Регистрационный номер: мп 00062-07
Содержание модуля Введение в информационную безопасность, основные понятия и определения. Общие вопросы защиты информации в автоматизированных...
Лекции 10 Общие понятия об html. Основные тэги iconЗакономерности наследования признаков Вопросы лекции Основные понятия современной генетики. Основные законы наследования: гипотеза чистоти гамет
Эти закономерности известные теперь как три закона (правила) Г. Менделя и закон (гипотеза) чистоты гамет. Это основные законы генетики....
Лекции 10 Общие понятия об html. Основные тэги iconОсновные понятия, используемые в градостроит кодексе Основные понятия, используемые в градостроит кодексе
Основные принципы законодательства о градостроительной деятельности (ст. 2 град кодекса рф)
Лекции 10 Общие понятия об html. Основные тэги iconОсновные понятия: Основные понятия
Правила дорожного движения Российской Федерации, утвержденными постановлением Правительства Российской Федерации от 23. 10. 1993...
Разместите кнопку на своём сайте:
hnu.docdat.com


База данных защищена авторским правом ©hnu.docdat.com 2012
обратиться к администрации
hnu.docdat.com
Главная страница