-Всегда под рукой

 -Метки

 -Поиск по дневнику

Поиск сообщений в Legionary

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.05.2009
Записей:
Комментариев:
Написано: 27382

Начинаем изучать html

Пятница, 06 Ноября 2009 г. 09:38 + в цитатник
Начинаем изучать html

Как я и обещал, начнем изучать эту непонятную вещь - html. Платформу для испытаний можете создать на народе, об этом я уже писал ТуТ
Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-) К лиру это особого отношения не имеет, но тоже пригодится в дальнейшем и тут:-)
Когда-то давно услышал я это непонятное "html" и побежал искать всякие разные учебники и пр. Наткнулся на уж ну совсем простой учебник... а все-равно... не все доходило с первого раза:-( Так что тут постараюсь все изложить максимально просто и доходчиво:-)

Html - это набор неких символов. Они объясняют вашему браузеру ( то, через что вы выходите в интернет) что и почем:-)
Например, что вот это слово должно показываться читателю ( т.е. вам) жирным шрифтом, а не обычным. Или что какая либо картинка должна стоять именно там-то и там-то и т.д. и т.п.

Начнем практиковаться в строительстве сайтов используя html. Положено начинать на своем личном компьютере в блокнотике... но это, на мой взгляд, не так удобно.Но об этом я тоже расскажу на всякий случай, но позже:-) Поэтому идем к себе на народ , где мы уже создали себе место под сайт. Авторизуемся ( заходим под логином и паролем) и начинаем.
С главной переходим в мастерскую:

 (282x66, 8Kb)
Далее смотрим справа:
 (288x132, 15Kb)
Жмем надпись по стрелке.
Теперь нам надо создать главную страницу нашего будущего сайта. Жмем по стрелке ( вверху справа):


 (387x71, 9Kb)
Нас спросят как мы хотим назвать эту страничку. Т.к. мы делаем главную стр. сайта, имя ей надо прописать "index". ( остальным страницам уже будем давать свои имена, а для главной надо именно так). Вставляем по стрелке слово index:
 (328x59, 5Kb)
Должно получиться так, без лишних пробелов и значков:

 (328x62, 5Kb)
После чего, жмем "ок" справа. В окне вылезут такие надписи, где жмем "вернуться к управлению файлами":
 (259x79, 10Kb)

Нас перекинет на страничку с нашими файлами. Вот этот "index.html", который мы только что создали, это тоже файл, так что он есть в списке, смотрим:
 (238x65, 5Kb)

Жмем на квадратик по этой стрелочке. Нам откроется окошко с белым полем и непонятными надписями. Вот в этом окошке мы и будем "писать" наш сайт. А точнее, пока только практиковаться на уроках в html. В дальнейшем, чтобы не повторять описание всей этой процедуры буду говорить просто - "заходим в редактор страницы". И вы должны зайти вот к этому окошку:-)

Теперь собственно к самому html.
В html используются, так называемые, "теги". Эти теги выполняют определенные функции.
Вид у них, в принципе, одинаковый,- это "символы" заключенные в треугольные скобки.
Например тег <b>
Каждый тег ( за редким исключением) должен "открываться" и закрываться". Т.е. начинать "свою работу" и заканчивать.Закрывается он вот таким символом после первой треугольной скобки, пример: </b>
Объясню на элементарном примере, зачем это:
Есть предложение - Мама мыла раму
Нам надо, чтобы слово "мыла" было написано жирным шрифтом, но только оно! Поэтому тег, отвечающий за жирное написание шрифта, мы открываем перед словом "мыла", а закрываем после:
Мама <b>мыла</b> раму

И вот что получится:
Мама мыла раму

Надеюсь принцип вы поняли:-)
Вот еще некоторые теги для форматирования текста:

<b>Текст</b> Жирный Текст
<i>Текст</i> Курсивный Текст
<sup>Текст</sup> Верхний индекс e=mc2
<sub>Текст</sub> Нижний индекс H2O
<pre>Текст</pre> Текст пишется как есть (включая все пробелы)
<em>Текст</em> Курсивный Текст
<strong>Текст</strong> Жирный Текст

Можно использовать сразу несколько тегов. Например, чтобы сделать одно и то же слово и жирным шрифтом и курсивом одновременно. Ставить и закрывать теги нужно в верной последовательности. Например открыли первый тег, открыли второй тег... закрыли второй тег, закрыли первый. А точнее:

<b><i>Текст</i></b>

Теперь испытайте это все на практике. Заходим в редактор страницы и практикуемся.
В вашем редакторе уже прописаны некоторые теги, о которых мы еще не говорили. Пока не буду описывать их значение, скажу так,- ничего не удаляем из того, что там уже есть, а практику ведем между между тегами <body> и </body>
А точнее говоря тут:
 (450x150, 15Kb)

Чтобы посмотреть что у вас получилось, в этом же окошке, слева снизу жмем кнопочку:
 (445x68, 6Kb)

Вот пока и все:-) На этом закончим наш первый урок.

Домашнее задание:
Применить к тексту несколько тегов одновременно;-)


На этом все:-) удачи:-)
Рубрики:  html для начинающих
Метки:  

Процитировано 716 раз
Понравилось: 34 пользователям

reix   обратиться по имени Пятница, 06 Ноября 2009 г. 09:43 (ссылка)
Неужели вся премудрость до меня когда-нибуть дойдёт
Спасибо, Legionary!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 09:44ссылка
reix, со временем:-) обязательно все придет:-)) удачи:-)))
Аццкий_Аноним   обратиться по имени Re: Начинаем изучать html Пятница, 06 Ноября 2009 г. 10:10 (ссылка)
Может стоило объяснить, что html - это HyperText Markup Language («язык разметки гипертекста»)? ;) Или все и так про это знают?

LI 7.05.22
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 20:37ссылка
Аццкий_Аноним, клево) такие умные слова знаем)
Исходное сообщение Legionary

Сразу оговорюсь,- писать я буду так, как мне удобнее и как считаю понятнее. Без лишней терминологии и пр. Просто, чтобы ввести вас в курс дела, как говорится :-)
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:39ссылка
Аццкий_Аноним, Нет, это совершенно лишняя информация:-))))))) она мало что несет за собой:-)) но я рад, что мои посты заставляют тебя учиться;-) и узнавать новые словосочетания:-)
Аццкий_Аноним   обратиться по имени Re: Начинаем изучать html Пятница, 06 Ноября 2009 г. 10:12 (ссылка)
Кстати, объянил бы сходства и различия тегов "b" и "strong", "i" и "em".

LI 7.05.22
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 20:39ссылка
Аццкий_Аноним, ну ведь мы же умные, можем погуглить и поискать.. просто, на всякий... вдруг и вправду нинаешь)
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:39ссылка
Аццкий_Аноним, при одном условии:-) ты мне объяснишь смысл этого действия;-))
Галина60   обратиться по имени Пятница, 06 Ноября 2009 г. 10:15 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
AliFerster   обратиться по имени Пятница, 06 Ноября 2009 г. 10:30 (ссылка)
имхо, к <b> и <i> лучше не приучать - даже новичков.
пусть уж лучше <strong> и <em> пишут - это хоть немного правильней.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:41ссылка
AliFerster, немного??? а как же тогда совсем верно? если учесть что речь именно об html?;-)))
Аццкий_Аноним   обратиться по имени Re: Ответ в Legionary; Начинаем изучать html Пятница, 06 Ноября 2009 г. 10:35 (ссылка)
Исходное сообщение AliFerster: имхо, к <b> и <i> лучше не приучать - даже новичков.

пусть уж лучше <strong> и <em> пишут - это хоть немного правильней.

Но - длиннее!!!

LI 7.05.22
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:42ссылка
Аццкий_Аноним, учимся копировать, а не писать ручками;) объяснить как?;-))
Wella_Wella   обратиться по имени Пятница, 06 Ноября 2009 г. 11:08 (ссылка)
Спасибо!!! Всё понятно!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:43ссылка
Wella_Wella, всегда пожалуйста:-))
Marisha5   обратиться по имени Пятница, 06 Ноября 2009 г. 11:41 (ссылка)
Спасибо большое. Заберу себе, буду изучать
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:44ссылка
Чайка_М, пожалуйста:-)) успехов в изучении:-))
Алла_Иванова   обратиться по имени Пятница, 06 Ноября 2009 г. 12:56 (ссылка)
Спасибо, попробую, может что-то и получиться.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:44ссылка
Алла_Иванова, должно получиться:-))) удачи:-))
веронесса   обратиться по имени Пятница, 06 Ноября 2009 г. 14:56 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Иду_по_тропиночке   обратиться по имени Пятница, 06 Ноября 2009 г. 15:39 (ссылка)
Начнём изучение)
Ответить С цитатой В цитатник
Перейти к дневнику
Леди_Муррр   обратиться по имени Пятница, 06 Ноября 2009 г. 15:53 (ссылка)
Legionary, хех))Ну что ж,надо попробовать))Урок от тебя-это всегда понятный урок))А задание мне спецом на вечер придумал?
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:45ссылка
Леди_Муррр, ну как...зато при деле;-)))
pappesa   обратиться по имени Пятница, 06 Ноября 2009 г. 16:11 (ссылка)
Спасибо! Попробуе начать изучать.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:46ссылка
pappesa, всегда пожалуйста:-)) удачи:-))
Kleooa   обратиться по имени Пятница, 06 Ноября 2009 г. 18:36 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:46ссылка
Kleooa, пожалуйста:-))
grandmother   обратиться по имени Пятница, 06 Ноября 2009 г. 19:47 (ссылка)
Спасибо. А понятно или нет можно сказать только тогда, когда применишь на практике
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:46ссылка
grandmother, впринципе да:-)) но я очень надеюсь, что все получится:-)) удачи:-))
мелвек   обратиться по имени Пятница, 06 Ноября 2009 г. 20:14 (ссылка)
Прочитала,вроде очень всё доступно пониманию)) Но попрактикуюсь позже...Сыну надо рефераты печатать - сессия
началась,т.ч. доступ к компу у меня тепереча лимитированный.
45834575_43980589_38337656_1e5763041bbd (437x260, 60Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:48ссылка
мелвек, :-)))))))) очееень знакомая ситуация))))) ну не переживай особо тока, лан?;-))
Inmira   обратиться по имени Пятница, 06 Ноября 2009 г. 20:35 (ссылка)
Сипасиб)))))
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:48ссылка
Inmira, да, блин, не за что
yrokez   обратиться по имени Пятница, 06 Ноября 2009 г. 21:02 (ссылка)
Ударим пробегом,по без дорожью и компьютерной безграмотностиспасибо
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 22:48ссылка
yrokez, хорошо сказано:-)))
Наталия_Поталова   обратиться по имени Пятница, 06 Ноября 2009 г. 21:28 (ссылка)
Спасибо за уроки!!
Ответить С цитатой В цитатник
Перейти к дневнику
Ananda_ewi   обратиться по имени Пятница, 06 Ноября 2009 г. 22:36 (ссылка)
Спасибо,милый Лёша ))) будем стараться :-))
Ответить С цитатой В цитатник
Перейти к дневнику
Ират   обратиться по имени Пятница, 06 Ноября 2009 г. 22:56 (ссылка)
Ждем продолжения!
 (352x114, 2Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 06 Ноября 2009 г. 23:06ссылка
Ират, Вам спасибо:-) продолжение будет:-))
Синица_в_ботах   обратиться по имени Суббота, 07 Ноября 2009 г. 00:01 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 15:41ссылка
Синица_в_ботах, всегда пожалуйста:-))
Как_Ухо_Рентген   обратиться по имени Суббота, 07 Ноября 2009 г. 05:24 (ссылка)
Большое спасибо автору этой темы. Как нельзя вовремя.
Только вот я что-то не понял один пример:
Текст
- один тег закрыли. А второй, который "В"? Или его не нать закрывать, этого "Б", пусть так и будет? Это как в "Царе": "... а видишь девочка одни ворота, вход, а выхода нет. А знаешь почему? Придет Иисус, войдет в Храм, а выйти не сможет, и останеться с нами навечно..." Так и тут да? Открыли и .... открыли. Или я чего-то не так понял?

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 15:45ссылка
Как_Ухо_Рентген, ох да, точно:-) спасибо большое:-) опечатался:-)) исправил:-)) закрывать конечно надо все:-)
Как_Ухо_Рентген   обратиться по имени Суббота, 07 Ноября 2009 г. 05:26 (ссылка)
Пример "Текст"
Ответить С цитатой В цитатник
Перейти к дневнику
sophy-catherine   обратиться по имени Суббота, 07 Ноября 2009 г. 08:02 (ссылка)
Ох. Валез незаменимый Вы человек у нас! Спасибо большое! Душка!
_1_~3 (357x160, 28Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 15:46ссылка
sophy-catherine, э.... не очень понял..но пожалуйста:-))
chernichka009   обратиться по имени Суббота, 07 Ноября 2009 г. 09:00 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 15:46ссылка
chernichka009, всегда пожалуйста:-))
Симонова_Галина   обратиться по имени Суббота, 07 Ноября 2009 г. 09:04 (ссылка)
СПАСИБО,ПОКА НЕ ДОХОДИТ

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 15:46ссылка
ГАЛИНА_симонова, все получится:-) я уверен:-))
Бархатная_Шляпка   обратиться по имени Суббота, 07 Ноября 2009 г. 09:14 (ссылка)
Кое - какими тэгами пользуюсь , но знаний не хватает. Большое вам спасибо за толковый урок! Жду с нетерпением продолжения! Есстественно утащила себе.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 07 Ноября 2009 г. 15:47ссылка
Бархатная_шляпка, всегда пожалуйста:-)) вещь конечно не каждому нужная, но интересная:-))удачи:-))
Sozvezdiedev   обратиться по имени Суббота, 07 Ноября 2009 г. 09:21 (ссылка)
Спасибо, беру в цитатник
Ответить С цитатой В цитатник
Перейти к дневнику
Комментировать К дневнику Страницы: [1] 2 3 4 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку