Поточний час:
Сьогодні 22 листопада, середа 2017 рік
Стрічка RSS

Введіть ваш Е-mail:

Zura-Blog 2 роки 11 місяців 3 дня

Ваш ip адрес:54.80.169.119

Доброї ночі!
Ви обновили сторінку в 3 : 52
Статистика

Кількість публікацій на блозі: 367
Кількість коментарів на блозі: 102
Кількість категорій на блозі: 27
Кількість міток на блозі: 3

Zura – Blog
Яндекс.Метрика UA TOP Bloggers

Post_21aHTML- это язык разметки гипертекста, а не язык программирования, разработанный для создания web-сайтов.

HTML определяет какие элементы и как должны размещаться на web-странице. Язык разметки HTML позволяет создавать web-сайт, который может просматривать любой пользователь в сети интернет.

HTML постоянно развивается, и разрабатывается для того чтобы удовлетворять потребности, как пользователей, так и web- дизайнеров. 

 От себя почему HTML


Показати текст »

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

Конечно, кто из вас установил WordPress, на своем созданном специальными программами хостинге, или имеет в наличии место на хостинге у провайдера, и пишет блог на какую-то другую тематику, которая не имеет отношения к веб-дизайну то для данных персон, изучение HTML возможно и не потребуется.

Собственно мое мнение таково, считаю что видимо только в начале изучения веб–дизайна знания о HTML не будут иметь  большого значение, так как сам WordPress это по сути готовый сайт с админпанеллю. Который, просто нужно всего навсего заполнить необходимыми материалами.

Такие елементарные понятия как что такое теги и атрибуты, гиперссылки, как их добавлять, нужно иметь, так как в пословице говорится “Чем дальше в лес, тем больше дров” а сейчас чем больше внедряешся  в разработку сайтов, или написании блога, тем чаще приходится заходить в редактор  для разных изменений в коде, или добавления элементов кода в файлы темы.


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

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

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

И хотя когда открыть редактор WordPress, большинство файлов указаны с расширением РНР, всеравно без знаний HTML будет тяжело вносить необходимые изменения в шаблон.

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

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

Конечно что любой шаблон отличается от других, поэтому чтобы что-то интересное поставить на своем сайте, потребуются небольшие понятие и о самом программирования, и о языке гипертекстовой разметки HTML.


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

 


 

 

Все о  HTML

 

Язык HTML – (англ. Hypertext Markup Language) это форма записи гипертекстовых документов в форму текстовых документов. Язык разметки HTML позволяет создавать web-сайты которые может увидеть любой пользователь сети. Вся та работа, которая связана с модернизацией языка HTML, проходит под руководством World Wide Web Consortium. (WЗS) – это организация, которая занимается проектированием для поддержки стандартов HTML.

Гипертекстовый документ – это созданный на базе языка HTML текстовый документ, который содержит ссылки на второй объект. Это может быть текстовый документ, видеофайл, картинка, ссылки на другие фрагменты этого-же документа

Поиск в HTML- документах организован по ключевым словам. Это означает, что каждый браузер содержит определенные выделенные ссылки, по которым образуются так называемые гиперзвязкы, которые дают возможность, каждому пользователю сети вести поиск информации по всему миру. 

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

HTML состоит из операторов, которые называются “теги”, и синтаксиса “правила записи”, которые сохранены в определенном web – программистом порядке и месте в текстовом файле.

Текст должен быть сохранен в виде файла с расширением. HTML (понятие о расширении файла в публикации “Понятие о файле»).


Сам текст, или нужные элементы фото, или видеофайл можно посмотреть с помощью программы web-браузера. Браузер интерпретирует этот файл, и переводит текст в видимую форму.

Для создания HTML- страниц, можно использовать практически любой текстовый или графический редактор, с мощными возможностями.

Я бы рекомендовал использовать Notepad ++, а не те редакторы входящие в пакет операционных систем Microsoft Windows. Хотя даже такой простой программы как «Блокнот» будет вполне достаточно, для сворення обычных HTML-страниц.

Написание кодов HTML как я уже отмечал, осуществляется с помощью HTML- тегов.

Что такое тег

Тег это способ преобразования обычного текста в HTML-код.

Тег или теги хранят информацию для интернт браузера, которая необходима для интерпретации интернет страниц и позволяет как я уже отмечал отображать, в окне браузера элементы веб-страниц, таких как изображения, таблицы и т.д.

 

Строка кодов сам по себе не отображается на экране мы увидим только результат.

Создание HTML- документов процедура не сложная.

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

Но сама работа, требующая знания элементов и атрибутов этого языка.

Единственный и надежный путь познакомиться с элементами этой речи и, и научиться их использовать – это только индивидуальная работа, также стараться создавать сайты, только с помощью только самого языка HTML.

Потом легче разбираться и в самом РНР.

Что такое елементы HTML.


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

Тег оператор вписывается в середину символов <>”

И закрывающий тег также записывается так же как открывающий тег, но начинается с слэша “/” в середине символов. “</>”

Начало и конец  HTML–документах определяется следующим образом (<HTML> все что содержится в документе </HTML>).
 
В середине этих тегов  ( между символами <HTML></HTML>) должны находиться теги заголовка HEAD (<HEAD>заголовок</head>), и дальше теги элемента BODY (<BODY> тело документа </body>).
 
Тело документа это его заполнения. Элемент  TABLE (<TABLE> содержит таблицу </TABLE> и используется для вставки в HTML-страницу.
 

Что такое атрибуты.


Атрибути — это свойства элементов. Атрибуты включаются в открывающий тег элемента и имеют вид такой: имя_атрибута = “значення_ атрибута”

Атрибуты определяют дополнительные параметры того или иного тега. Например, добавляя к элементу TABLE атрибут ALIGN = “CENTER”, у нас появится таблица которая будет находиться по центру страницы.

Возможности  HTML


 

Форматировать текст

ОПРЕДЕЛЯТЬ В НЕМ ФУНКЦИОНАЛЬНЫЕ ЭЛЕМЕНТЫ

Создавать гиперссылки

Вставлять в отображаемую страницу ЗВУК И ДРУГИЕ ЭЛЕМЕНТЫ МУЛЬТИМЕДИА


ОПРЕДЕЛЯТЬ КОМПЛЕКС маркированных элементов, которые не отображаются на мониторе пользователя, но ЗАДАВАЕМЫЕ ТУ ФОРМУ В КОТОРЫЙ БУДЕТ ПРЕДСТАВЛЕНА ИНФОРМАЦИЯ.

HTML документы предусматривают


ПРАВИЛЬНОЕ ПОЛУЧЕНИЯ СТРАНИЦ

информацию о структуре СТРАНИЦЫ

информация о текстовых форматах

ИНФОРМАЦИЮ О Нахождение на странице графических элементов,

КАК И АДРЕС ГРАФИЧЕСКИХ ФАЙЛОВ ОПРЕДЕЛЕНИЕ ссылок на другие ГИПЕРТЕКСТОВЫЕ ДОКУМЕНТЫ, графики и т.д.

Информация об авторе, ЯЗЫК, стандарт кодирования бренда, ДАТУ послидних ОБНОВЛЕНИЕ И Т.Д.

ОПЦИИ, СКРИПТЫ ЭТО ПРОГРАММЫ реализуемые на странице СЕРВЕРА WWW И НА СТРАНИЦЕ КЛИЕНТА.

user_97

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

Возможность посмотреть как создан HTML документ


Очень просто, например возьмем браузер Opera  на нашей странице, щелкаем правую половинку мышки, и перед нами откроется окно, если дальше нажимаем “пересмотреть код элемента”, снизу перед нами отобразится “код элемента”, или нажимаем “пересмотреть код страницы”, и тогда перед нами появится код нашей страницы. Как видите очень просто, ниже к вашему вниманию подробнее на фото.

 

12а 

⇑ откроется окно

13а

⇑ето код страницы

14а

⇑код елемента 

На этом заканчиваю эту публикацию, в следующей планирую статью все о гиперссылках.

Как бы там ни было а знания о том, как создаются html-страницы для просмотра в браузере, не помешают, да и в дальнейшей творческой работе пригодятся, ну а снизу вид шорткода с сегодняшней датой, о котором я писал в публикации”Шорткоды класная штука”

Сьогодні у нас: 22-11-2017

Добавить комментарий

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