Язык гипертекстовой разметки-HTML.

  Автор:

 

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

Здравствуйте дорогие читатели! Доброго времени суток.

       «HTML (от англ. Hyper Text Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.» Так нам расшифровывает  это буквосочетание Википедия.

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

Я нашел для себя два ресурса и мне этого вполне достаточно, для редактирования кода. Хочу заметить, что сегодня многие ресурсы стараются дать посетителю возможность забрать, интересующую его информацию, при помощи кода HTML( музыка, видео, картинки и другие необходимые вещи).

 

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

Итак знакомтесь. Первый редактор, его адрес http://xhtml.ru/instr/html_editor/  Удобный визуальный просмотрщик. В верхнюю часть вставляем код, в нижней части видим то, что позже появиться на блоге. Сразу  оговорка, если код неправильный, то и не увидим ничего в нижней части. Если Вы, где то скопировали код, то перед тем как вставлять его на блог, вы можете в этом редакторе его немного поправить под себя. Я его использую практически только для проверки того, что код рабочий, и можно смело его нести в свой ресурс. Хотя в верхней части редактора возможны корректировки текста кода.

Для редактирования я использую бесплатный он лайн редактор с адресом   http://filyanin.ru/8-vizualnyy-HTML-onlayn-redaktor.html

ФАСАД ВТОРОГО РЕДАКТОРА.риот

Вы видите в правой части фото фиолетовую ссылку « развернуть редактор», если нажмете получите следующий вид.

развернутый редакторриот

Данный редактор очень похож на знакомые нам редакторы WORD и в рассыльщике писем SmartResponder , да и блоги с платформой wordpress имеют похожий редактор и мало чем отличаются. Здесь мы можем работать как в варианте простого текста, так и, нажав на кнопку  «Источник», перейти в редактор кода HTML. Можно в текстовом, визуальном  варианте, редактировать текст (цвет, размер, шрифт), можно вставить картинку, видео, аудио, готовую рамку для открытки (лучше через готовый код). И если нам нужен код HTML для вставки в блог, переходим на вкладку « Источник» и берем код для вставки. Для того, чтоб уверенно пользоваться этим редактором необходимо просто потренироваться, и через час вы сможете редактировать свой блог.

Покажу пример, первая картинка, это скриншот, вставленного в редактор кода в формате HTML, при нажатой кнопочке «ИСТОЧНИК».  Мы видим набор цифр, букв и символов. Собственно то, что подлежит редактированию, в случае если есть необходимость.

РЕДАКТОР КОДА ( ИСТОЧНИК ТЕТЯ)РИОТ

Стоит только нажать кнопочку «ИСТОЧНИК», получаем картинку, ту, что должна появиться на блоге.

РЕДАКТОР КОДА (НЕ ИСТОЧНИК- ТЕТЯ)РИОТ

Но самое интересное, Вы можете именно в этом положении редактора ( текстовый, визуальный режим), абсолютно спокойно, произвести построение и редактирование, интересующей Вас информации (страницы Вашего блога),  как в редакторе WORD.

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

В случае если у Вас имеется нужная информация в виде кода HTML, которую необходимо расположить на страничке блога. В текстовом, визуальном редакторе, на редактируемой страничке, ставите курсор в то место, куда хотите вставить информацию,  и вводите несколько букв, как маяк ( к примеру так ЖЖЖЖЖЖЖЖЖЖ). Потом жмете кнопочку ИСТОЧНИК  и на открывшемся поле ищете свой маяк. Выделяете его и вместо маяка вставляете, имеющийся у Вас код. Жмете на кнопочку ИСТОЧНИК, тем самым , переводя в текстовый, визуальный редактор и видите результат, тот который хотите переместить на свой ресурс.

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

 

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

 

Друзья, если Вам интересен материал, и Вы желаете удачи Вашим партнерам, поделитесь с ними этой информацией.

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

автограф

Интересная статья? Поделитесь ею пожалуйста с другими:

КАК НАУЧИТЬСЯ ЗАРАБАТЫВАТЬ НА РАСХОДАХ?

БЕСПЛАТНАЯ ИНФОРМАЦИЯ В ВИДЕ ПИСЕМ 

ВВЕДИТЕ В ФОРМУ НИЖЕ СВОЕ ИМЯ И E-MAIL

Оставьте свой комментарий:

Оставьте свой комментарий или вопрос

на Блоге
в Вконтакте
в Фейсбук