Загрузка...

Учим HTML с SmileyCoder [ч.2]

Тема в разделе Программирование создана пользователем SmileyCoder 9 сен 2017. 380 просмотров

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

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