HTML для начинающих

ПоделитьсяTweetПоделитьсяGoogle

sfgrft-1037748Всем привет!

Долго не писал, аж 4 дня 🙁 . Готовил свой курс по созданию сайтов и второй по производству Сайтов Воронок или landing page, примеры можете посмотреть здесь

  • http://lp.budyzdrav.ru/yello/index.html — видео пока для прикола стоит. Но поучительное. Потом своё вставлю.
  • http://lp.budyzdrav.ru/real/real.html — тоже мульт познавательный, но не по теме, просто тест
  • http://lp.budyzdrav.ru/mb/Mister%20Bin.html — Прикололся на тему Мистер Бин
  • http://lp.budyzdrav.ru/art/artemida.html — визитка строительной компании, на странице проектов пока не ставил слайдер, поэтому галерея не работает.

Первые три работа плагина. Я его немного подредактировал и он теперь не сыпит своими ссылками на авторский сайт, потому что бесплатный. Ясное дело что платный не выводит ссылок.

Про плагин в другом посте , а сегодня займёмся HTML

Сегодня первый урок по языку HTML

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

ЧИТАТЬ:  Плагин WOW Slider без ссылок и логотипа.

Постараюсь не лить воды и как можно проще и компактнее развернуть все основы. То есть сразу к делу…

Открываете простой блокнот и пишите в нём

  

      Моя первая страничка

  

  

      Привет всем! Здравия и богатства!

      

      Это моя первая страница. 

Теперь сохраняем сей текст как html файл, пишем index.html

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

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

То что написано между знаками является тегами. Их  видит браузер ( обозреватель) для него и пишется эта абракадабра.

Смотрим наш текст

ЧИТАТЬ:  Отзывы — красивая графика

— начало нашего  документа

— голова (англ.), шапка

— название «Моя первая страничка»

—  закрылся тег, закончилось название

— закончилась шапка

— тело документа, все что написано после, отображает браузер.

— тег переноса на новую строку

— закрылся тег , далее браузер не отображает на всеобщее обозрение

— закрылся тег , конец документа

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

Исключения имеет тег
, у него нет закрытого, ему он не нужен

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

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

Моя первая страничкаПривет всем! Здравия и богатства!
Это моя первая страница.

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

На этом HTML для начинающих закончен, а дальше пойдёт для продвинутых. Вы ж уже продвинулись, правда?…  🙂

ЧИТАТЬ:  Просмотреть в разных разрешениях

До следующего урока!

ПоделитьсяTweetПоделитьсяGoogle