Загрузка...

Learn HTML with SmileyCoder [Part 2]

Thread in Programming created by SmileyCoder Sep 9, 2017. 390 views

  1. SmileyCoder
    SmileyCoder Topic starter Sep 9, 2017 Banned 27 Sep 7, 2017
    Продолжаем изучать HTML.

    Весь html-код, написанный вами должен быть сохранен в файле с расширением .html

    Только тогда такие файлы можно открывать с помощью браузера и просматривать свою первую веб-страничку.

    Советую скачать Notepad++ или SublimeText 3, удобные редакторы для написания кода (с подсветкой тегов)

    Так вот, такие файлы можно сохранять через Save As - и в названии сохраняемого файла вписав textfile.html, предварительно в строчке с расширениями выбрав All types. (textfile - произвольное имя файла, на ваш выбор)

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

    (Данная страница доступна для просмотра только вам, её мы создали на локальном компьютере. О публикации сайта в сеть поговорим позже, в отдельной статье)

    Теперь пора бы хоть чем-то наполнить нашу первую страничку.

    Перейдем к рассмотрению простейших и часто используемых тегов:

    Заголовочные теги:

    <h1></h1> - самый большой размер шрифта для заголовка (жирный шрифт)

    <h2></h2> - далее по убыванию...

    ...

    <h6></h6> - самый маленький заголовок из всех

    Cоздание списков:

    [IMG]
    Пример приведен для ненумерованного списка.

    Открывается он тегом <ul> - от английского unordered list, то есть непронумерованный

    Далее внутри тегов <ul> каждый элемент списка нужно заключать в тег <li> - что от английского list item (элемент списка)

    Для создания нумерованного списка нужно написать такую же конструкцию, только заключать всё не в теги <ul>, а в теги <ol></ol> - ordered list (нумерованный список)

    Параграфы:

    Весь текст, который вы заключите в между тегами <p> и </p> будет отделен от сплошного текста и выглядеть будет логической частью (удобно для восприятия пользователя)



    Чтобы не развозить тут демагогию с перелопачиванием уже давно удобно структурированной инфы, посоветую вам сайт для ознакомления с тегами - http://htmlbook.ru/html (не реклама)

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

    Вы всё запомните на автомате в процессе практики. А сейчас просто знакомьтесь и формируйте у себя в голове представление структуры веб-страницы.
     
  2. TheBottle
    TheBottle Sep 9, 2017 Banned 18 Jun 15, 2017
    Проще уже делать на готовых фреймворках типа bootstrap и его элементах, от чистого html без стилей не много толку.
     
  3. SmileyCoder
    SmileyCoder Topic starter Sep 9, 2017 Banned 27 Sep 7, 2017
    по-сути, да, но опять же если так подумать, не всем даны познания о фреймворках. Поэтому, собственно тут и азы.
     
  4. коля1
    коля1 Sep 9, 2017 Ja, nein, Rammstein! 36 Feb 4, 2017
    Чисто мысли вслух, такое обучение, можно на дохуя десятки сотен тем растянуть ))) и
     
  5. SmileyCoder
    SmileyCoder Topic starter Sep 9, 2017 Banned 27 Sep 7, 2017
    опять же повторюсь, что тут лишь азы (БАЗА) для новичков, если у тебя эта самая база есть - для тебя это ничего не значит.
     
  6. коля1
    коля1 Sep 9, 2017 Ja, nein, Rammstein! 36 Feb 4, 2017
    так не, бро) не против) но имхо - в 1 теме просто все посты делай) а не много тем ) азы я изучал на html academy(notreklama) ))
     
  7. SmileyCoder
    SmileyCoder Topic starter Sep 9, 2017 Banned 27 Sep 7, 2017
    Ок, учту)
     
  8. clubm
    clubm Sep 9, 2017 Banned 343 Sep 29, 2016
    молодца что дал понять людям с чего состоят сайты. но это было давно . php рулит.
     
  9. SmileyCoder
    SmileyCoder Topic starter Sep 9, 2017 Banned 27 Sep 7, 2017

    Cогласен с тобой, php сейчас в "тренде", но чувак, если ты не знаешь ОСНОВЫ кодинга, а за основы я взял HTML, то и php тебе будет трудно выучить)
     
  10. clubm
    clubm Sep 9, 2017 Banned 343 Sep 29, 2016
    HTML это не кодинг не программирование а php люди кодят
     
  11. BarbituratYT
    BarbituratYT Sep 9, 2017 Banned 15 Aug 18, 2017
    Бляха, только начал учить и увидел на lolzteam. Поверьте тому кто учит, это полезно!
     
  12. BarbituratYT
    BarbituratYT Sep 9, 2017 Banned 15 Aug 18, 2017
    Бляха, только начал учить и увидел на lolzteam. Поверьте тому кто учит, это полезно!
     
  13. SmileyCoder
    SmileyCoder Topic starter Sep 9, 2017 Banned 27 Sep 7, 2017
  14. Corneus
    Corneus Sep 9, 2017 404 Jul 3, 2016
    Как раз хотел выучить HTML. Годно.
     
Top
Loading...