Загрузка...

Урок HTML by SellerBoy №2

Тема в разделе Веб-разработка создана пользователем SellerBoy 17 май 2018. 446 просмотров

  1. SellerBoy
    SellerBoy Автор темы 17 май 2018 33 13 май 2018
    Всем кто не читал первую часть, "ласкаво просимо": https://zelenka.guru/threads/468483/

    Сегодня мы разберем основы основ.

    - Что вообще такое HTML?
    - HTML язык по своей сути не является языком программирования.. он является языком разметки гипертекстовых документов. Иными словами он отвечает за расположение в документе Ваших текстов, рисунков, таблиц.. предназначенных для жизни в сети Интернет. Заставить его посчитать, сколько будет дважды два невозможно, в нем нет логических функций, зато красиво и главное легко выложить информацию о том, что дважды два будет четыре - это запросто. Читается этот язык при помощи знакомых Вам программ, именуемых браузерами (обозревателями), которые "знают" стандартные команды html языка, и "пережевывая" их выводят на монитор компьютера ********* в том виде, в котором хочет представить их веб мастер - составитель документа.

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

    У меня допустим будет index.html - открывать его можно с помощью браузера у себя на ПК.
    Те кто читали вступительную первую часть - установили Sublime text, а так-же плагин Emmet. И в первые же секунды написания разметки для страницы он нас очень выручает.
    Для того что бы создать базовую разметку достаточно просто ввести: "!", после чего нажать Tab(сверху от Cap’s Lock).
    После чего сразу видим вот такую картину:
    [IMG]
    Код
    <!DOCTYPE html>
    - собственно это по стандарту указывается в каждом HTML файле, что позволяет браузеру правильно определить что он читает.
    Далее на второй строке у нас открывает тэг
    Код
    <html>
    , а так-же закрывается на десятой. Пожалуй сделаю небольшое отступление и объясню что такое "тэг" в целом. Думаю возможно вы уже догадались что в них заключается определенная информация. Так-же стоит учитывать что существует два вида тегов:
    1 вид
    Код
    <html> </html>
    Тэг который открывается и закрывается, а внутри него помещается уже информация или же тэги. Самое главное это то что нельзя писать вот так:
    Код
    <p><html></p></html>
    То-есть разрывать их нельзя, правильно будет вот-так:
    Код
    <html><p></p></html>
    2 вид
    Код
    <meta charset="UTF-8">
    Тэг который закрывать не нужно, то-есть внутрь него ничего поместить нельзя. Зачастую подобные теги выполняют какие-либо действия, по типу подгрузки других файлов, переноса строки и т.д.
    И-так, остановились мы на тэге <html>, в свою очередь в него вставляется ещё два тэга это <head> и <body>.
    В <head> мы записываем различные свойства, подключаем скрипты и т.д.
    Так-же по дефолту записывается(и рекомендую Вам) тэг <meta> с атрибутом charset="UTF-8" который определяет кодировку файла. Если его не указывать, то при отображении кириллицы будет примерно вот такой результат:
    [IMG]
    Далее тэг <title> в котором вы указываете название страницы которое хотели бы что бы отображалось у пользователя на открытой вкладке.
    Пример:
    Указав написав в теге "Урок by SellerBoy", мы увидим следующие:
    [IMG]
    Ну а теперь самое интересное, это тэг <body> в который заключаются все теги для отображения страницы. О которых мы с вами поговорим уже в следующем уроке:)

    Небольшой спойлер.
    В следующих уроках вы будете получать домашнее задание и тот кто первый его выполнит, будет получать опыт, а так-же небольшое денежное вознаграждение.
    В будущем планируются уроки по написанию подобных штук за несколько минут:
    https://zelenka.guru/threads/469290/
     
  2. Киберполиция
    Так а какой смысл если гайдов по HTML уже хуева туча?
     
  3. 0dayexploit
    Киберполиция, Тем более есть сайт htmlbook , который поможет любому новичку. Проще понятней!
     
  4. swmf
    swmf 17 май 2018 101 8 дек 2017
    Боже, заебали блять свои гайды ебанные писать, в ютубе понятнее, качественнее и не текстом, а словами
     
  5. SellerBoy
    SellerBoy Автор темы 17 май 2018 33 13 май 2018
    Хочу сделать свой вклад в форум. Да и в будущем собираюсь делать уроки по написанию интересных скриптов на PHP, а для этого нужно знать основы html и собственно сам PHP тему с уроками по которому я тоже сейчас начинаю писать. Ну и допустим кто-то из тех у кого не получается напишет: "Ой, а я не знаю..", и вместо того что бы кидать ссылку, или же в теме каждому отвечать на тот или иной элементарный вопрос, я просто отправлю ссылку на тему где подробно разбирается та или иная трудность.
     
  6. SellerBoy
    SellerBoy Автор темы 17 май 2018 33 13 май 2018
    И по твоему тебе там ответят на каждый твой глупый вопрос?
     
  7. swmf
    swmf 17 май 2018 101 8 дек 2017
    И да и нет, если не ответят, то есть интернет
     
  8. Spokkiks
    Spokkiks 17 май 2018 Заблокирован(а) 52 11 май 2018
    Половина новорегов не знает что такое гугл даже, и пишут свою хрень сюда. Парень полезным делом занимается
     
  9. swmf
    swmf 17 май 2018 101 8 дек 2017
    А ты знаешь, что такое гугел?
     
  10. БАБНИК
    БАБНИК 17 май 2018 Заблокирован(а) 484 22 мар 2018
    Советую работать с кодом в Brackets
    Хороший редактор
     
  11. Spokkiks
    Spokkiks 17 май 2018 Заблокирован(а) 52 11 май 2018
    Видеоредактор, я там код писал для дизайна
     
  12. Spokkiks
    Spokkiks 17 май 2018 Заблокирован(а) 52 11 май 2018
    Да, не плохой, сублайм не красивый :warpath:
     
  13. bubble_inactive43839
    bubble_inactive43839 17 май 2018 Заблокирован(а) 54 19 июл 2016
    Таких долбоёбов форуму не надо)
     
  14. swmf
    swmf 17 май 2018 101 8 дек 2017
    Ты че, этоо вообще-то мультик такой
     
  15. Spokkiks
    Spokkiks 17 май 2018 Заблокирован(а) 52 11 май 2018
    Ну они на то и новореги. На следующий же день про форум забывают.
     
  16. bubble_inactive43839
    bubble_inactive43839 17 май 2018 Заблокирован(а) 54 19 июл 2016
    вообще считаю гайды и прочее полнейшей херней. Лучше сразу начать с практики, сделать что-то крупное. Опыт придет сразу и в "большом объеме". Определенно будет много вопросов, но как говорилось выше, есть гугл, стаковерлоу, где ответят с огромным удовольствием. На русских форумах блять страшно задавать вопросы, тут бы например я не стал ничего спрашивать.
     
  17. Spokkiks
    Spokkiks 17 май 2018 Заблокирован(а) 52 11 май 2018
    Насчет практики да, но не пойдешь же ты сразу писать сайт майкрософт в блокноте.
     
  18. bubble_inactive43839
    bubble_inactive43839 17 май 2018 Заблокирован(а) 54 19 июл 2016
    Я не зная даже 10 тегов начал делать серьезный проект. Главное захотеть С:
     
Top
Загрузка...