Загрузка...

HTML Lesson by SellerBoy # 2

Thread in Web development created by SellerBoy May 17, 2018. 445 views

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

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

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

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

    У меня допустим будет index.html - открывать его можно с помощью браузера у себя на ПК.
    Те кто читали вступительную первую часть - установили Sublime text, а так-же плагин Emmet. И в первые же секунды написания разметки для страницы он нас очень выручает.
    Для того что бы создать базовую разметку достаточно просто ввести: "!", после чего нажать Tab(сверху от Cap’s Lock).
    После чего сразу видим вот такую картину:
    [IMG]
    Code
    <!DOCTYPE html>
    - собственно это по стандарту указывается в каждом HTML файле, что позволяет браузеру правильно определить что он читает.
    Далее на второй строке у нас открывает тэг
    Code
    <html>
    , а так-же закрывается на десятой. Пожалуй сделаю небольшое отступление и объясню что такое "тэг" в целом. Думаю возможно вы уже догадались что в них заключается определенная информация. Так-же стоит учитывать что существует два вида тегов:
    1 вид
    Code
    <html> </html>
    Тэг который открывается и закрывается, а внутри него помещается уже информация или же тэги. Самое главное это то что нельзя писать вот так:
    Code
    <p><html></p></html>
    То-есть разрывать их нельзя, правильно будет вот-так:
    Code
    <html><p></p></html>
    2 вид
    Code
    <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 May 17, 2018 101 Dec 8, 2017
    Боже, заебали блять свои гайды ебанные писать, в ютубе понятнее, качественнее и не текстом, а словами
     
  5. SellerBoy
    SellerBoy Topic starter May 17, 2018 33 May 13, 2018
    Хочу сделать свой вклад в форум. Да и в будущем собираюсь делать уроки по написанию интересных скриптов на PHP, а для этого нужно знать основы html и собственно сам PHP тему с уроками по которому я тоже сейчас начинаю писать. Ну и допустим кто-то из тех у кого не получается напишет: "Ой, а я не знаю..", и вместо того что бы кидать ссылку, или же в теме каждому отвечать на тот или иной элементарный вопрос, я просто отправлю ссылку на тему где подробно разбирается та или иная трудность.
     
  6. SellerBoy
    SellerBoy Topic starter May 17, 2018 33 May 13, 2018
    И по твоему тебе там ответят на каждый твой глупый вопрос?
     
  7. swmf
    swmf May 17, 2018 101 Dec 8, 2017
    И да и нет, если не ответят, то есть интернет
     
  8. Spokkiks
    Spokkiks May 17, 2018 Banned 52 May 11, 2018
    Половина новорегов не знает что такое гугл даже, и пишут свою хрень сюда. Парень полезным делом занимается
     
  9. swmf
    swmf May 17, 2018 101 Dec 8, 2017
    А ты знаешь, что такое гугел?
     
  10. БАБНИК
    БАБНИК May 17, 2018 Banned 484 Mar 22, 2018
    Советую работать с кодом в Brackets
    Хороший редактор
     
  11. Spokkiks
    Spokkiks May 17, 2018 Banned 52 May 11, 2018
    Видеоредактор, я там код писал для дизайна
     
  12. Spokkiks
    Spokkiks May 17, 2018 Banned 52 May 11, 2018
    Да, не плохой, сублайм не красивый :warpath:
     
  13. bubble_inactive43839
    bubble_inactive43839 May 17, 2018 Banned 54 Jul 19, 2016
    Таких долбоёбов форуму не надо)
     
  14. swmf
    swmf May 17, 2018 101 Dec 8, 2017
    Ты че, этоо вообще-то мультик такой
     
  15. Spokkiks
    Spokkiks May 17, 2018 Banned 52 May 11, 2018
    Ну они на то и новореги. На следующий же день про форум забывают.
     
  16. bubble_inactive43839
    bubble_inactive43839 May 17, 2018 Banned 54 Jul 19, 2016
    вообще считаю гайды и прочее полнейшей херней. Лучше сразу начать с практики, сделать что-то крупное. Опыт придет сразу и в "большом объеме". Определенно будет много вопросов, но как говорилось выше, есть гугл, стаковерлоу, где ответят с огромным удовольствием. На русских форумах блять страшно задавать вопросы, тут бы например я не стал ничего спрашивать.
     
  17. Spokkiks
    Spokkiks May 17, 2018 Banned 52 May 11, 2018
    Насчет практики да, но не пойдешь же ты сразу писать сайт майкрософт в блокноте.
     
  18. bubble_inactive43839
    bubble_inactive43839 May 17, 2018 Banned 54 Jul 19, 2016
    Я не зная даже 10 тегов начал делать серьезный проект. Главное захотеть С:
     
Top
Loading...