No Image

Язык html для чайников

СОДЕРЖАНИЕ
0 просмотров
10 марта 2020

Инструментарий. Основные понятия.

  • Ступенька 1 — "Основной инструментарий, учимся работать руками".
  • Ступенька 2 — "Что такое тэги?".
  • Ступенька 3 — "Обязательные тэги. Зачем телу голова, а голове тело?"
  • Ступенька 4 — "Раскрась сам. Изменяем цвет текста".
  • Ступенька 5 — "Как изменять цвет фона страницы. Немного об этике цветов".
  • Ступенька 6 — "Параграфы и DIV. Учимся выравнивать текст".
  • Ступенька 7 — "Что такое заголовки и как задавать размер буковок".
  • Ступенька 8 — "Курсив, жирный текст, подчеркнутый и другие".
  • Ступенька 9 — "Стандартные шрифты. Как прописать свой шрифт".
  • Ступенька 10 — "Что такое путь? Как вставлять картинки".
  • Ступенька 11 — "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.".
  • Ступенька 12 — "О любителе сосисок и принудительном прерывании обтекания текстом картинки".
  • Ступенька 13 — "Ссылка и как с нею бороться".
  • Ступенька 14 — "Ссылка на е-майл. Подсказка к текстовой ссылке".
  • Ступенька 15 — "Может ли картинка быть ссылкой".
  • Ступенька 16 — "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку".
  • Ступенька 17 — "Карты. Как часть картинки сделать ссылкой".
  • Ступенька 18 — "Карты. Как часть картинки сделать ссылкой 2".
  • Ступенька 19 — "Карты. Как часть картинки сделать ссылкой 3".
  • Ступенька 20 — "Закладка. Как сделать ссылку внутри документа".
  • Ступенька 21 — "Учимся создавать таблицы".
  • Ступенька 22 — "Учимся создавать таблицы" продолжение.
  • Ступенька 23 — "Таблицы, вертикальное выравнивание (valign)".
  • Ступенька 24 — "Таблицы, учимся растягивать ячейки (rowspan, colspan)".
  • Ступенька 24-2 — "Дополнительная глава. Ответы на домашнее задание".
  • Ступенька 25 — "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством".
  • Ступенька 26 — "Вложенные таблицы и некоторые нюансы".
  • Ступенька 27 — "О рамках таблиц, и брюзжание о таблицах напоследок".
  • Ступенька 28 — "Создаем простой сайт с таблицами".
  • Ступенька 29 — "Спецсимволы, или головная боль".
  • Ступенька 30 — "О линиях. Просто и полезно".
  • Ступенька 31 — "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight".
  • Ступенька 32 — "О списках. Неупорядоченные списки".
  • Ступенька 33 — "Упорядоченные списки. Ремарка: что такое спецификация и консорциум".
  • Ступенька 34 — "Cпецифические тэги, бегущая строка текста".
  • Ступенька 35 — "Вступление. Зачем они (фреймы) нужны."
  • Ступенька 36 — "Учимся создавать фреймы".
  • Ступенька 37 — "Учимся создавать фреймы" продолжение.
  • Ступенька 38 — "Учимся создавать фреймы" продолжение.
  • Ступенька 39 — "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма".
  • Ступенька 40 — "При нажатии на ссылку документ открывается в другом фрейме, в полное окно".
  • Ступенька 41 — "Последняя глава о фреймах. Что такое IFrame".
  • Читайте также:  Материнская плата asus h61m k драйвера

    Данный учебник — это учебник начального уровня, и он не требует наличия каких-либо предварительных знаний ни в области HTML, ни в области CSS. Он поможет вам не только изучить основы языка гипертекстовой разметки документа, но и узнать о некоторых дополнительных механизмах функционирования HTML, которые не сложны по своей сути, но которые помогут полнее понять HTML и в полной мере воспользоваться возможностями HTML. Данный учебник основываются на использовании стандартов HTML 4.01 (XHTML 1.0+).

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

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

    Учебник HTML CSS

    Практика

    Продвинутый курс

    Практика

    Адаптив

    Продвинутые вещи

    Практика

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

    Читайте также:  Как заряжать аккумулятор для телефона переносной

    Языки HTML и CSS предназначены для верстки сайтов (верстка — это размещение элементов сайта по нужным местам). Язык PHP нужен для программирования сайта (с его помощью можно, к примеру, сделать регистрацию пользователей). Язык JavaScript нужен для того, чтобы ‘оживить’ сайт: к примеру, сделать меняющиеся картинки (слайдер).

    Язык HTML

    Язык HTML — это основа web сайтов, с его помощью создается каркас страницы, которую вы видите в браузере.

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

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

    Что такое HTML теги?

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

    Теги строятся по такому принципу: уголок , потом имя тега, а потом уголок > , вот так: . Имя тега может состоять из английских букв и цифр. Примеры тегов:

    Теги обычно пишутся парами — открывающий тег и соответствующий ему закрывающий. Разница между открывающим и закрывающим тегами в том, что в закрывающем теге после уголка стоит слеш / .

    — так я открыл тег p, а так —

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

    Бывают теги, которые не нужно закрывать, например,
    или .

    Атрибуты

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

    Атрибуты размещаются внутри открывающего тега в таком формате: .

    Читайте также:  Как в эксель убрать повторяющиеся значения

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

    Язык CSS

    Язык CSS расширяет возможности языка HTML. Он позволяет менять цвета, шрифты, фон, в общем заниматься красотой сайта. А HTML, соответственно, отвечает за структуру сайта.

    Итак, приступим

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

    Комментировать
    0 просмотров
    Комментариев нет, будьте первым кто его оставит

    Это интересно
    Adblock detector