Что такое html код и как с ним работать?

15 ответов на вопрос “Что такое html код и как с ним работать?”

  1. Fix fux Ответить

    HTML был придуман в 86-м году прошлого века. Инициатором стал ученый из Великобритании Тимон Бернерс-Ли, работающий в Европейской организации по ядерным исследованиям в Женеве.

    Тогда он предложил HTML в качестве языка для передачи технических и научных данных между Институтами. Это поспособствовало тому, что все научные документы легко читались и выглядели одинаково хорошо на всех устройствах.
    Изначально HTML использовался исключительно в научных учреждениях, но вскоре такая идея понравилась людям настолько, что распространилась далеко за их пределы, и сегодня этот язык является основой Интернета. Кроме упрощения структуры документа, HTML начал поддерживать гипертекст.
    Современные функции языка HTML сильно отличаются от тех задач, которые он выполнял много лет назад. Создавался он с целью структурирования и форматирования документов, при этом элементы отображения не применялись. HTML текст можно было посмотреть на любой технике: цветном мониторе компьютера, небольшом экране мобильника, органайзере с монохромным экраном или программе чтения текста голосом. Он воспроизводился на них без каких-либо помарок.
    Но со временем потребности возрастали, что привело к появлению картинок, звука, диаграмм и прочих элементов. В связи с этим выходили новые версии HTML, последней из которых является HTML 5. Современная версия позволяет создавать уже не только сайты, но и web-приложения.

    Из каких компонентов состоит HTML?

    HTML язык содержит несколько основных компонентов, которые выполняют определенные функции:
    Тег (дескриптор). HTML полностью состоит из дескрипторов. Они посылают команды веб-браузеру, выполняющему конкретные функции. К примеру, вставляет картинки или создает списки.
    Атрибут (аргумент). Предназначен для внесения изменений в теге. То есть, он может выровнять по краю или центру абзац/картинку внутри самого тега.
    Значение. Определяет изменения от атрибутов. Например, при выравнивании текста или изображения, для атрибута можно задать различные значения: текстовые (left либо right), или числовые (размеры картинки по ширине и высоте).

    Какая структура HTML документа?

    Посетив в браузере любую web-страницу, вы можете посмотреть, как она выглядит в кодовом формате, нажав правой кнопкой мыши на странице и выбрав раздел «Посмотреть код».

  2. Goldenseeker Ответить

    HTML документ должен содержать объявление на самой первой строчке. Объявление это — инструкция для веб-браузера о том, на какой версии HTML написана страница. Это непарный тег, то есть у него нет закрывающего тега. Текущая версия HTML 5 использует следующую декларацию:
    Cуществует несколько видов DOCTYPE. Есть строгие виды (strict), которые работают на основе только определенных тегов, есть переходные (transitional), которые допускают возможность включения дополнительных тегов, есть такие, которые работают с фреймами (frameset).
    В HTML 4.01 doctype ссылается на Document Type Definition (DTD описывает схему документа для конкретного языка разметки посредством набора объявлений), который основан на SGML. Есть 3 разных типа doctype в версии HTML 4.01.

    HTML 4.01 Strict

    Этот DTD содержит все элементы HTML и аттрибуты, но ИСКЛЮЧАЕТ устаревшие или стилевые элементы (например, тег font). Также в strict не допускается использование frameset (фреймов).

    HTML 4.01 Transitional

    Этот DTD содержит все HTML элементы и аттрибуты, ВКЛЮЧАЯ стилевые и устаревшие элементы. Frameset (фреймы) не допускаются.

    HTML 4.01 Frameset

    Этот DTD тоже содержит все HTML элементы и аттрибуты, ВКЛЮЧАЯ стилевые и устаревшие элементы. В отличие от HTML 4.01 Transitional, но он допускает использование frameset (фреймов).
    В версии HTML5 есть только один doctype и определяется он следующим образом:
    Правила DOCTYPE HTML5 являются универсальными, включают в себя правила предыдущей версии, а также возможность работы с HTML 4 тегами и в какой-то степени с XHTML, и объединяют в себе возможности всех своих предшественников, адаптируя их для работы в новых браузерах.
    По сравнению с прежними своими собратьями, DOCTYPE HTML5 не основан на SGML (стандартном обобщённом языке разметки), поэтому там нет тех данных, которые указывались до этого, а следовательно – в нем присутствует только короткая команда. И дальше уже идет сам документ.
    При отсутствии тега разные Web-браузеры мо
    гут по-разному отображать веб-страницу.
    Весь текст HTML-документа расположен между тегами и . HTML-документ состоит из двух разделов — заголовка (между тегами и ) и содержательной части (между тегами и ).

    Раздел HEAD.

    Раздел HEAD содержит техническую информацию о веб-странице — заголовок, ее описание и ключевые слова для поисковых машин, данные об авторе документа, времени создания страницы, базовом адресе страницы, кодировке документа и т. д. Единственным обязательным тегом в разделе HEAD является тег .
    Текст, расположенный между тегами и , отображается в строке заголовка веб-браузера. Длина заголовка должна быть не более 60 символов, иначе он не полностью поместится в заголовке веб-браузера:
    Заголовок страницы

    Текст, расположенный между тегами и используется в результатах, выдаваемых поисковыми машинами, в качестве текста ссылки на эту страницу. По этой причине заголовок должен максимально полно описывать содержание веб-страницы.
    С помощью одинарного тега можно задать описание содержимого веб-страницы, а также ключевые слова для поискового портала. Если текст между тегами и используется в качестве текста ссылки на эту страницу, то описание из тега будет отображено под ссылкой на веб-страницу:

    В разделе HEAD могут быть расположены также теги , , , и другие. Все эти теги мы рассмотрим в дальнейшем по мере изучения материала.

  3. МираМало Ответить

    А теперь давайте взглянем, как работают сайты на html и не только, чисто технически. Представим наш интернет в виде огромного количества компьютеров, объединенных между собой в сети. Каждый компьютер имеет свой уникальный ip адрес, на котором хранится большое количество страничек. Это может быть несколько сотен тысяч страниц. Крупные сайты с миллионной посещаемостью могут иметь и не один такой сервер.
    У каждого такого сайта есть свое уникальное название, как например http://www.smarticle.ru
    Так вот чтобы наш браузер нашел этот сайт, есть еще один связующий сервер, называется он DNS (Domain Name Server). Сначала этот запрос посылается ему, а уже он ищет тот компьютер в сети интернет, где находится наша страничка, и если он ее нашел, то отправляет пользователю, т.е нам с вами в браузер.
    Крупные сайты, использующие PHP, сначала обращаются к базе данных, в ней ищут нужный веб-документ и затем также отправляют посетителям. Схематично это можно представить так

    На этом урок завершен. Для любителей посмотреть, записал видеопрезентацию, чтоб еще раз все улеглось по полочкам. Ставим лайки, репосты, делимся в социальных сетях полезным материалом.
    [sociallocker id=»3259?][/sociallocker]

  4. Pioneer Ответить

    Всемирная паутина соткана из web-страниц (Web-pages), а эти страницы создаются при помощи языка разметки гипертекста (HyperТext Markup Language, HTML).
    Хотя многие, особенно новички, говорят сегодня о “Программировании (именно с большой буквы) на HTML”, HTML вовсе не является языком программирования.
    HTML – это язык разметки. Вы используете HTML для разметки текстового документа, точно так же, как это делает редактор при помощи жирного красного карандаша.
    Эти пометки служат для определения формата (или стиля), который будет использован при выводе текста на экран монитора.

    Структура HTML-документа

    M в аббревиатуре HTML означает “mark up” – размечать.
    Текст размечается тегами, которые являют собой ключевые слова языка,
    заключенные в угловые скобки “”.
    Чаще их употребляют парами, чтобы отметить начало и конец некоторого куска текста.
    Отмечают же его для того, чтобы браузер показывал текст на экране в заданном тегами виде.
    Закрывающий тег отличается от открывающего наличием косой черты “/”.
    Некоторые теги имеют атрибуты, которые уточняют правило отображения содержимого. Атрибуты могут указываться только в открывающем теге.
    Естественно, нельзя обойтись без комментариев. Они служат для удобства разработчика, для пояснений.
    Комментарии не обрабатываются браузером и не отображаются, но они загружаются вместе со всем документом и влияют на время загрузки.
    Поэтому, добавляя комментарии, надо придерживаться “золотой середины”.
    Комментарии заключаются между фрагментами и могут занимать несколько строк.
    Общий вид HTML-документа:
    Заголовок HTML-документа (не отображается на экране)
    Тело HTML-документа (отображается на экране)

    Первый тег – это идентификатор применяемого стандарта HTML.
    В приведенном примере задано соответствие последнему стандарту HTML5.
    подробнее о !DOCTYPE…

    Информация в заголовке

    Контейнер содержит информацию для браузеров и поисковых систем.
    подробнее об информации в контейнере …

    Содержание контейнера

    Между парой тегов … хранится всё содержание web-страницы,
    которое отображается на экране монитора в окне браузера.
    Это может быть простой текст,
    списки, ссылки,
    изображения, таблицы и др.

  5. Kajidal Ответить

    Путешествуя  по просторам Всемирной паутины, вы смогли заметить, как различаются между собой оформление и возможности веб-страниц. Но не каждый из вас знает, что все это разнообразие реализовано на основе языка HTML.
    Все что вы видите на странице – текст, рисунки, таблицы и другие элементы, формирующие смысловое наполнение веб-страницы, именуемое контентом, создаются при помощи языка разметки  HTML. Кликните правой кнопкой мыши по любой веб-странице, и в выпавшем меню выберите пункт “просмотр HTML кода” или «Исходный код» – появится текстовой редактор с непонятными, вам символами и значками – это и есть HTML-код страницы.
    Любой WWW-документ может содержать стилизованный и форматированный текст, графику и гиперсвязи с различными ресурсами Интернет. Чтобы реализовать все эти возможности, был разработан специальный язык описания WWW-документов, названный HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста.
    Описание Web-страницы на языке HTML представляет собой набор инструкций, интерпретируемый программой-браузером.
    Документ, написанный на HTML, представляет собой текстовый файл, содержащий собственно текст, несущий информацию читателю, и теги разметки (markup tags). Теги – это определенные стандартом HTML, последовательности символов, являющиеся инструкциями для  браузера.
    Согласно этим инструкциям программа располагает текст на экране, включает в него рисунки, хранящиеся в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Интернет. Таким образом, файл на языке HTML приобретает облик Web-документа только тогда, когда он интерпретируется браузером.
    Однако, в стандартном языке HTML есть один существенный недостаток.  Например, для того чтобы описать  разметку абзацев в контенте и их оформление, необходимо  описывать  эти свойства для каждого абзаца, даже если на одной страничке  находится 10 или 20 абзацев. А, представьте, что на сайте может быть 100 страниц .  В итоге нужно двадцать или двести раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла.
    А какая головная боль для программистов!  Для облегчения жизни бедным веб-мастерам, были придуманы Cascading Style Sheets(CSS) – каскадные таблицы стилей.
    CSS действует другим, более удобным и экономичным способом. Для оформления абзацев в контенте сайта один раз прописывается код или стиль оформления. Этот код или описание стиля, сохраняется в отдельном файле. Далее нужно только при помощи HTML разметить текст на абзацы, а уж CSS  позаботится об их оформлении. Код уменьшается в десятки и сотни раз.
    Размещение описания стилей в отдельном файле очень удобно, особенно если на сайте больше одной страницы.  Например, чтобы изменить оформление всех абзацев на сайте, достаточно изменить код в таблице стилей.
    CSS совместно с HTML, позволяют творить чудеса, и все благодаря разделению труда по созданию веб-страниц. Разметка элементов страниц производится на основе HTML, а визуальное оформление элементам придается при помощи таблиц CSS
    Таблицы стилей CSS – попытка отделить детали дизайна странички от ее структуры и содержания.
    Пока это для вас китайская грамота. А я не буду строить из себя гуру и писать очередной самоучитель «Что такое HTML и CSS». Подобной информации вы найдете в интернете целый вагон, плюс к этому множество изданных учебников. Захотите углубиться в тему – флаг вам в руки. Не бойтесь, HTML и CSS весьма просты, и освоить их может любой чайник. Но торопиться с этим пока не стоит.
    По собственному опыту знаю, что лучше не перегружать мозг чайника излишней информацией,  иначе он, т.е. мозг, вскипит раньше времени. Не верьте умникам на различных сайтах, которые утверждают, что создание сайта  необходимо начинать с изучения  HTML и CSS . У меня для вас хорошая новость – вам не придется писать самим HTML-код, потому что умные люди придумали CMS.

  6. Kyki Ответить

    Урок №3
    Разбираем HTML код

    Давайте разберём, что означает каждая часть нашего кода HTML-документа, введённого в Блокнот на прошлом уроке:
    Название страницы
    Заголовок статьи
    Абзац статьи.
    Но для начала узнаем, что такое HTML-тег или просто «тег»?

    Тег — основа языка HTML

    Основной частью языка HTML является — тег. HTML документ (как и весь html-код) и состоит и тегов. Тег содержит в себе имя и угловые скобки, которые расположены по бокам — :
    — это один из множества, различных HTML-тегов, означает абзац.
    Теги бывают открывающими и закрывающими. У закрывающих тегов перед именем стоит косая черта (слэш) /
    — открывающий тег.
    — закрывающий тег.
    Между открывающим и закрывающим тегами, обычно располагается текст или другие теги.
    У тегов разные имена и каждое имя означает какой либо элемент HTML-страницы: заголовок статьи, абзац (параграф) статьи, фотографию, ссылку, кнопку и т.п.
    Рассмотрим другие теги используемые в нашем HTML коде.

    Теги — начало и конец HTML-документа

    Возвращаемся к нашему HTML документу:
    Название страницы
    Заголовок статьи
    Абзац статьи.
    Каждый HTML-документ начинается с открывающегося тега и заканчивается закрывающимся тегом

    Теги и — голова и тело HTML-документа

    Между тегами располагаются два блока.
    1. Первый блок начинается и заканчивается тегами — их называют головой HTML-документа.
    2. Второй блок начинается и заканчивается тегами — их называют телом HTML-документа.
    Название страницы
    Заголовок статьи
    Абзац статьи.
    1. — голова HTML-документа.
    2. — тело HTML-документа, между этими тегами располагается основная информация страницы: заголовки, абзацы, фотографии, ссылки, кнопки и т.д.

    Теги — название HTML-страницы

    Название страницы
    Заголовок статьи
    Абзац статьи.
    В голове между тегами , располагаются теги
    . Между тегами помещают текст, который выступает в качестве названия страницы.
    В нашем примере, между тегами , находится текст:
    Название страницы
    Текст помещённый между тегами появляется в двух местах, в виде названия окна браузера и в виде названия вкладки браузера:

    Название страницы, которую вы сейчас читаете, содержит следующий текст:
    Разбираем код HTML-документа. Выясняем что такое тег.

    Теги и
    — заголовок и абзац статьи

    Название страницы
    Заголовок статьи
    Абзац статьи.
    В теле нашего HTML-документа, между тегами , располагаются два вида тегов:
    — теги заголовока статьи,
    — теги абзаца статьи.
    — между этими тегами располагается текст, который является заголовком статьи.
    Например, текст заголовока статьи, которую вы сейчас читаете содержит следующее:
    Разбираем HTML код
    — между этими тегами располагается текст, который является абзацем статьи.
    Например, второй абзац статьи, которую вы сейчас читаете, содержит следующее:
    Но для начала узнаем, что такое HTML-тег или просто «тег»?

    Обобщаем материал по структуре HTML-документа:

    Каждый HTML-документ начинается и заканчивается тегами Каждый HTML-документ состоит из двух блоков, головы и тела:
    1. — голова HTML-документа,
    2. — тело HTML-документа.
    В голове HTML-документа между тегами , располагаются теги и некоторая служебная информация о странице (мета-теги), которую мы изучим чуть позже.
    В теле HTML-документа между тегами , располагается основной контент: тексты, изображения, формы, которые обрамлены тегами заголовков h1, абзацев p, изображений img, ссылок a, кнопок input и т.д.
    Читать далее: Добавляем статью в HTML-документ
    Category:
    HTML
    Tag:
    html, разбор кода, учебник html

  10. VideoAnswer Ответить

Добавить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *