Учебное пособие "Создание Web-страниц средствами языка HTML". Создание первой веб-страницы Язык html создание web страниц

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

Коротко о распространенных языках программирования

PHP . В основе лежит язык разметки HTML. PHP - это язык сценариев общего назначения, исходный код - открытый. Синтаксис достаточно легко поддается освоению, имеет немало общих черт с C, Java и Perl. Главное преимущество PHP заключается в том, что с его помощью разработчики могут оперативно создавать динамически генерируемые веб-страницы. При профессиональном владении языком, его можно использовать и для выполнения других задач.

Python. В русском языке распространено как "питон". Высокоуровневый язык программирования общего назначения, ориентированный на повышение производительности разработчика и читаемости кода. Синтаксис ядра Python минималистичен. В то же время стандартная библиотека включает большой объём полезных функций.

Ruby . В русском языке распространено как "руби". Динамический, рефлективный, интерпретируемый высокоуровневый язык программирования для быстрого и удобного объектно-ориентированного программирования. Язык обладает независимой от операционной системы реализацией многопоточности, строгой динамической типизацией, сборщиком мусора и многими другими возможностями. По особенностям синтаксиса он близок к языкам Perl и Eiffel, по объектно-ориентированному подходу — к Smalltalk. Также некоторые черты языка взяты из Python.

ASP . Разработчиком данного языка является Microsoft. Технология позволяет разрабатывать приложения для WWW. ASP легко и быстро. Платформы для работы ASP: Windows NT и IIS (Internet Information Server). Не совсем корректно называть ASP языком, скорее, это именно технология для подключения программы к Web-страницам. Простой скриптовый язык и возможность использования внешних COM-компонентов - вот и весь секрет успеха ASP.

JavaScript . Принцип работы JavaScript несколько отличается от других языков программирование. Главное отличие состоит в том, что он подключается напрямую в HTML-файл. Сценарий, написанный на JavaScript, проходит обработку интерпретатором, встроенным в браузер.

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

  • Создание веб-страниц, которые могут изменяться после загрузки документа
  • Решение локальных задач
  • Проверка грамотности заполнения форм пользователем до их пересылки на сервер

Многообразие возможностей javascript обуславливает популярность языка. С его помощью можно:

  • Вносить изменения на страницу: работать с тегами, менять стили, писать текст
  • Реагировать на события (например, клик мыши) и выполнять определенную функцию
  • Выводить сообщения, проверять корректность данных, устанавливать и считывать cookie
  • Загружать данные без перезагрузки страницы и т.д.

Perl . Изначально этот язык был средством для соединения программок, выполняющих различные функции, в единый сценарий, позволяющий решить комплекс задач: обработка текста, администрирование и т.д. Сегодня Perl - это основное средство для создания приложений CGI. С его помощью выполняется администрирование веб-серверов и других систем. Простота и оперативность написания сценариев на данном языке привели к его адаптации на такие платформы, как Windows, Mac и т.д. Perl - открыт и доступен, исходные тексты интерпретатора можно получить совершенно бесплатно.

Полезен ли большой багаж знаний?

Основам программированию учат на школьных уроках информатики. С Делфи и Паскаль сталкивался практически каждый. Более сложные языки требуют куда более серьезного подхода к изучению. Определенный склад ума - математически-логический и, конечно, желание стать специалистом в своем деле помогут начинающему программисту добиться успеха. Не стоит стараться освоить все языки сразу. Лучше отлично знать один, чем обладать обрывочными знаниями о пяти. В каждом языке программирования есть общие принципы, все они построены на логике действий, поэтому с опытом, осваивать новые технологии станет быстрее и проще. Изменять и копировать готовые коды могут многие, но стать настоящим «художником», а не подражателям могут далеко не все программисты.

Введение

1. Основные сведения

1.1 О языке html

1.2 Создание web сайта

1.3 Основные положения

1.4 Структура документа

1.5 Тэги тела документа

1.6 Список базовых тэгов html

2. Дополнительные сведения

2.1 Тэги списков

2.3 Графика внутри документа

2.4 Добавление стилей в документ

2.5 Специальные тэги html

2.6 Html формы

2.7 Html фреймы

2.8 Html таблицы

2.9 Оптимизация графики для web

2.10 Основы css

3. Описание создания сайта

3.1 Подготовка

3.2 Создание главной страницы

3.3 Создание второй страницы

3.4 Создание страницы с описанием города

3.5 Страница с фотографиями

3.6 Страница с программами

3.7 Страница с благодарностями

Заключение

Список использованной литературы

Введение

Эта дипломная работа посвящена языку HTML. С помощью этого языка создаются файлы с расширением *.htmи *.html, являющиеся Web-страницами. Из них состоят сайты сети Интернет.

К дипломной работе прикреплён сайт, как пример того, что можно создать при помощи языка HTML.

Вся работа разделена на 3 раздела. Первый раздел полностью посвящён описанию основных тэгов HTML. В нём вы найдёте всю необходимую информацию о том, как создавать простые Web-страницы. Во втором разделе имеются сведения о том, как улучшить внешний вид документа и встроить в него дополнительные возможности. А третий раздел содержит описание того, как создавался сайт, прикреплённый к этой дипломной работе. В нём подробно описаны полтора месяца нелёгкой работы по созданию сайта, рассказано о различных ошибках при создании и их исправлении, о возникавших затруднениях и методах их устранения.

После прочтения этой работы любой человек, даже совсем незнакомый с программированием, сможет понять основы программирования на HTML. А знающие, возможно, найдут что-нибудь новое для себя.

1.1 О языке HTML

Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

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

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

HTML-тэги могут быть условно разделены на две категории:

1. Тэги, определяющие, как будет отображаться WEB-броузером тело документа в целом.

2. Тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

Запомните, что основное преимущество HTML заключается в том, что ваш документ может быть просмотрен на WEB-броузерах различных типов и на различных платформах.

1.2 Создание Webсайта

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора.

Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape, позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:

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

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

Некоторые тэги, такие, как

(тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость.

HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом:

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

Внимание! Дополнительные пробелы, символы табуляции и возврата каретки, добавленные в исходный текст HTML-документа для его лучшей читаемости, будут проигнорированы WEB-броузером при интерпретации документа. HTML-документ может включать вышеописанные элементы, только если они помещены внутрь тэгов

И 
. Более подробно о тэгах
Будет написано ниже.

Когда WEB-броузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом . Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так:

Тело документа...

Заголовочная часть документа . Тэг заголовочной части документа должен быть использован сразу после тэга и более нигде в теле документа. Данный тэг представляет собой общее описание документа. Избегайте размещать какой-либо текст внутри тэга . Стартовый тэг помещается непосредственно перед тэгом и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:</p> <p><TITLE>Список сотрудников

Внимание! Технически, стартовые и завершающие тэги типа , и необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тэгов позволяет WEB-броузеру уверенно разделить заголовочную часть документа и непосредственно смысловую часть.

Заголовок документа . Большинство WEB-броузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-броузером. Заголовок, ограниченный тэгами <TITLE> и , размещается внутри -тэгов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.

Здравствуйте, друзья! Те из вас, кто неоднократно читал мой блог, знают, что я много раз говорил: не нужно иметь специальных навыков в программировании, чтобы в Интернете.

Да, это так и от своих слов я не отказываюсь, но только потому, что есть специальные сервисы и . Если же ими не пользоваться, то для создания веб-ресурса и наполнения его необходимо владеть языками программирования.

Хотите знать, какие языки нужны для создания сайта? Тогда читайте!

Некоторые основные положения

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

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

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

Основой совершенно любого сайта является . Этот синтаксис отвечает за гипертекстовую разметку. Все веб-разработчики обязаны знать его также хорошо, как и таблицу умножения.

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

Основные языки программирования

В первую очередь стоит выделить JavaScript, ведь он является основой всего программирования, которую необходимо знать при создании веб-ресурса. Среди программных платформ базовыми являются Silver Light и Adobe Flash. Причем последний довольно распространен и сравнительно давно используется веб-разработчиками.

Эти языки используются при создании интерактивных сайтов. По прогнозам Silver Light скоро полностью заменит Adobe Flash. В редких случаях этих двух программных продуктов вполне достаточно для создания интернет-сайта, но использование только их одних крайне нежелательно.

Выбор подходящего синтаксиса зависит и от операционной системы, которой пользуется разработчик. Чтобы создать веб-ресурс на ОС Windows, часто используется технология, которая была разработана компанией Microsoft – ASP.NET. Она позволяет создать совершенно любой веб-ресурс, как самый простой, так и способный обработать немалое количество запросов. Чтобы воспользоваться ASP.NET, следует иметь знания не на уровне пользователя, а несколько глубже.

Наиболее популярный синтаксис, который пользуется спросом у программистов – это PHP. Он имеет массу преимуществ, среди которых можно отметить быстродействие и простой синтаксис. На сегодняшний день львиная доля движков написана именно на PHP.

Начиная разбираться в веб-программировании, многие выбирают Java, он наиболее понятен и легко усваивается. Для создания контента используются Java Server Pages.

В последнее время очень часто стали использовать Ruby. Причем с каждым днем его популярность только возрастает. Сам лично я им пока не пользовался, но изучая тему, нашел немало восторженных комментариев в его адрес. Опытные разработчики выделяют Ruby, как наиболее подходящий синтаксис для быстрого создания web-сайтов, при этом он позволяет реализовать необходимую функциональность ресурса.

Итоги

Выбирать подходящий синтаксис необходимо по нескольким параметрам, а именно:

  • Типу используемой операционной системы;
  • Сложности и динамичности создаваемого сайта;
  • Имеющемуся арсеналу собственных знаний.

Я рассказал, какие языки программирования могут понадобиться вам при создании веб-ресурса, а пользоваться ими всеми сразу или же отдать предпочтение какому-то одному — это ваше дело.

Надеюсь, данный материал был вам полезен, и вы с удовольствием поделитесь этой статьей со своими друзьями в социальный сетях. Не забудьте подписаться на обновления блога. До скорой встречи!

С уважением! Абдуллин Руслан

С каждым днем IT-сфера становится все шире, и растет спрос на создание сайтов. Это приводит к увеличению количества специалистов, которые готовы взяться за разработку сайта и его поддержку. Однако многие такие веб-мастера пользуются бесплатными конструкторами и имеют очень смутное представление о программировании и технической составляющей сайта. Безусловно, юзабилити, дизайн и контент очень важны, но технически слабый сайт с ошибками в коде не сможет принести его владельцу никакой выгоды. Поэтому за создание сайтов должны браться только те специалисты, которые владеют языками программирования и готовы разработать сайт с нуля.

Какие языки нужно знать, чтобы создавать сайты?

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

  • серверная платформа;
  • серверное ПО;
  • наличие опыта в создании сайтов;
  • выбранная база данных.

Наиболее популярные языки

Сайты Популярность
(уникальные посетители в месяц)
Front-end
(Клиентский)
Back-end
(Серверный)
База данных
Google.com 1,600,000,000 C, C++, Go, Java, Python BigTable, MariaDB
Facebook.com 1,100,000,000 Hack, PHP (HHVM), Python, C++, Java, Erlang, D, Xhp,Haskell MariaDB, MySQL,HBase Cassandra
YouTube.com 1,100,000,000 C, C++, Python, Java, Go Vitess, BigTable, MariaDB
Yahoo 750,000,000 PHP MySQL, PostgreSQL,VB.NET
Amazon.com 500,000,000 Java, C++, Perl Oracle Database
Wikipedia.org 475,000,000 PHP, Hack MySQL, MariaDB
Twitter.com 290,000,000 C++, Java, Scala, Ruby MySQL
Bing 285,000,000 ASP.NET Microsoft SQL Server
eBay.com 285,000,000 Java, JavaScript, Scala Oracle Database
MSN.com 280,000,000 ASP.NET Microsoft SQL Server
Microsoft 270,000,000 ASP.NET Microsoft SQL Server
Linkedin.com 260,000,000 Java, JavaScript, Scala Voldemort
Pinterest 250,000,000 Django, Erlang MySQL, Redis
WordPress.com 240,000,000 PHP, JavaScript (Node.js) MariaDB, MySQL

PHP. В его основе — самый простой язык разметки, HTML. PHP связывает пользователя с серверной частью. Именно на этом языке реализуются такие функции, как формы обратной связи, поля регистрации и т. п. Синтаксис этого языка очень легко и просто изучить. Для создания коммерческого портала без PHP не обойтись, так как именно на нем проще всего получить контактные данные пользователя. Базовое достоинство языка состоит в том, что, используя его, программисты могут очень быстро и без лишних усилий составлять динамические страницы.

Python. На русском его часто называют «питон». Это высокоуровневый язык, используемый для общих задач, чаще всего — для выполнения задач сервером. Его ориентир — повышение производительности программиста и читаемости кода. При помощи языка можно выполнять резервное копирование многих парадигм программирования. Питон отлично работает на серверах Windows и Linux.

Ruby. На русском часто его называют «руби». Это динамический, рефлективный и высокоуровневый язык для ООП (объектно-ориентированного программирования). Он дает возможность реализовать многопоточность на любой ОС, отличается строгой типизацией динамического вида, и обладает рядом других опций. По характеристикам синтаксиса Руби ближе всего к аналогам Eiffel и Perl. Кроме того, отдельные детали позаимствованы из Python.

ASP. Этот язык разработан корпорацией Microsoft. С использованием этой технологии можно разрабатывать приложения для www.asp. Платформы для работы языка следующие: Internet Information Server (IIS) и Windows NT. ASP довольно сложно назвать непосредственно языком, это скорее технология для подсоединения программы к интернет-странице. Все достоинства ASP — в простом скриптовом языке и возможностях применения сторонних СОМ-элементов.

JavaScript. Принцип «яваскрипт» немного отличается от прочих языков программирования. Его главное отличие состоит в прямом подключении к HTML-файлу. Сценарий, созданный на базе JavaScript, обрабатывается интерпретатором, который встроен в браузер. Этот язык используется для большого спектра задач: создание динамических страниц (контент на них может меняться по загрузки документа);

Решение местных задач; проверка правильности заполнения форм до их отправления на сервер.

Большие возможности языка объясняются его популярностью. Так, с помощью JavaScript можно:

  • изменять содержимое страницы: дописывать или убирать текст, менять стили и теги;
  • реагировать на какие-то события (например, на щелчок мыши) и выполнять заданную функцию;
  • отображать сообщения, ставить и считывать cookies, проверять правильность введенных данных;
  • загружать новые данные без перезагрузки документа, и пр.

Perl. Первое время этот язык использовался для соединения программ, которые выполняли разные задачи, в единый сценарий для решения целого комплекса задач: обработки текста, администрирования и пр. Сегодня же Перл используется в основном для разработки приложений CGI. Он помогает администрировать сервера и прочие системы. Благодаря простоте и скорости написания сценария на Перле, его адаптировали ко всем популярным платформам, включая Mac и Windows. Perl имеет открытый исходный код, абсолютно бесплатный.

Нужно ли много знаний?

Базовые знания по программированию вcе приобретают на уроках информатики в школе. Работать на начальном уровне с Паскаль и Делфи приходилось фактически каждому. Но другие, более сложные языки программирования, требуют другого, более комплексного и серьезного подхода. Первое, что нужно для успешного программиста — математический, логический склад ума и желание совершенствоваться в своем деле. При этом не стоит пытаться выучить сразу все языки. Лучше хорошо освоить один, чем иметь отрывочные знания о пяти языках. Все языки имеют схожие принципы, они все строятся на логике действий, поэтому со временем, с каждым новым языком учить его все проще. Копировать или менять чужой код могут многие, но писать свой код, стать настоящим «художником» способен далеко не каждый.

Web-страница может содержать текст, графику и гиперсвязи с разными ресурсами Интернет. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная Hyper Text Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использован любой текстовый редактор.

Обычно HTML-документ - это файл с расширением.html или. htm, в котором текст размечен HTML-тегами. Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Web-документа. Текст самих тегов Web-браузером не отображается.

Все теги начинаются символом "<" и заканчиваются символом ">". Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег, между которыми помещается размечаемая информация:

HTML - стандартный язык разметки гипертекстовых документов

Здесь стартовым тегом является тег

А завершающим -

. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ "/" (слэш).

Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:

Объявление HTML

Заголовок

Тело документа

Рассмотрим каждый из пунктов в отдельности:

Объявление HTML

и . Пара этих тегов сообщает программе просмотра (браузеру), что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег (в самом начале документа), а последним - (в самом конце документа).

Заголовок

и . Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное". Для того чтобы дать название своему HTML-документу текст помещается между тегами и .

О </i> <i>лощадях

Тело документа

Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами и . Первый из них должен стоять сразу после тега , а второй - перед тегом . Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.

О </i> <i>лошадях ... .

Из всего вышесказанного, можем написать код HTML странички:

О </i> <i>лошадях Содержание моих станиц

Вообще тегов существует очень много и каждый из них выполняет определенные функции в создании HTML страницы.

Каскадные таблицы стилей CSS

Предположим, вам нужно изменить цвет текста в HTML-сайте с черного на синий, для этого вам придется менять цвет фона на каждой страницы вашего сайта, но есть более простое решение этой проблемы. Можно воспользоваться каскадными таблицами стилей или по-другому - CSS (Cascading Style Sheets).

CSS были революцией, потрясшей WWW. Если до этого Web-дизайнер не знал, как будет выглядеть его творение в разных программах Web-обозревателей, то теперь он может контролировать все: от начертания шрифта до положения картинки на странице.

Итак, CSS используется создателями Web-страниц для задания цвета, шрифтов, расположения и других аспектов представления документа. Основной целью разработки CSS являлось разделение содержимого (написанного на HTML или другом языке разметки) и представления документа (написанного на CSS).html используется для структурирования содержимого страницы, а CSS - для форматирования этого структурированного содержимого.

Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печать, чтение голосом (специальным голосовым браузером или программой чтения с экрана).

CSS при отображении страницы может быть взята из различных источников:

Внешних таблиц стилей, то есть отдельного файла. css, на который делается ссылка в документе.

Встроенных стилей - блоков CSS внутри самого HTML-документа.

Inline-стилей, когда в HTML-документе информация стиля для одного элемента указывается в его атрибуте style.

Пользовательские стили: локальный CSS-файл, указанный пользователем в настройках браузера, переопределяющий авторские стили, и применяемый ко всем документам.

Стиль браузера: стандартный стиль, используемый браузером по умолчанию для представления элементов.

Описания стилей находятся в тегах и размешаются между тегами .

Если Вы располагаете стили в отдельном файле, тогда между тегами каждого HTML документа нужно добавить ссылку на CSS файл:

Default. css - это Ваш CSS файл, содержащий описание применяемых стилей. Если он находиться в другом каталоге, нужно указать к нему путь. Создается CSS файл в любом текстовом редакторе, например, в Блокноте, нужно будет только изменить расширение текстового файла на CSS.