Содержание

HTML5 для начинающих. Учебник по основам HTML

пособие для начинающих и помощь для профессионалов

Приветствую вас на сайте для веб-разработчиков, веб-программистов и веб-дизайнеров –
Уроки по HTML/CSS/JavaScript/SQL/PHP для начинающих!

Данный сайт Уроки по HTML/CSS/JavaScript/PHP для начинающих создан непрофессионалом-любителем из собственным произвольным переводом и своими дополнительно изложенными материалами по теме веб-разработки, в т.ч.: HTML, CSS, JavaScript, SQL, PHP, Bootstrap, Python, W3.CSS, jQuery и др. Так как в сети не существует официальной версии сайта W3Schools на русском языке, но очень большое количество людей совершают запрос именно на сайт W3Schools в поисках информации и изучения курсов для веб-разработчиков, в том числе по HTML, CSS, JavaScript (для frontend) и PHP, SQL, Python (для backend), но при этом не все хорошо знают английский язык,
то я решил немного облегчить жизнь этим людям, которые хотели бы получить знания по веб-вёрстке или веб-программированию, и сделал перевод на
русский и украинский язык сайта W3Schools.
Большая часть материалов и примеров взяты именно с этого сайта.

Вы можете перейти на более полные версии сайта по ссылкам:

Оба этих сайта на данный момент ещё разрабатываются и наполняются материалами. Но уже сейчас основные уроки по HTML, CSS, PHP, Python доступны на русском языке.

W3Schools является обучающим сайтом, созданный специально для целей обучения всех желающих основам веб-разработки, и основанный на материалах Консорциума Всемирной паутины (официальный сайт: https://w3.org/). Именно из этого сайта берётся вся официальная информация и все изменения, которые происходят в действующей спецификации. На данный момент актуальной является спецификация HTML5, на основе которой и создаются большинство новых сайтов в Интернете.

Автор сайта также ещё учится веб-технологиям и данный сайт создаётся по мере обучения.

Кроме материалов из сайта W3Schools, которые переведены на русский язык, вы можете найти на этом сайте дополнительные материалы по HTML, CSS, JavaScript, PHP, SQL, Bootstrap, Python, W3. CSS, jQuery и др. темы для веб-вёрстки и веб-программирования. Сайт Уроки по HTML/CSS/JavaScript/PHP для начинающих создан только с помощью HTML/CSS и не содержит интерактивных элементов (кроме комментариев от Disqus) как обучающее пособие и пример для тех начинающих любителей, кто только начинает изучать веб-технологии для создания веб-сайтов HTML/CSS. Благодаря чему данный сайт практически невозможно взломать! Сайт на данный момент разрабатывается и наполняется, поэтому некоторые ссылки ещё могут не работать. Поэтому если у вас возникают какие-то трудности или вопросы по поводу выложенных на сайте материалов, рекомендуется перейти на официальный сайт W3Scools для просмотра информации в оригинале на английском языке, а также оставлять свои комментарии и пожелания по наполнению и работе сайта.

Также на сайте Уроки по HTML/CSS/JavaScript/PHP для начинающих вы можете дополнительно просматривать видеоуроки по HTML/CSS, получая более подробное изложение материалов и приведенных примеров, непосредственно видя всё на экране монитора. В дальнейшем видеоуроки по изучению веб-технологий HTML, CSS, JavaScript, PHP также будут добавляться. Кроме того, в разделе Книги вы можете просмотреть подборку учебной литературы, учебники и пособия для веб-разработчиков, в т.ч. по HTML, CSS, JavaScript, PHP. Книги изложены для ознакомления в формате pdf, их можно скачать или читать онлайн непосредственно с Google-диска бесплатно. Все права на книги принадлежат их авторам и не могут быть использованы для коммерческих целей никем, кроме самих авторов.

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

Самоучитель HTML | Масштаб страниц в браузере

Как браузер получает веб-страницы?

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

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

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

Но каким образом браузер узнает о том, как именно отображать страницу? Вот здесь начинает работать язык HTML. Он говорит браузеру все о содержании и структуре страницы. Если вы выполните свою работу хорошо (код будет написан корректно и без ошибок), то ваши страницы будут одинаково отображаться во всех браузерах.

Примечание: Браузер (от англ. Web browser — Веб-обозреватель) — программное обеспечение, используемое для просмотра веб-сайтов, то есть для запроса веб-страниц (преимущественно из Сети — интернета), их обработки, вывода в окне браузера и перехода от одной страницы к другой. К наиболее популярным браузерам относятся: Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera.

Обратите внимание: во время обучения вам не придется выкладывать никакие страницы на веб-сервер, все прекрасно будет работать и на вашем локальном компьютере.

Масштаб страниц в браузере

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

Чтобы уменьшить масштаб страницы надо зажать клавишу Ctrl на клавиатуре, и нажать клавишу - столько раз, пока веб-страница не уменьшиться до нужного вам размера (Ctrl + ‘-‘). Чтобы увеличить масштаб страницы надо зажать клавишу Ctrl на клавиатуре, и нажать клавишу + столько раз, пока веб-страница не увеличится до нужного вам размера (Ctrl + ‘+‘). Вместо нажатия клавиш - и + можно использовать колёсико мышки, прокручивая его от себя или на себя.

Примечание: для возврата масштаба страницы к исходному значению (100%), нажмите Ctrl + 0.

С этой темой смотрят:

Подборка материалов по HTML и CSS

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

 

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

Представляя собой исчерпывающий гайд по современным веб-стандартам. Эта книга будет полезна веб-разработчику любого уровня.

 

 

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

Одновременно с появлением стандарта CSS3 особенно остро встали проблемы кроссбраузерности и адаптивности сайтов. Богатая примерами и практическими советами, данная книга позволит веб-дизайнеру выйти на совершенно новый уровень разработки веб-сайтов, которые одинаково быстро работают в разных браузерах и выглядят привлекательно как с ПК, так и с мобильных устройств.

 

 

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

Каждая глава сопровождается большим количеством примеров, а также содержит задания для самостоятельного выполнения, предоставляя прекрасную возможность закрепить и упорядочить полученную информацию.

 

Одно из новейших изданий (книга опубликована 12 января 2017 года), освещающее все основные аспекты, необходимые для овладения инновационными технологиями веб-разработки.

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

 

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

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

Подборка видеоуроков по jQuery — js-библиотеке, фокусирующейся на взаимодействии JavaScript с HTML5. Благодаря возможности jQuery получать доступ к любому элементу DOM, его содержимому и атрибутам, стало возможным программировать сложные манипуляции элементами и контентом веб-страницы. В данной серии уроков подробно рассматриваются такие примеры, как адаптивное меню, вкладки, всплывающие подсказки и др.

Пошаговая инструкция по созданию интерактивного сайта, начиная с введения в основы, верстки и стилизации, и заканчивая оптимизацией и публикацией собственного веб-ресурса.

Краткий видеокурс по основам компонентов технологии HTML5. Введение, работа с DOM, псевдоклассы и использование импортов.

Объемный курс видеолекций по Bootstrap — простому и легко настраиваемому HTML, CSS и JS фреймворку, предназначенному для удобной веб-разработки.

10 вещей в HTML, о которых вы вряд ли знали

Почему CSS Grid лучше, чем фреймворк Bootstrap?

Учебник CSS для начинающих. Что такое CSS?

Введение

Если Вы уже прошли курс обучения по учебнику HTML или же хорошо знакомы с HTML почерпнув необходимые знания из других источников, то настало время взяться за изучение CSS.

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

Ну и что? Спросите Вы.. Зачем мне этот пресловутый CSS? Я и HTML-ом в чистом виде неплохо обходился!

Приведу ряд доводов в пользу использования CSS:

HTML в чистом виде имеет весьма ограниченный набор инструментов не позволяющий решать те или иные дизайнерские и функциональные задумки веб-мастера. Ну вот хотя бы, к примеру, взять больной вопрос всех начинающих веб-ремесленников «Как убрать подчеркивание ссылки?» или «Как сделать чтобы наведя курсором на эту самую ссылку она меняла цвет и подсвечивалась?» с помощью одного HTML этого никак не сделать!! А сколько их еще таких «больных вопросов»? — тьма.. Тут то и приходит на помощь CSS, который решает большинство задач касающихся дизайна сайта.

Предположим, Вы написали сайт в нем 100 страниц.. хороший сайт, информативный, люди на него ходят.. И вдруг по каким либо причинам Вам понадобилось изменить его дизайн, ну не знаю, мода изменилась, Вы нашли более лучшее дизайнерское решение, заказчику пришлось не по душе. . да мало ли еще почему.. Сколько времени и сил у Вас уйдёт на то что бы полностью переделать все 100 страниц сайта? CSS предлагает разумное решение этой задачи. А что если один раз в отдельном файле полностью описать весь дизайн сайта? Допустим: все заголовки <h2> делать красным цветом, параграфы <p> писать курсивам, ссылки <a> не подчёркивать 🙂 фон на всех страницах залить зелёным, и т. д. … а потом просто заставить эти 100 страниц HTML обращаться к файлу CSS и черпать из него нужную информацию? Теперь когда Вам вздумается, к примеру, перекрасить все заголовки из красного в зеленый, Вам ненужно открывать все 100 страниц находить в них теги <h2> и указывать в каждом что ты теперь не красный а зелёный! Вам нужно всего лишь открыть файл описание и изменить в нем цвет элемента <h2> на зелёный и всё!! Все заголовки на всех страницах сайта как по взмаху волшебной палочки станут зелеными.

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

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

Книги по Веб-дизайну, CSS, HTML

Также смотрите разделы связанные с разделом Книги по Веб-дизайну, CSS, HTML, создание сайтов и верстка:

  • Обучение информатике, презентации по информатике
  • Книги, задачники и учебники по информатике
  • Книги и учебники по программированию
  • Обучение пользованию Интернет
  • Полезные сайты, ссылки, утилиты, программы
  • Уроки и советы по PHP, HTML, CSS, JavaScript, Java, JSP, Servlet
  • Уроки и советы по CSS
  • Обучение компьютерным программам
  • Решебники и ГДЗ по Информатике
  • ГИА, экзаменационные билеты по Информатике
  • Словари по информатике и компьютерам
  • ЕГЭ по информатике
  • Все книги по информатике

Ниже Вы можете бесплатно скачать электронные книги и учебники и читать статьи и уроки к разделу Книги по Веб-дизайну, CSS, HTML верстка, разметка Web-страниц, каскадные таблицы стилей:

  • HTML5, CSS3 и JavaScript. Исчерпывающее руководство, Роббинс Дж., 2014
  • Zend Framework 2.0 разработка веб-приложений, Шасанкар K., 2014
  • Большая книга CSS3, Макфарланд Д., 2014
  • Веб-дизайн, Книга идей веб-разработчика, Макнейл П., 2014
  • HTML5, рецепты программирования, Шмитт К., Симпсон К., 2012
  • Веб-дизайн, Идеи, секреты, советы, Макнейл П., 2012
  • Зарабатывай в Интернете, Кнопка Бабло, Бабаев А., Евдокимов Н., Штарев А., 2012
  • CorelDRAW ХЗ, Учебный курс, Миронов Д.Ф., 2006
  • HTML — Популярный самоучитель — Чиртик А.А.
  • HTML — Просто как дважды два — Рева О.Н.
  • HTML, Популярный самоучитель, Чиртик А.А., 2006
  • Высший пилотаж в Photoshop CS2, Клосковски М., 2006
  • Построй свой супер-сайт за 21 день — Морозова О.М.
  • Построй свой супер-сайт за 21 день, Морозова О.М., 2006
  • Создание Web-страниц и Web-сайтов — Самоучитель — Печников В.Н.

Описание раздела «Книги по Веб-дизайну, CSS, HTML»

   В данном разделе к вашему вниманию предоставлены Книги по Веб-дизайну, CSS, HTML верстка, разметка Web-страниц, каскадные таблицы стилей. Вы мечтаете стать Web дизайнером, хотите разрабатывать интересные Web порталы, но не знаете как? Тогда скачивайте книги с нашего сайта бесплатно и без регистрации.

     У нас собраны книги самых популярных авторов: Musciano С., Kennedy B., Едомский Ю.Е., Niederst J.R., Борисенко А.А., Молли Э., Айзекс С., Ашманов И., Иванов А., Новичков Д.Ю., Сатин Д.К., Костин А.Н., Мейер Э., Дубаков М., Вилдермьюс Ш., Чанг Т., Кларк Ш., Гурвиц М., Вильямсон Х., Исагулиев К., Уотролл Э., Гербер Н., Смит С., Ошман М., Болдуин Д., Макдоналд Д., Петере К., Стир Д., Уильямс Э., Барбер К., Ньюкирк П. и другие.

     В книгах написано все о программах для Веб дизайнера: Adobe ColdFusion Enterprise 8.0, Adobe Contribute, Adobe Dreamweaver, Adobe Fireworks, Adobe Flash Professional, Adobe Photoshop, Microsoft Expression Web и другие.

     Если вы планируете стать веб-дизaйнерoм, то Фoтoшoп будет oснoвнoй графической прoгрaммoй, с кoтoрoй вам предстоит иметь дело. Далее вы изучите html. Если html знaете — тo css выучите зa пaру-трoйку дней. Так же обязательно пользуйтесь Macromedia Dreamweaver.

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

     Кажется изучить данную тематику самостоятельно очень трудно. Но конечно же, веб-дизайн можно изучать и самостоятельно – для этого нужно скачать электронные учебники, уроки Photoshop на нашем сайте и начинать постигать основы компьютерного программирования. Такой вариант вполне допустим и может принести хороший результат, но только в том случае, если человек умеет самостоятельно обрабатывать информацию, сможет правильно организовать процесс обучения и у него есть хотя бы минимальные задатки, выраженные в умении программировать, мыслить неординарно и масштабно.

 

Учебник HTML — Учебник CSS

Учебник CSS

Введение.

Эта книга поможет Вам начать работать с CSS всего через пару часов. Она объясняет всё очень доходчиво и научит Вас этой сложной технологии.

Каскадные таблицы стилей Cascading Style Sheets (CSS) это инструмент для редактирования и изменения вида ваших web-сайтов. Оно поможет сэкономить много времени и предоставит Вам совершенно новые возможности в разработке web-сайтов. CSS совершенно необходим каждому, кто сталкивается с web-дизайном.

Использование CSS требует знания основ HTML. Если вы не знаете HTML, то начните с Учебника HTML, прежде чем перейти к CSS.

Изучение CSS увлекает. Читая этот учебник, выделяйте некоторое количество времени для проведения экспериментов с изученным в каждом уроке материалом.

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

Какие программы нужно иметь?

Вам понадобится бесплатный и простой текстовый редактор.

Например программа Notepad для Windows или Gedit для Linux.

Простой текстовый редактор идеально подходит для изучения HTML и CSS, поскольку он не изменяет вводимый вами код. Так вы быстро будете обучаться, а ошибки будут только вашими, а не программными.

С этим учебником можно использовать любой браузер.

Всё что Вам необходимо, это браузер и простой текстовый редактор.

Перед Вами представлены 15 уроков:

— Урок 1: Что такое CSS

— Урок 2: Как работает CSS

— Урок 3: Цвет и фон

— Урок 4: Шрифты

— Урок 5: Текст

— Урок 6: Ссылки

— Урок 7: Идентификация и группирование элементов

— Урок 8: Группирование элементов

— Урок 9: Боксовая модель

— Урок 10: Поля и заполнение

— Урок 11: Рамки

— Урок 12: Высота и ширина

— Урок 13: Всплывающие элементы

— Урок 14: Позиционирование элементов

— Урок 15: Слои

— Заключение

ОБУЧЕНИЕ CSS ДЛЯ БОЛЕЕ 10 ЛЕТ!

Изучение CSS, шаг за шагом

Этот веб-сайт посвящен CSS, ключевому инструменту веб-дизайна. Если вы не знакомы с CSS: CSS — это технология, родственная HTML, которая используется для стилизации ваших веб-страниц. Подробности в руководстве, но пока мы можем сказать, что CSS может улучшить внешний вид ваших веб-страниц!

Получите интересные советы по CSS! Подписка на информационный бюллетень

Три способа изучить CSS:

  1. Купите мою книгу с рейтингом 5 звезд на Amazon.
  2. Получите мой интерактивный видеокурс по HTML5, CSS3… и он охватывает гораздо больше!
  3. Учебник для этого веб-сайта: «Начать изучение основных концепций CSS» »

Если у вас есть вопросы, свяжитесь со мной.

Стефан

Написано для начинающих

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

Этот обучающий сайт похож на все остальное в жизни; вы получаете обратно то, что вложили в него. Поэтому, если вы действительно хотите научиться создавать великолепно выглядящие страницы, не поддавайтесь искушению остановиться на полпути и использовать программу веб-дизайна, такую ​​как FrontPage или Dreamweaver. Завершив обучение, вы получите большое преимущество перед всеми остальными, которые сдались!

Не поймите меня неправильно, это не так уж сложно; просто некоторые люди очень ленивы!

Как устроен этот сайт

На сайте 3 основных раздела:

  1. Введение в CSS
    Мы рассмотрим основы и покажем вам несколько изящных приемов.
  2. Полное руководство по CSS
    Мы приступаем к делу и даем вам прочную основу в CSS, чтобы вы могли сразу же использовать его в своей работе по веб-дизайну!
  3. Дополнительные ресурсы CSS
    Вспомогательные статьи по веб-дизайну CSS и ссылка на активный форум CSS, где вы можете задать любые вопросы.

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

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

Последние сообщения в блоге

  • Следует ли мне сделать перерыв в изучении CSS?

    26 февраля 2020

    Изучение CSS может быть непростой задачей… CSS не является интуитивно понятным языком программирования! Таким образом, для многих, изучающих CSS, обычным явлением является то, что вы столкнетесь с препятствием для обучения… это может быть сложно даже с лучшими курсами CSS! Так что мой совет — делайте перерывы и уделяйте время своему разуму […]

    подробнее

  • Как быстро изучить CSS?

    27 декабря 2017 г.

    Самый быстрый способ изучить CSS — это сначала убедиться, что вы хорошо знаете HTML5 и основы Интернета.Как только вы поймете эти ключевые концепции и навыки, CSS и крутые методы CSS3 станут намного проще. Веб-сайты создаются с помощью CSS3 и HTML5 CSS3 — это язык стилей веб-дизайна — […]

    подробнее

  • Курс веб-дизайна для средней школы, который учит актуальный код

    4 августа 2017

    Вчера звонил учитель и искал курс веб-дизайна, который бы преподавал настоящий код.Как и другие учителя, с которыми я разговаривала, она понимала, что перетаскивание блоков на экране, где приложение записывает код для ученика, — это не то же самое, что ученик сам пишет код! Ошибочность многих курсов кода […]

    подробнее

Начиная с HTML + CSS

Начиная с HTML + CSS

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

Он не очень хорошо объясняет CSS. Это просто объясняет, как создавать
файл HTML, файл CSS и как заставить их работать вместе. После
что вы можете прочитать любой из множества других
учебники по добавлению дополнительных функций в файлы HTML и CSS. Или
вы можете переключиться на специальный редактор HTML или CSS, который
помогает создавать сложные сайты.

В конце урока вы создадите HTML-файл,
выглядит так:

Итоговая HTML-страница с цветами и макетом, выполненная с
CSS.

Обратите внимание, я не утверждаю, что это красиво ☺

разделов
которые выглядят так, необязательны. Они содержат
дополнительное объяснение кодов HTML и CSS в примере. В
«Внимание!» знак в начале указывает, что это более продвинутый
материала, чем остальной текст.

Шаг 1: написание HTML

Для этого урока я предлагаю вам использовать только самые простые из
инструменты. Например, Блокнот (в Windows), TextEdit (в Mac) или
KEdit (под KDE) подойдет. Как только вы поймете принципы,
вы можете переключиться на более продвинутые инструменты или даже на
коммерческие программы, такие как Style Master, Dreamweaver или GoLive.
Но для вашей самой первой таблицы стилей CSS лучше не быть
отвлекается на слишком много дополнительных функций.

Не используйте текстовый процессор, например Microsoft Word или OpenOffice.
Обычно они создают файлы, которые веб-браузер не может прочитать. Для HTML
и CSS, нам нужны простые текстовые файлы.

Шаг 1: откройте текстовый редактор (Блокнот, TextEdit, KEdit или
все, что вам нравится больше всего), начните с пустого окна и введите
следующий:




   Моя первая стилизованная страница 









 Моя первая стилизованная страница 



 Добро пожаловать на мою стилизованную страницу!


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


 Здесь должно быть больше, но я не знаю
что еще.


<адрес> Сделано 5 апреля 2004 г. 

  сам.

На самом деле вам не нужно вводить его: вы можете скопировать и вставить
с этой веб-страницы в редактор.

(Если вы используете TextEdit на Mac, не забудьте указать
TextEdit, чтобы текст действительно был обычным текстом, перейдя в Формат
меню и выберите «Сделать обычный текст».)

первая строка HTML-файла выше сообщает браузеру, какой тип
HTML это (DOCTYPE означает DOCument TYPE). В данном случае это
HTML версии 4. 01.

Слова внутри <и> называются тегами и, как
вы можете видеть, что документ содержится в и
теги. Между и там
есть место для различного рода информации, которая не отображается на
экран. Пока что он содержит название документа, но позже мы
добавит туда и таблицу стилей CSS.

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

Из тегов в примере