Хорошая CMS позволяет легко размещать статьи на вашем сайте. Но что именно вы публикуете? Несколько абзацев текста. И если этот текст не отформатирован правильно, ваша прекрасная статья будет выглядеть неработающей на вашем сайте .
Хорошая новость: если вы научитесь писать в HTML, ваша статья будет выглядеть великолепно. С несколькими основными понятиями, вы будете писать в HTML в кратчайшие сроки.
HTML: язык веб-браузера
«HTML» означает «Язык разметки гипертекста». По сути, это язык для разметки вашего текста , поэтому он может делать такие причудливые вещи, как выглядеть жирным шрифтом или ссылаться на какой-то другой сайт.
HTML является основным языком вашего браузера. Мы используем много языков программирования для Интернета (PHP, Perl, Ruby и другие), но все они в конечном итоге выплевывают HTML. (Ну, или JavaScript, но давайте будем проще.)
Ваш браузер берет HTML и превращает его в симпатичную веб-страницу.
Научитесь писать на HTML, и вы точно поймете , что вы говорите браузеру.
HTML отмечает обычный текст
HTML — это язык разметки , поэтому большинство «HTML» — это просто текст. Например, это очень хороший HTML:
Привет. Я HTML. Захватывающе. Ага. Удивительный.
Но подожди, ты говоришь. Это не похоже на компьютерный язык! Похоже на английский!
Да. Теперь вы знаете великий секрет. HTML (при правильном использовании) — читаемый текст.
Учитесь на своем опыте текстового процессора
Конечно, мы хотим больше, чем просто текст. Мы хотим, скажем, курсивом .
Вы уже знаете, как получить курсив в текстовом редакторе (например, в Microsoft Word или в бесплатном LibreOffice). Вы нажимаете маленькую I кнопку.
Все, что вы печатаете с этого момента, выделено курсивом. Вы можете напечатать для страниц. Как вы остановите этот фестиваль акцента? Нажмите кнопку I еще раз. Теперь ваш шрифт вернулся к нормальному.
Если вы вернетесь к середине выделенных курсивом слов и добавите немного текста, он также будет выделен курсивом. Между начальной точкой, где вы «включили» курсив, и конечной точкой, где вы их отключили , есть своего рода зона курсива .
К сожалению, эти конечные точки невидимы.
Невидимые конечные точки могут причинить много боли. Слишком легко отключить курсив, а затем сделать ошибку с курсором и обнаружить, что курсив по-прежнему находится. Вы пытаетесь включить их снова, но как — то вы переехали снова , так выключая их действительно переключает их на … это беспорядок.
HTML использует «теги»
HTML также использует конечные точки. Разница в том, что в HTML вы можете видеть эти конечные точки. Вы вводите их. Они называются тегами HTML .
Допустим, вы хотите привести в порядок этот предыдущий пример. Вы хотите выделить курсивом слово «Волнующий». Вы бы ввели
<Я> Захватывающий </ I>
. Как это: Привет. Я HTML. <я> Захватывающие </ I>. Ага. Удивительно.
Вы должны сохранить это в своем текстовом редакторе, а затем скопировать и вставить HTML-код в поле «Новая статья» в своей CMS. Когда браузер показывает страницу, она будет выглядеть так:
Привет. Я HTML. Захватывающие . Ага. Удивительно.
В отличие от текстового процессора , вы не видите курсив при их наборе. Вы вводите теги. Браузер читает теги, делает их невидимыми и выполняет их инструкции.
Может быть раздражает видеть все эти теги, но правильный текстовый редактор делает это намного проще.
Открытие и закрытие тегов
Посмотрите еще раз на
<Я>
и
</ I>
теги.
<Я>
повороты на курсивом, так же , как ваш первый щелчку I кнопки.
</ I>
получается от курсива, как ваши вторых мыши.
Вместо того, чтобы нажимать кнопку, вы печатаете маленькие метки. Открывающий тег для начала курсива, закрывающий тег для их остановки.
Обратите внимание на разницу между тегами. Закрытие
</ I>
имеет
/
слеш. Все закрывающие теги в HTML будут иметь эту косую черту.
Не забывайте закрывающий тег
Закрывающие теги довольно важны. Что делать, если вы забудете о закрытии
</ I>
, как это? Привет. Я HTML. <я> Захватывающие. Ага. Удивительно.
Это как если бы вы забыли нажать I еще раз, чтобы выключить курсив. Вы получите это:
Привет. Я HTML. Захватывающе. Ага. Удивительно.
Один пропущенный тег может превратить всю вашу статью или даже остальную часть страницы в курсив.
Вероятно, это самая легкая и самая нервирующая ошибка новичка, которую вы можете совершить. Но это легко исправить. Просто вставьте закрывающий тег.
Теперь изучите некоторые теги
Поздравляем! Вы понимаете основной HTML!
Обычный текст размечен открывающими и закрывающими тегами. Вот и все.
Теперь изучите некоторые основные теги HTML . (Вы можете сначала получить достойный текстовый редактор.)