КОСИ ИНУМО РУ

Per koci ru ad astra!

Комплексная Образовательная Система
"Интернет"
~ KOCI.INUMO.RU ~

Курс HTML :: Параграфы и Заголовки. Урок 03.

Настройка сайта

Проверка javascript.

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

Вероятные причины проблемы: в настройках браузера отключена возможность выполнения javascript и/или в данный момент имеются проблемы подключения к Интернету.

Решение проблемы: устраните причины, указанные выше и нажмите CTRL-F5 для перезагрузки софта и контента этой странички.

Должно помочь.

Рекомендую курсы

Рекомендаций не видно по причине отключенного javascript.

Домен inumo.ru

Урок 03. Параграфы и Заголовки.

HTML - основа основ Интернета. Базовый курс.

Параграфы и Заголовки. Урок 03. Рассмотрим один и тот же текст на смеси английского и русских языков в формате txt и формате html. Вы видим, что хотя сам файл хорошо отформатирован для формата txt, но если его смотреть через браузер в формате html, получается плохо. Браузер игнорирует пробелы и отступы (точнее говоря, он группу пробелов и отступов превращает в один простой пробел). Браузер интересуют только теги. Вот некоторые теги и требуется добавить, чтобы документ html был красиво отформатирован. <h1>Тег заголовка h1</h1>. <p>Тег параграфа p</p>.

Параграфы и Заголовки

Рассмотрим один и тот же текст на смеси английского и русских языков в формате txt и формате html:
article.txt
article.html

Вы видим, что хотя сам файл хорошо отформатирован для формата txt, но если его смотреть через браузер в формате html, получается что-то не то...

Браузер игнорирует пробелы и отступы (точнее говоря, он группу пробелов и отступов превращает в один простой пробел).

Браузер интересуют теги, только теги. Вот некоторые теги и требуется добавить, чтобы документ html был красиво отформатирован.

<!DOCTYPE html>
<html dir="ltr" lang="ru-RU">
<head>
<meta charset="UTF-8" />
<title>Страничка после урока 3, внедрение тегов <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6></title>
</head>
<body>

<!-- 
Между тегами <body> и </body> размещается контент странички.
//-->

<h1>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</h1>

<h2>Как Перестать Тратить Наиболее Важный и Ценный Ресурс в Интернете - ВРЕМЯ!</h2>

<p>If you're involved in an internet marketing business, then
you've probably already come face-to-face with your #1
enemy - "Time Wasting".</p>

<p>Если вы вовлечены в бизнес, связанный с Интернетом, тогда,
возможно, вы столкнулись лицу к лицу с вашим главным врагом, 
имя которого - "Пустая Трата Времени".</p>

<p>What you need to know is that "Time Is Money". And this
applies even more to the online world, than in regular
business.</p>

<p>Вы должны знать, что "Время - Деньги". И это правило еще 
больше соответствует деятельности в Интернете, чем в обычном
бизнесе.</p>

<p>You see, anyone can become an online entrepreneur. It
doesn't involve start-up capital or expensive equipment to
start. A low grade PC and a net connection is all you need.</p>

<p>Вы видите, любой может стать интернет-предпринимателем. Это 
не требует большого стартового капитала или какого-то сложного 
оборудования. Слабенький персональный компьютер и выход в Интернет  - 
вот и все, что вам нужно.</p>

<p>And since cash isn't really a barrier, time-management has
become all the more critical. Your challenge for success is
simply to get more done - in less time.</p>

<p>И так как деньги не являются критичным фактором, управление временем 
(тайм менеджмент) становится наиболее важным моментом. Ваш шанс на 
успех определяется простым правилом: делай больше и делай быстрее.</p>

<p>So what are the greatest online time wasters and what can
you do to avoid them?</p>

<p>Итак, какие же величайшие растратчики времени в Интернете и что 
вы можете сделать, чтобы избежать их?</p>

<p>1. Retyping the same old thing time and time again.</p>
<p>2. Failing to manage your email effectively.</p>
<p>3. Getting sucked into pointless forum discussions.</p>
<p>4. Failing to set a goal, before you switch the computer on.</p>

<p>1. Перепечатывать одно и тоже много-много раз, снова и снова.</p>
<p>2. Неумение эффективно управлять своей электронной почтой.</p>
<p>3. Вовлекаться в бесцельные дискуссии на форумах.</p>
<p>4. Неумение ставить себе цель еще до включения компьютера.</p>

<h3>Retyping the same old thing time and time again.</h3>
<p>------------------------------------------------</p>

<h3>Перепечатывать одно и тоже много-много раз, снова и снова.</h3>
<p>------------------------------------------------</p>

<p>This sounds simple. But stop and think how many times you 
retype the same old simple information.</p>

<p>Звучит просто. Но остановитесь и подумайте, сколько раз вы 
перепечатываете одну и ту же старую простую информацию.</p>

<p>Most people have cottoned on to automating their email 
signature, but you can go far beyond that when it comes to 
communicating words quickly.</p>

<p>Многие люди продвинулись до того, что установили автоматическую 
подпись в своих емейлах, но вы можете пойти дальше, чтобы 
выдавать стандартные фразы быстро.</p>

<p>Get yourself a clickboard or shortcut extender. This will
enable you to write much faster and prevent you from ever
having to type the same thing twice.</p>

<p>Установите себе программный стенограф. Он позволит вам писать 
намного быстрее и избавит вас от необходимости печатать дважды 
одно и тоже.</p>

<p>I use this utility http://www.howtocorp.com/typepilot , but
there are lots of other useful typing assistant utilities
available.</p>

<p>Я использую вот эту утилиту: http://www.howtocorp.com/typepilot, но 
в Интернете много и других полезных примочек для быстрой печати.</p>

<h3>Failing to manage your email effectively.</h3>
<p>-----------------------------------------</p>

<h3>Неумение эффективно управлять своей электронной почтой.</h3>
<p>-----------------------------------------</p>

<p>I know, there's so much spam flying around, but you should
be attempting to win this war with a few weapons of your
own installed on your computer.</p>

<p>Я знаю, много разного спама попадает в наши ящики, но вы должны 
пытаться выиграть эту войну, используя некоторые виды оружия, 
установленные на ваш компьютер.</p>

<p>i. Make sure you have a working piece of anti-spam software
set up. Whilst sometimes the wrong messages will get
trapped, the best software will still remove 98% of the
emails that you don't want. Make sure they are filtered
into a junk email file, so you can manually sift
through them afterwards and pull back any that have
been incorrectly assumed to be unwanted.</p>

<p>i. Убедитесь, что вы установили хорошее действующие антиспамерское 
программное обеспечение. Хотя бывает иногда, что хорошие письма попадают 
под удар антиспамерского софта, все-таки, с другой стороны, хороший софт 
убивает 98% нежелательных писем. Убедитесь, что эти плохие письма фильтруются 
в определенную папку, чтобы, в случае чего, можно было восстановить 
нужное письмо, по ошибке определенное, как спам.</p>

<p>ii. Set up folders in your inbox and get yourself properly
organized. I keep a folder for SALES, another one for
FEEDBACK and others for JOINT VENTURES + many more.</p>

<p>ii. Установите папки в вашем почтовом ящике и самоорганизуйтесь 
правильным образом. Я, например, имею папку ПРОДАЖИ (SALES), другая 
папка у меня для ОТКЛИКОВ (FEEDBACK), есть папка JOINT VENTURES (СОТРУДНИЧЕСТВО) 
+ много других...</p>

<p>-----</p>
<h4>Примечание. Это отрывок текста на смеси английского и русского языка есть просто 
случайный пример для изучения языка HTML.</h4>
<h5>Подробнее: http://kocby.ru/post/webmaster/html/<h5>
<p>-----</p>

<h6>----- конец странички -----<h6>
</body>
</html>

Рассмотрим теги:
<p> - название этот тег берет от слова параграф. Тег является парным, закрывается область тега - </p>
<h1> - название этот тег берет от слова header(хидер, заголовок). Тег является парным, закрывается область тега - </h1>

Тег <h1> имеет несколько братьев: <h2>, <h3>, <h4>, <h5>, <h6>

Тег <h1> дает самый большой размер

Тег <h2> дает размер немного меньше, чем <h1>

Тег <h3> дает размер для своего содержимого немного меньше, чем <h2>

Тег <h4> дает размер немного меньше, чем <h3>

Тег <h5> дает размер немного меньше, чем <h4>

Тег <h6> дает самый маленький размер, немного меньше, чем <h5>

После внедрения тегов <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6> наша тестовая страничка приняла вот такой вид:
article_003.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_003.zip ← скачайте пример, чтобы установить на свой сайт...

:: :: /

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

Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.

Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок 03

Следующие странички, рекомендуемые для посещения и изучения:
Урок 04

Страничка сделана на основе контента курса HTML сайта kocby.ru