Изучаем HTML за 10 минут.

Тема в разделе "HTML и PHP", создана пользователем HomerSer, 04.03.2018.

  1. HomerSer
    HomerSer

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Онлайн
    Регистрация:
    02.03.2018
    Сообщения:
    86
    Репутация:
    +18 / -1
    Так-с , начнём.

    HTML - (от англ. HyperText Markup Language «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML.
    HTML очень легко изучается и я напишу ряд главных команд и специально для HTML есть редактор Notepad++.

    Визуальные редакторы Новички, только ступившие на путь изучения HTML, часто начинают свою работу с программ, позволяющих создавать сайты без каких-либо знаний. В них можно просто расположить элементы на экране так, как они будут отображаться в браузере. Казалось бы, вот он — источник вечной благодати, позволяющий избавиться от большинства веб-разработчиков. Но не всё так просто, так как у визуальных редакторов есть масса недостатков, которые делают невозможным их использование в серьёзных проектах.
    Все эти программы создают много ненужных тегов, которые делают конечный вариант страницы громоздким и неоптимальным. Конечно, в наш век скоростного интернета это имеет меньшее значение, чем раньше, но есть ряд причин, по которым лаконичный и грамотно написанный сайт получается более практичным, чем его собрат, созданный в визуальном редакторе. Веб-страница, сделанная в такой программе, будет плохо обрабатываться поисковыми роботами, так как для них важен каждый килобайт кода, а громоздкий и нелогичный код с кучей семантических ошибок едва ли придётся им по вкусу. Помимо этого, редакторы часто отстают от времени, становясь неактуальными, а тратить ресурсы на их развитие нецелесообразно, так как ни один профессионал не пользуется этими продуктами. Поэтому каждый, кто хочет работать в сфере создания сайтов, должен знать основы HTML.

    Теги
    Как упоминалось выше, теги описывают браузеру структуру веб-страницы. Большинство из них имеют открывающий и закрывающий тег, но далеко не все. Например, <title>...</title>, где вместо точек находится содержимое. Первый из них показывает, где начинается тег, а второй закрывает его. Внутри могут находиться другие элементы разметки страницы, они могут вкладываться друг в друга подобно матрёшке. Тут важно своевременно закрывать теги, чтобы страница отображалась корректно.
    [​IMG]
    Встречаются также одиночные теги, которые не нужно закрывать. В них содержимое находится внутри, так же как и атрибуты. Атрибут может быть прописан для большинства HTML-тегов и задаёт свойства элемента. Обозначается он в открывающем теге и выглядит примерно так: атрибут=«...», где вместо точек находится значение атрибута. Знание тегов является первым и самым важным шагом для освоения HTML. Основы этого искусства также подразумевают понимание структуры веб-страницы.

    Структура документа
    Каждый документ HTML имеет соответствующее расширение, например, Index.html. Так браузер сможет понять, с чем он имеет дело, и правильно отобразит страницу. Все файлы, используемые для создания сайта, желательно хранить в одной директории, что в дальнейшем существенно облегчит вам жизнь. Основы языка разметки гипертекста HTML предполагают чёткое понимание структуры документа. Начинается он с тега<!doctype html>, сообщающего браузеру версию HTML, которая используется в этом документе. На данный момент актуальна пятая версия языка, так что тут не нужно ничего выдумывать, можно смело вставлять приведённый выше тег в начало любой страницы.
    Вот пример :
    [​IMG]
    Потом идут основные парные структуры, составляющие «скелет» сайта. Первый тег, в который вложены все остальные — .... Всё, что находится за его пределами, не распознаётся браузером как веб-страница, так что он открывает документ и закрывает его. Этот тег является обязательным для любого документа. В нём также содержатся ещё несколько обязательных тегов, которые будут рассмотрены ниже. Head Внутри тега ... содержится информация технического характера, которая не будет отображаться на странице, но, тем не менее, является важной частью документа HTML. Основы сайта закладываются именно в этом месте, здесь выбирается кодировка и вводится название страницы. Оно содержится внутри обязательного тега . Отображается название в верхней части браузера, где также можно разместить небольшую иконку, характеризующую содержимое страницы. Желательно сразу указать кодировку документа для его корректного отображения. Это можно сделать при помощи тега . Метатеги предоставляют данные о структуре страницы и обычно располагаются внутри head. Link Знание основ HTML также предполагает использование каскадных стилей оформления, или css. В них задаются свойства элементов, которые будут отображены на странице. Современный подход к этой задаче предполагает вынесение таких характеристик, как цвет, высота и местоположение элемента, во внешний файл для большего удобства. Для подключения css-файла используется тег . В готовом виде это выглядит примерно вот так: , где href указывает на местоположение файла, а type - на его тип.
    Body Именно в этой части HTML-документа создаётся видимая часть страницы. Всё, что делается внутри «тела», будет показано браузером. В используется огромное количество тегов HTML. Основы — это форматирование текста, работа со ссылками и простейшие инструменты для структурирования веб-страницы. Чтобы приступить к работе в HTML, достаточно знать основные теги и уметь ими пользоваться. Ниже приведены самые популярные из них:
    • <span> - применяется для выделения подстроки, на которую будет распространяться особый стиль, описанный в css;
    • <a> - создаёт ссылку на веб-странице; адрес перехода задаётся атрибутом href;
    • <div> - один из популярнейших тегов современности; каждый, кто решил изучить основы языка HTMLl, должен уделить ему особое внимание, поскольку это блочный элемент, на основе которого сделана львиная доля современных сайтов (параметры для блоков <div> задаются в css, и внутри этого тега могут располагаться другие блоки);
    • <p> - выделяет абзац из текста; содержимое абзаца находится между открывающим и закрывающим тегами;
    • <ol> - нумерованный список, элементы которого заключаются в парный тег <li>;
    • <ul> - маркированный список, в котором, так же как и в нумерованном, элементы обозначаются тегом <li>;
    • <h1>-<h6> - заголовки документа (цифра обозначает уровень заголовка, то есть <h1> - главный заголовок, а последующие варианты являются его подзаголовками, кстати, заголовки уровней <h5>, <h6> почти невозможно встретить на просторах интернета), также важно помнить, что на странице может быть лишь один заголовок <h1>;
    • <strong> - жирный текст;
    • <em> - курсив;
    • <img /> - вставка картинки на интернет страницу (это единичный тег, ему не требуется закрывающий, но в нём обязательно нужно указать атрибут alt, в котором указывается текст для изображения);
    • <video> - вставка видео на веб-страницу;
    • <audio> - тег, вставляющий в документ аудио файл.
    Это далеко не все теги, необходимые для создания собственной веб-страницы, но их вполне достаточно, чтобы заложить основы HTML для начинающих.
    Спасибо что прочитали!:Biggrin
    .
    Для 32ух битных систем :Что бы посмотреть ссылку войдите или зарегистрируйтесь
    Для 64ёх битных систем : Что бы посмотреть ссылку войдите или зарегистрируйтесь
     
  2. RVL
    RVL

    234

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    12.09.2017
    Сообщения:
    465
    Репутация:
    +254 / -0
    Обратите внимание, если Вы хотите провести сделку с данным пользователем, на то, что он заблокирован.
    О господи, ты веком не ошибся? Html... Ещё и дезинформация в заголовке. Фейспалм тройной. Сейчас даже тупорылый школьник знает, что такое html. Зачем сюда это нужно было копипастить?

     
  3. HomerSer
    HomerSer

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Онлайн
    Регистрация:
    02.03.2018
    Сообщения:
    86
    Репутация:
    +18 / -1
    Я не знал что надо было писать
     
  4. RVL
    RVL

    234

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    12.09.2017
    Сообщения:
    465
    Репутация:
    +254 / -0
    Обратите внимание, если Вы хотите провести сделку с данным пользователем, на то, что он заблокирован.
    Так зачем написал тогда если не знал?
     
  5. JavaPG
    JavaPG

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    31.01.2018
    Сообщения:
    73
    Репутация:
    +29 / -2
    Возможно он хотел реп набить?
     
  6. HomerSer
    HomerSer

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Онлайн
    Регистрация:
    02.03.2018
    Сообщения:
    86
    Репутация:
    +18 / -1
    Я не знал что именно писать и решил про HTML
     
  7. HomerSer
    HomerSer

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Онлайн
    Регистрация:
    02.03.2018
    Сообщения:
    86
    Репутация:
    +18 / -1
    Была другая идея но не стал
     
  8. iamhere
    iamhere

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    02.02.2018
    Сообщения:
    98
    Репутация:
    +10 / -0
    Эсли хотите изучить html и css, то лучшая книга для новичков на эту тему - "Изучаем HTML, XHTML и CSS - Фримен Эрик, Фримен Элизабет".
    Да и вообще, от этих авторов есть очень много книг по программированию.
    Всё можно найти в свободном доступе. Так сказать, гугл в помощь
     
  9. slava3212
    slava3212

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    24.10.2017
    Сообщения:
    50
    Репутация:
    +4 / -4
    HTML
    Это классная тема .. очень важная и интересная . Это основа основ создания сайта
    Но изучать его текстом .. бред
    Тут нужно записывать видео уроки где можно все раздевать
     
  10. crystalN7
    crystalN7

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    19.03.2017
    Сообщения:
    251
    Репутация:
    +68 / -2
    Все забыли про php плак
     
  11. iamhere
    iamhere

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    02.02.2018
    Сообщения:
    98
    Репутация:
    +10 / -0
    Какой php без html будет то?))
    Надо первым html изучить, а потом уже можно и о php говорить)
     
  12. Fly
    Fly

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    11.05.2016
    Сообщения:
    194
    Репутация:
    +247 / -0
    И правильно сделали)
    Учите Python.
     
  13. LeFFF
    LeFFF

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    12.03.2018
    Сообщения:
    12
    Репутация:
    +3 / -0
    Посмотрите лучше видос на ютаб, хаудихо, все объясняет за 1 час да и контента много, на эту тему.
     
  14. slava3212
    slava3212

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    24.10.2017
    Сообщения:
    50
    Репутация:
    +4 / -4
    С помощью урока от хауди хо
    Ты HTML весь не освоишь
     
  15. LeFFF
    LeFFF

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    12.03.2018
    Сообщения:
    12
    Репутация:
    +3 / -0
    я не говорил что ты освоишь весь HTML, весь только с практикой , но он там многое рассказывает .
     
  16. slava3212
    slava3212

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    24.10.2017
    Сообщения:
    50
    Репутация:
    +4 / -4
    Да
    На HTML очень важна практика
    Оттачивание каждого тега
    Например можно даже создать данный форум
    Чисто на HTML
    Без дизайна без всего
     
  17. LeFFF
    LeFFF

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    12.03.2018
    Сообщения:
    12
    Репутация:
    +3 / -0
    ну за дизайн CSS отвечает , а тк это верстка просто будет, учится нужно вот и весь залог успеха
     
  18. slava3212
    slava3212

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    24.10.2017
    Сообщения:
    50
    Репутация:
    +4 / -4
    HTML + CSS
    И вы уже боги любого арктически сайта
     
  19. LeFFF
    LeFFF

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    12.03.2018
    Сообщения:
    12
    Репутация:
    +3 / -0
    ну и немного javascript-а и вы топчик
     
  20. crystalN7
    crystalN7

    123

    Депозит:
    0 р.
    Гарант сделок:
    0
    Статус:
    Оффлайн
    Регистрация:
    19.03.2017
    Сообщения:
    251
    Репутация:
    +68 / -2
    Основа основ
    Как вообще не стыдно
     
Похожие темы
  1. DΔRTΫ
    Ответов:
    7
    Просмотров:
    1,774
  2. Johnny
    Ответов:
    4
    Просмотров:
    1,183
  3. hesher88
    Ответов:
    4
    Просмотров:
    791
  4. ИванХакер
    Ответов:
    3
    Просмотров:
    767
  5. msf8
    Ответов:
    0
    Просмотров:
    395
Загрузка...
  • О НАС

    DarkWebs.ws — форум, посвященный вопросам заработка в интернете, различные схемы мошенников, IT вопросам и многое другое. Это форум о заработке в сети интернет.

  • FAQ

  • ОТВЕТСТВЕННОСТЬ

    Администрация не несет никакой ответственности за публикации на данном форуме. Если Вы считаете, что в темах и сообщениях может содержаться информация, запрещенная к распространению, просим незамедлительно сообщить Администрации.

    Abuse email: abuse@darkwebs.ws

  • ПАРТНЕРЫ

    Яндекс.Метрика