Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Станьте Детективом! Решайте логические головоломки, чтобы найти преступника! 
Множество уровней и интересных историй! События и задачи дня!

Тебе предстоит раскрывать массу разных дел, в этом тебе поможет известный всем сыщикам метод дедукции.

Детектив - логические головоломки

Головоломки, Казуальные, Логическая

Играть

Топ прошлой недели

  • Oskanov Oskanov 8 постов
  • alekseyJHL alekseyJHL 6 постов
  • XpyMy XpyMy 1 пост
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Основы HTML

С этим тегом используют

HTML Программирование CSS IT Html 5 Разработка Программист Все
50 постов сначала свежее
Kadir.geek
8 лет назад

Оcновы HTML. Часть - 1.⁠⁠

Знакомьтесь HTML!
HTML расшифровывается как "HypreTextMarkup Language", или "Язык гипертекстовой разметки"
В отличии сценарных языков и языков программирования, в которых с помощью сценариев программируются функции, в языке разметки с помощью тегов программируется контент.
Пример HTML-тега:
<p> Параграф текста </p>

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

Веб-дизайн сегодня
HTML - структура
CSS - оформление
JavaScript - поведение

PHP и похожие языки - серверная часть
CMS - управление контентом

Программы для работы с HTML
Для этого подойдёт любой простой текстовик, даже просто notepad (блокнот). Но лучше для этого пользоваться программой Notepad++. Эта программа разработана специально для программирования (написания кода, тегов), там есть подсказки для этого.

HTML Программирование Основы HTML Текст
39
l1chooff
9 лет назад

Учим HTML - Урок 1 ( Что такое HTML и что надо делать? )⁠⁠

Учим HTML - Урок 1 ( Что такое HTML и что надо делать? ) HTML, CSS, Верста, Сайт, Учим HTML, Уроки HTML, Основы HTML, Длиннопост

Урок HTML.



Урок - 1.


Что же такое HTML? HTML - это язык разметки гипертекста. Тоесть простыми словами - как и куда сделать этот элемент. Заметьте что HTML это не язык программирования!


(HTML - HyperText Markup Language)



Как же создаётся код HTML?


Всё начинается с создания файла в формате .html (name.html). Далее открываете любой текстовой редактор, но советую скачать новичкам NotePad++.


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


Для более продвинутых советую 2 редактора. Это бесплатный текстовой редактор написанный на html и js - Brackets. Этот редактор сделала компания Adobe и по качеству он очень хорош.


Также есть более продвинутый редактор под название Dreamweaver by Adobe. Этот уже входит в пакет Adobe Creative и он платный по подписке, но Йо-Хо-Хо и на раздачу!



Такс, если мы разобрались с редактором то начинаем писать сам код.


В старый версиях HTML код начинается с множества символов и букв.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> - Код в старых версиях HTML. Правда непонятно?


А давайте попробуем HTML5! <!DOCTYPE html>. Лучше, правда? - Правда)


Что же такое этот DOCTYPE? Это даёт браузеру или редактору информацию о том что это код HTML, а не другой.


Затем идёт так называемая 'Модель'. Она выглядит как семейной дерево.



<html>
<head>
</head>
<body>
</body>
</html>

Давайте разберём что такое head, body, html. Это всё - теги. Теги это мозг HTML. Например в тег <html> следует писать код внутрь тега <html>.


<head> это невидимая часть кода. Например название сайта в поисковой системе и в окне браузера.


<body> это видемая часть кода, там можно писать текст, картинки, заголовки, цитаты и многое другое.


А зачем два этих тега? body и /body. /ТЕГ закрывает тег, чтобы например в тег head не попали элементы <body>


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



И так, начнём изучать теги и что в них писать.


в <head> мы пишем настройки для страницы. И так первый наш тег - <title>. Он задаёт имя сайту, для окна браузера и в поисковой системе.


Пример: <title>Я учу HTML!</title>.


Следующий тег - <meta>. Он задаёт описание, ключевые слова, кодировку и многое другое странице.


Например <meta name="charset" content="utf-8"> Это означает что тип meta будет кодировка. А content задаёт значение - utf-8 самая распорстанёная кодировка в мире.


Самые важные meta:


<meta name="description" content="Описание"> Это описание страницы для поисковых систем.


<meta name="Keywords" content="Ключевые слова"> Это ключевые слова страницы. Раньше по ним поисковые системы искали сайты. Как сейчас никто не знаете.


<meta name="charset" content="кодировка"> Кодировка страницы.



И так, дальше. Тег <link>. В конце этого тега НЕ пишется </ТЕГ>, такие теги называются одиночные. Тег link подключает CSS, JavaScript, иконка для сайта.


Он пишется так - <link href="ССЫЛКА" rel="ТИП"> rel задаёт тип link. Например для CSS rel будет rel="stylesheet". А href="" задаёт ссылку на файл. Также можно подключить файл из интернета.


Также можно подключить иконку для поисковых систем и другие фишки.

Показать полностью 1
[моё] HTML CSS Верста Сайт Учим HTML Уроки HTML Основы HTML Длиннопост
18
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии