Первое знакомство новичка инфобизнеса с HTML

Если Вы на новенького в инфобизнесе, если Вы новичок инфобизнеса, то первое с чего надо начинать Вам это создавать свой блог или сайт. Выбрав систему управления сайтом (движок), например WordPress, и разместив движок на выбранном Вами хостинге, Вы заходите в Панель администратора сайта. Именно там Вы загружаете свою первую статью (пост) в текстовый редактор сайта.

Редактор имеет две вкладки: «Визуально» и «Текст».
Вкладка «Визуально» очень напоминает окно текстового редактора Word от фирмы Microsoft:

 

В представленном виде текст в сети интернет не распространяется. Он преобразуется в HTML формат и в этом виде осуществляется обмен в сети. Другими словами, осуществляется разметка документа (не путать с вёрсткой) с иcпользованием языка разметки HTML (HyperText Markup Language): в текст вставляются тэги разметки и другие элементы (атрибуты) разметки. Документ в таком виде (HTML документ) понятен браузеру для его отображения на экране монитора компьютера.

На вкладке «Текст» представленный выше документ выглядит так:

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

Основные элементы языка HTML

Тэг – основная конструкция языка HTML. Есть ещё атрибуты.

ТЕКСТ. Текст заключается в тэги <p (начало текста) и </p> (конец текста):
                                 <p Ваш произвольный текст </p>
Если нужно, чтобы текст равномерно располагался на странице, то следует вставить перед началом текста атрибут align=justify>

                        <p align=justify> Ваш произвольный текст </p>

АБЗАЦ. Строка перехода на следующий абзац заканчивается тэгом <br> (перевод строки).

<p Абзац с текстом1<br>
Абзац с текстом2<br>
Абзац с текстом3<br> </p>

ВЫДЕЛЕНИЕ ТЕКСТА.
                                               <b>Текст</b> — жирным или
                                           <strong>Текст</ strong > — акцентированный текст (любят          роботы поисковых систем)
                                             <i> Текст </i> — курсив
                                             <u> Текст </u> — подчёркивание текста

ЦВЕТ ТЕКСТА. Текст заключается в тэги <font и </font>
                                           <font color=”#000080″>Текст</font>
“#000080″ — код выбранного цвета.

ССЫЛКИ. Ссылка заключается в тэги <a (начало ссылки) и </a> (конец ссылки):

<a href=”URL страницы ссылки“> Текст ссылки</a>

ИЗОБРАЖЕНИЕ.
                                              <img src=”URL изображения“>

Некоторые из описанных тегов и элементов разметки представлены на выше приведённом фрагменте текста в HTML формате.

Шпаргалку по написанию постов в HTML можно найти здесь.

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

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

Ну как, новичок инфобизнеса, не страшно? Теперь Вы можете начать писать тексты сразу с использованием языка разметки HTML, «обувать» свой пост в HTML формат и получать на выходе HTML документ.

Так же на эту тему Вы можете почитать:

Первое знакомство новичка инфобизнеса с HTML: 2 комментария

  1. Nadezda Krivohizina говорит :

    Посты интересные, легко читабельные и полезные! Пишите больше! Спасибо!

    • Константиныч говорит :

      Надежда! Буду писать! Может у Вас есть вопрос? Задавайте, не стесняйтесь.Рад помочь.

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

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

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>