HTML шпаргалка


Шпаргалка HTML

Шпаргалка по языку HTML

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

HTML — H yper T ext M arkup L anguage (язык разметки гипертекста) , язык с помощью которого создаются сайты.

Тег — основная часть языка HTML. С помощью тегов, создается структура страницы сайта, обозначается где будут абзацы, заголовки, ссылки, изображения, таблицы, кнопки и т.д. Теги бывают парными или одиночными. Примерная запись тега, выглядит следующим образом:
— парный тег,
— одиночный тег.

Атрибут и значение — основные части тега. Примерная запись пары атрибута и значения выглядит следующим образом:

Доктайп , каждый HTML-документ начинается со строки , она означает что код размещённый в документе поддерживает пятую спецификацию языка HTML, а именно HTML5. После доктайпа на второй строке идёт открывающий тег , оканчивается HTML-документ закрывающим тегом

Основные теги используемые в языке HTML:
— весь HTML-код располагается между этими тегами,
— голова HTML-документа,
— название страницы,

Шпаргалки в помощь созданию сайта

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

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

Шпаргалка по CSS3

Новейшая версия языка CSS3 довольно приличное расширение языка учитывая что только шпаргалка получилась на 5 листов.

Шпаргалка по HTML 5

Новейшая версия языка HTML и естественно новая шпаргалка которая поможет вам не заблудиться в освоении языка.

Шпаргалка по PHP

Всё гениальное просто, как и эта шпаргалка, все предельно понятно и удобно разложено, будет незаменима новичкам в веб программировании и очень полезна профессионалам.

Шпаргалка по HTML

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

Шпаргалка по MySQL

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

Шпаргалка по JavaScript

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

Шпаргалка по ASP

ASP.NET — технология создания веб-приложений и веб-сервисов от компании Майкрософт. Она является составной частью платформы Microsoft .NET и развитием более старой технологии Microsoft ASP. И конечно очень удобная и понятная шпаргалка для вас.

Шпаргалка по mod_rewrite

Эта прекрасная и очень удобная шпаргалка очень часто применяется на практике и имение её под рукой избавляет вас от лишней траты времени на перелистывание учебников, поскольку файл mod_rewrite пишется не так часто как многое другое в веб программировании.

Нашли ошибку в тексте.
Просто выделите её мышкой, нажмите Ctrl+Enter.
И мы все исправим.

Шпаргалка HTML

— цитата
Таблица:


таблица (начало) — строка (начало);

— конец строки;
Между символами

заключается отдельная ячейка таблицы;

и

— конец таблицы.
Подробнее о таблицах здесь
Убрать под кат:
Ваш текст, который нужно убрать под кат
Выравнивание текста:

— выравнивание по всей ширине текста;
ваш текст, картинка — центрирование.

Списки HTML

Нумерованный список
  1. первый элемент
  2. второй элемент
    .
  3. N — элемент
  1. первый элемент
  2. второй элемент
  3. .
  4. N — элемент
Маркированный список
  • первый элемент
  • второй элемент
    .
  • N — элемент
  • первый элемент
  • второй элемент
  • .
  • N — элемент



Окошко для вставки кода:
1.
, гдеcols — ширина окошка в px, а rows — число строк в окне.

2.


Изменяем шрифт, размер и цвет текста:
Ваш текст , где font-family — шрифт, color — цвет, font-size — размер.
подробнее читать здесь

Оформление ссылок:
ВАШ ТЕКСТ
кликабельная картинка,
ВАШ ТЕКСТ — ссылка откроется в новом окне.
подробнее читать здесь

Кнопка с выпадающим списком:
копируем код из окошка


Копируем код и вставляем в новую запись в формат HTML, вместо слова ССЫЛКА пишем необходимый URL адрес (ссылку, по которой нужно перейти)
Вместо слова НАЗВАНИЕ пишем описание этой ссылки (например: главная страница)
Вместо фразы НАДПИСЬ НА КНОПКЕ пишем слово, которое будет написано на кнопке, при нажатии на которую, мы перейдём на нужную страницу (например, Перейти)
Пишем на картинке:
копируем код из окошка

подробнее читать здесь
Обтекание картинки текстом:
, где align=left – картинка слева, текст справа
align=right —
картинка справа, текст слева
hspace=20 —
расстояние между текстом и картинкой 20 пикселей по горизонтали
vspace=20
— расстояние между текстом и картинкой 20 пикселей по вертикали
..

Ваш текст 1
Ваш текст 2


Подробнее читайте здесь
Вставка флэш:

Таблица стилей CSS в удобном виде

Таблица стилей CSS, если уж брать само определение, это язык описания внешнего вида документа. То есть за структуру страницы отвечает HTML, а за всё оформление именно таблицы стилей CSS. Я собрал здесь информацию, которая позволит Вам свободно использовать таблицу стилей. Я не буду писать о том, как необходимо ее знать, потому что и так понятно — без нее Вы не сможете привести сайт в более менее нормальный вид. Если кто-то только начинает изучать CSS стили, то этих материалов хватит чтобы начать изучение CSS.

1. Базовые вещи

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

Маленькое отступление: когда я сам начинал изучать тему сайтостроения, я выучил практически все HTML теги и они меня не сильно вдохновили. Но после того как я начал изучать таблицу стилей CSS и пробовать применять каждое из свойств — мне это так сильно понравилось (я бы не создал смурфика на css, если бы мне это не нравилось). Я увидел что можно делать просто поразительные вещи только с помощью CSS. Это не язык программирования, который нужно учить месяцами. Таблицу стилей можно освоить за одну (максимум за две) недели.

Конечно, Вы не изучите абсолютно все свойства и их значения, да это и не нужно! Вам нужно знать лишь основы, чтобы Вы начали применять и использовать в своих проектах. Одним важным нюансом является то, что нужно СРАЗУ же применить свойство, которое Вы только что узнали, на реальном примере. Пусть это будет Ваш собственный сайт или же простой HTML сайт — нет разницы. Важно то, чтобы Вы своими руками попробовали написать и увидели результат.

У меня на сайте есть очень много примеров в которых используется CSS. Только категория CSS и категория CSS3 вместе содержат более 100 уроков! Когда Вы будете знать хотя бы основы, тогда Вы сможете смело менять и применять все примеры из уроков.

2. Шпаргалки CSS и CSS3

Ну вот изучили Вы основы и через пару дней всё с «успехом» забыли и, наверное, думаете что это не Ваше и всё сложно. Хочу Вас сразу немного подбодрить — я сам не знаю всех свойств CSS. Но что мне мешает посмотреть их в интернете?

Правда пока зайдешь в Яндекс или Google, потом наберешь тот запрос, который нужен. А если еще и не выдаст в поиске то что нужно. Так можно потратить очень много времени но так и не найти то, что действительно искал.

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

Краткая шпаргалка для CSS (v2), где можно найти все самые основные свойства. Отлично подойдет для начинающих.

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

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

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

Это как в школе: даже если не пользуешься шпаргалкой, но с ней всё равно как-то на душе спокойнее �� .

Дополнение к уроку — HTML шпаргалки

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

Вывод

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

HTML5 – шпаргалка по тегам и атрибутам

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

Шпаргалка по HTML

Это статья-шпаргалка с примерами по HTML. Здесь собраны некоторые директивы языка гипертекстовой разметки HTML. Статья будет пополняться по мере необходимости.

Оглавление

Подключить CSS файл

Подключить JS файл

Подключить JS файл асинхронно (async) — файл будет загружаться параллельно потоку загрузки html-страницы

Подключить иконку сайта (favicon) . Файл иконки favicon.ico должен лежать в корне сайта.

Включить поддержку адаптивности на странице (meta-тег viewport) . Чтобы страницу можно можно было адаптировать для просмотра на устройствах с разной шириной экрана.

Разрешить или запретить поисковым роботам индексировать страницу (meta-тег robots) . Первой строкой разрешаем индексировать страницу, следовать по ссылкам в ней и индексировать их. Вторая строка — запрещает индексацию и переход по ссылкам.

Вставить описание страницы (meta-тег description) . Большинство поисковиков видят лишь 320 символов.

Вставить ключевые слова страницы (meta-тег keywords) . Должен содержать ключевые слова через запятую, которые содержатся на странице.

Подключить шрифты Google

Подключить иконки Font Awesome

Вставить код CSS внутри страницы


Вставить код JavaScript внутри страницы

Вставить форму без содержимого (form)

Вставить интерактивные элементы форм (input:hidden, input:text, input:checkbox, input:radio, input:reset, input:submit, input:button, button, select, textarea, label)

Вставить кнопку с обработкой события onclick

Другие интерактивные элементы форм

Тег плавающего фрейма iframe

HTML-коды некоторых символов

Другие служебные теги

Теги для текста

— выводит текст со всеми пробелами и переносами, обычно моноширинным шрифтом (block) — результат выполнения сценария (inline) — выделяет переменные из программ, обычно выделяется курсивом (inline) — перечёркивает текст, помечая как удаленный (inline) — перечёркивает неактуальный текст (inline) — выделяет термин курсивом (inline) — выделяет важные фрагменты текста курсивом (inline) — выделяет текст курсивом без акцента (inline) — выделяет полужирным важный текст (inline) — задает полужирное начертание отрывка текста, без дополнительного акцента (inline) — подчёркивает изменения в тексте (inline) — выделяет отрывок текста подчёркиванием, без дополнительного акцента (inline) — выделяет фрагменты текста желтым фоном (inline) — отображает текст шрифтом меньшего размера (inline) — отображает текст в виде нижнего индекса (inline) — отображает текст в виде верхнего индекса (inline) — дата / время документа или статьи (inline) — аббревиатура или акроним (none) — контактные данные автора документа или статьи (block) — изолирует текст, читаемый справа налево (inline) — задаёт направление написания текста (inline) — контейнер для Восточно-Азиатских символов и их расшифровки (inline) — тег для скобок вокруг символов (none) — расшифровка символов (block)

Шпаргалки для верстальщиков

Сегодняшняя статья будет полезна для верстальщиков, html-кодеров, фронт-энд девелоперов и т.п. Вобщем, для всех тех людей, которые работают с html/css кодом, для всех тех, кто превращает картинки дизайнеров в рабочие сайты.
В этой подборке мы собрали ссылки на лучшие шпаргалки в PDF, PNG и других удобных форматах. Эти шпаргалки позволяют быстро вспомнить кодовый синтаксис и облегчить вашу работу, если вы работаете с HTML/xHTML, CSS, и JavaScript (включая MooTools и jQuery). Надеемся, что вы найдёте для себя что-то полезное. Если у вас есть другие шпаргалки, которых нет в нашем списке, то можете поделиться ими в комментариях.

Шпаргалка основных HTML-тегов.

Друзья мои, мы с вами каждый день, добавляя комменты и статьи, вольно или невольно используем HTML-теги. Чтобы это происходило осознанно, и вы понимали, что за хрень появляется при нажатии кнопочек «В», «I», «U» и т.д., а также могли выйти за пределы форматирования текста этими кнопочками, добавлю сюда небольшую шпаргалку по основным тегам.

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

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

Ctrl+Z — отмена последнего действия, работает и в местом редакторе, ежели вы вдруг чего-то стерли ненароком (!)
Ctrl+C — копировать выделенный текст
Ctrl+V — вставить скопированный\вырезанный текст
Ctrl+X — вырезать выделенный текст
Ctrl+I — выбор курсивного или обычного начертания для выделенного текста
Ctrl+B — выбор полужирного или обычного начертания для выделенного текста
Ctrl+S — зачеркнутый текст
Ctrl+L — вставка ссылки
Их значительно больше, но эти, на мой взгляд, жизненно необходимые.

Основная структура документа.

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

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

Структура любого документа содержит обычно две основные части:

Содержимое части head не видно пользователю в браузере (за исключением, пожалуй, тега title). Вся видимая часть страницы формируется структурой body.

Тег head обычно содержит служебную информацию, а также подключаемые стили, шрифты, файлы скриптов и т.п.

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

Также в помещаются мета-теги:

Мета-теги «description» и «keywords» важны для поисковой оптимизации сайта.

Алексей Номейн — HTML-шпаргалка

99 Пожалуйста дождитесь своей очереди, идёт подготовка вашей ссылки для скачивания.

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

Описание книги «HTML-шпаргалка»

Описание и краткое содержание «HTML-шпаргалка» читать бесплатно онлайн.

Данное издание – незаменимая вещь для вебмастера, работающего с языком разметки html. Это отредактированная и отсортированная для вашего удобства версия html-шпаргалки, которая всегда поможет вам в работе.

Составитель Алексей Номейн

Создано в интеллектуальной издательской системе Ridero

Данное издание – незаменимая вещь для вебмастера, работающего с языком разметки html.

Это отредактированная и отсортированная для вашего удобства версия html-шпаргалки, которая всегда поможет вам в работе.

Функции и описания, примечания, которые помогут развеять трудности – все это прямо здесь и сейчас.


HyperText Markup Language – «язык гипертекстовой разметки») – стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). (с) ВИКИПЕДИЯ.

– Version of (X) HTML

Конец ознакомительного фрагмента.

Текст предоставлен ООО «ЛитРес».

Прочитайте эту книгу целиком, купив полную легальную версию на ЛитРес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.

Похожие книги на «HTML-шпаргалка»

Книги похожие на «HTML-шпаргалка» читать онлайн или скачать бесплатно полные версии.

Шпаргалка по HTML (минимальный набор тегов для создания сайта)

Разработка простейшего сайта

Введение

Во-первых, создание простейшего сайта – это очень просто, значительно проще, чем работать в текстовом редакторе Word. С хорошим сайтом, конечно, дело обстоит сложнее, но главное – начать. А если захочется и/или понравится, то мастерство можно наращивать постепенно. Разобравшись с этой лабораторной работой, вполне можно сразу же начинать делать вполне приличный (но не супер) сайт – типа сайта кафедры АСНИиЭ.

Заниматься веб-дизайном может каждый. Даже если дизайнер не может сам «сгенерить» идею относительно структуры страницы, можно покопаться в интернете (инете), найти подходящую страницу, сохранить ее с картинками или только один html-файл, а затем использовать для своего сайта полностью или частично – добавив или убрав что-либо.

Это не программирование, освоить которое многим мешают два момента: a) необходимость придумать стратегию или комбинацию (по терминологии Остапа Бендера); б) четко представлять, как работают 3 основных оператора (присваивания, логический и цикла), и как изменяется информация в компьютере при их выполнении.

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

Имеются программы визуального веб-дизайна, но как сказал один веб-дизайнер, они работают примерно так же, как программы машинного перевода. И, как сказал другой по поводу одной из таких программ – Microsoft FrontPage, превращают кролика в носорога. Страницы получаются громоздкими, раз в 30 больше, чем сделанные «ручками», и загружаются в 30 раз медленнее. При современных скоростях интернета это уже почти не имеет значения, но если Вы попытаетесь изменить (отредактировать) такую страницу, то произнесете, как минимум, мысленно, немало «теплых», а точнее, горячих слов о программе. Короче, хорошо, что есть калькуляторы, но арифметику надо знать. Чтобы вовремя подправить «дуру-машину». Применительно к веб-дизайну это означает, что надо изучить основы языка HTML. А после этого можете пользоваться программами визуального веб-дизайна и подправлять HTML-код при необходимости.

Наиболее доходчивым, по мнению преподавателя, в части обучения азам веб-дизайна, являются бесплатные уроки на сайте http://mm-business.ru «Работа на дому через Интернет». Ну просто … надо быть, чтобы не понять. Да и … поймут.

Имейте в виду: автор сайта угрожает завести уголовное дело на каждого, кто без разрешения скопирует что-либо с сайта (Интересно, как он узнает о факте копирования? Вероятно, пугает наивных мальчиков и девочек.). А если вы собираетесь еще и выставить что-либо с этого сайта в интернет без ссылки (это уже можно «вычислить»), да не всякой (см. красным шрифтом внизу сайта), мой вам совет: насушите сначала сухарей J. А если серьезно, материалы с сайта можно выставить в интернете, но надо внести в html-файл, содержащий эти материалы, следующий текст: Работа через Интернет на дому — MM-business.ru. (Без точки.). Автор описания к лабораторной работе не знает, что содержится в рекламе на данном (и любом другом) сайте – не попадитесь на недобросовестную рекламу или интернет-подставу, коих в инете тьма. По крайней мере, когда автор «лабы» зашел на сайт, слева внизу данного сайта выскочила подстава насчет сайта «Одноклассники» – точно, не знаю какая, может быть, и вовсе безобидная, вроде рекламы, а может быть и нет: якобы мой аккаунт заблокирован, взломан или что-то еще, хотя его в природе не существует.

После первого прочтения прочтите материал как минимум еще раз – чтобы понять «непонятки», которые возникли при первом чтении.

Основная часть

Задание к работе. Ознакомиться в общем, без заучивания всего подряд, с уроками на сайте http://mm-business.ru/. Что надо знать, можно узнать из перечня контрольных вопросов. Главное – знать и понимать основы языка HTML, чтобы при необходимости можно было воспользоваться справочником по этому языку при разработке сайта. Надо проработать и понять материал уроков 1-10. Уроки оформлены доходчиво, понятно, методически грамотно, хотя местами с опечатками, орфографическими и синтаксическими ошибками (не учите по этим урокам русский язык!). Если серьезно, преподаватель относится с большим уважением к автору уроков – сам бы так хорошо не написал. Вероятно, очень многих не очень понятливых он научил. Уроки 1, 9, 10 надо проработать особенно тщательно.

Теперь, по мнению лабописца, следует проработать уроки, а уже потом читать остальной текст «лабника» (этот текст лучше бегло прочесть, а шпаргалку, указатель и вопросы – просмотреть, освоить уроки, а затем уже прочитать внимательно). Для перехода к урокам (для этого должен работать интернет!) этого скопируйте и вставьте адрес http://mm-business.ru/ в строку навигации браузера (самое верхнее текстовое окно). Слева (боковое меню), примерно в нижней трети, будет синяя подчеркнутая надпись «Уроки создания сайта». При наведении на нее указателя мыши появляется «лапа» – значит это ссылка (гиперссылка). Каждой ссылке соответствует своя страница или точка на странице (этой же или другой). При нажатии на ссылку (левой кнопкой мыши) Вы попадете на страницу с первым уроком. Внизу страницы каждого урока будут ссылки на оставшиеся уроки.

Кстати, в строке навигации отображается путь к отображаемой странице – полезная информация при подготовке сайта. Если Вы изменили html-файл (и сохранили изменения!), то, если он уже открыт в браузере, для визуального контроля изменений необязательно снова открывать его – достаточно нажать кнопку «Обновить» браузера (обычно 2 круглые стрелки одна над другой).

Основные определения

HTML – Hyper Text Marker Language – язык гипертекстовой разметки.

HTML-файл – текстовый файл с расширениями html или htm. Открывается и редактируется в Блокноте.

HTML-теги – команды в треугольных скобках. Бывают непарные (
– перенос строки – может быть в любом месте HTML-файла) и парные ( теги. Тег может занимать часть строки, строку или несколько строк в любом месте HTML-файла. Внутри тега могут быть параметры (атрибуты), которые отделяются пробелами. В параметрах могут быть числа в обычном (десятичном целом) формате, они обрамляются парными кавычками, например, ”80” или 16-ричными – тогда перед числом ставится символ «#», например, #005A7F.

Сайт с точки зрения разработчика и интернет-обозревателя (браузера) (примеры – Internet explorer, Opera) – это совокупность html-файлов на компьютере.

Движок сайта – программное обеспечение сайта (программа управления сайтом) или CMS (с англ. – система управления содержимым) обеспечивает доступ браузера к сайту. Браузер читает html-файлы, картинки и т.д., и вырисовывает на экране то, что называется интернет-страничкой, которую мы и видим. Иными словами, обозреватель интерпретирует HTML-код (читает и выполняет команды (теги) языка HTML).

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

Советы

Не рекомендуется использовать в именах html-файлов большие буквы, русские буквы, пробелы – только маленькие английские буквы (нежелательно большие латинские[1]), цифры, дефис, символ подчеркивания. Имена могут быть длинными (примерно до 250 символов). Дело здесь в том, что программное обеспечение сайтов часто работает под бесплатной ОС Linux, которая, в отличие от ОС Windows, некорректно работает с этими символами.

Если на экране отображаются не те символы, дать команду Вид/Кодировка/Кириллица (Windows-1251).

Чтобы не путаться с расширениями файлов и при необходимости их легко изменять, рекомендуется включить отображение расширений. В Windows XP это делается так: Проводник/Сервис/Свойства папки/Вкладка Вид/В поле (списке) «Дополнительные параметры» снять галочку (щелкнуть левой кнопкой по ней) «Скрывать расширения…». В Windows 7 последовательность Проводник/Упорядочить/Параметры папок и поиска/ Вкладка Вид/В поле (списке) «Дополнительные параметры» снять галочку (щелкнуть левой кнопкой по ней) «Скрывать расширения…». В файл-менеджере Total Commander расширения отображаются по умолчанию.

Далее в шпаргалке и уроках есть раздел «Цвет». Когда Вы сделаете страницу, поэкспериментируйте с цветами фона и букв: хорошо ли читается текст при просмотре в браузере? Иногда текст иных сайтов читать невозможно, не инвертировав текст и фон путем выделения мышью участка страницы или только скопировав в буфер и вставив в Блокнот или Word.

Шпаргалка по HTML (минимальный набор тегов для создания сайта)

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

Комментарий. Между символами « » (без кавычек) может быть любой текст, который игнорируется браузером – на странице не отображается. Этот текст называется комментарием и служит «шпаргалкой» при чтении html-файла. Комментарий, как и любой другой парный тег, может занимать часть строки, строку или несколько строк в любом месте html-файла. Если убрать или добавить комментарий, вид страницы в обозревателе не изменится. Если Вы хотите временно убрать область HTML-документа (часть строки, строку или несколько строк), ее можно «закомментировать», обрамив символами « ».

Цукерберг рекомендует:  Создаём Unit тесты при помощи Zend_Test_PHPUnit_ControllerTestCase
Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих