https://compik.forum-top.ru/ COMPIK ru-ru Sat, 21 Oct 2023 01:04:52 +0300 MyBB/mybb.ru https://compik.forum-top.ru/viewtopic.php?pid=40#p40 <p>Профессиональные услуги клининга: уборка после ремонта, генеральная, поддерживающая, химчистка мягкой мебели, удаление жировых отложений на кухне парогенератором, мытье окон + альпинист и многое другое. Мы также предлагаем ЭКО-чистку детских игрушек, колясок, комнат и различных предметов.&#160; Заказ по тел. +7 915 204 1047 Наш канал: t.me/wwcleaning Москва и Московская область Услуги клининга офиса, квартиры: грязь, пыль, разводы, зеркала, плитка, цемент, краска, светильники, люстры, свч, холодильник, духовка, плита, варочная панель, вытяжка, розетки, выключатели, керамика, смесители, скотч, мусор, шкафы, сантехника, плинтуса, фартук, столешница, стирка, глажка, пятна, загрязнения, диван, кровать &#9989;Уборка квартиры после ремонта &#9989;Уборка после ремонта цена&#160; &#9989;Уборка после ремонта москва&#160; &#9989;Уборка квартиры после ремонта цена&#160; &#9989;Уборка помещений после ремонта&#160; &#9989;Услуги клининга цены&#160; &#9989;Клининг компания услуги&#160; &#9989;Услуги клининга офиса&#160; &#9989;Химчистка мягкой мебели москва&#160; &#9989;Химчистка мягкой мебели +на дому&#160; &#9989;Химчистка мягкой мебели +и ковров&#160; &#9989;Мытье окон +в москве&#160; &#9989;Мытье окон без разводов&#160; &#9989;Клининг компания услуги&#160; &#9989;ЭКО чистка детских кресел&#160; &#9989;Экологическая очистка детских комнат&#160; &#9989;Услуги клининга квартир&#160; Заказ по тел. +7 915 204 1047 Наш канал: <a href="https://t.me/wwcleaning" rel="nofollow" target="_blank">https://t.me/wwcleaning</a>&#160; &#160;Вотсап: <a href="https://wa.me/79152041047" rel="nofollow" target="_blank">https://wa.me/79152041047</a>&#160; Перейти: <a href="https://is.gd/RcyhdG" rel="nofollow" target="_blank">https://is.gd/RcyhdG</a></p> mybb@mybb.ru (emddhabtbx) Sat, 21 Oct 2023 01:04:52 +0300 https://compik.forum-top.ru/viewtopic.php?pid=40#p40 https://compik.forum-top.ru/viewtopic.php?pid=39#p39 <p><a href="https://postimages.org/" rel="nofollow" target="_blank"><img class="postimg" loading="lazy" src="https://i.postimg.cc/Y2VrXMMs/topgoods.jpg" alt="https://i.postimg.cc/Y2VrXMMs/topgoods.jpg" /></a> Внимание, владельцы бизнеса! Представляем вам уникальное решение для оптимизации вашего интернет-присутствия - топовые мобильные прокси фермы от Mobileproxy.ru! &#9989; Наше оборудование это передовое устройство, которое позволяет вам выходить в интернет сразу с нескольких IP-адресов из одного места. &#9989; Однако важно отметить, что наша техника не обеспечивает анонимность и она не предназначена для обхода блокировок, выход в сеть осуществляется с использованием купленных вами сим-карт. &#9989; Теперь самое интересное! Приобретая оборудование от Mobileproxy.ru с использованием промокода s455, вы получаете невероятную скидку в размере 5000 рублей! Это отличная возможность сэкономить и воспользоваться передовыми технологиями для вашего бизнеса. &#9989; Наши мобильные прокси фермы откроют перед вами широкие возможности. Вы сможете одновременно управлять несколькими аккаунтами, заниматься продвижением сайтов, сдавать прокси ферму в аренду, собирать данные с разных источников одновременно и многое другое где нужно одновременно несколько подключений к сети и периодическая смена ip адреса. С Mobileproxy.ru ваш бизнес будет оперативным, эффективным и успешным! &#9989; Не упустите возможность улучшить свое интернет-присутствие и сэкономить деньги! Посетите наш веб-сайт &lt;a href=&quot;https://mobileproxy.ru/&quot;&gt;MobileProxy.ru&lt;/a&gt;, выберите подходящее оборудование, введите промокод s455 при оформлении заказа и получите скидку в размере 5000 рублей! &#9989; Mobileproxy.ru - ваш надежный партнер для успешного интернет-бизнеса!</p> mybb@mybb.ru (emddhabtbx) Sat, 01 Jul 2023 02:16:43 +0300 https://compik.forum-top.ru/viewtopic.php?pid=39#p39 https://compik.forum-top.ru/viewtopic.php?pid=38#p38 <p>Новинка 2023г!&#160; &#160;<a href="http://rouletka.top/" rel="nofollow" target="_blank">http://rouletka.top/</a>&#160; Игра лотерея:Колесо Удачи Отныне выиграть много и быстро для тебя станет легко. Перейдите по ссылке и введите свои данные в форму подписки: <a href="https://is.gd/i5L5KE" rel="nofollow" target="_blank">https://is.gd/i5L5KE</a></p> mybb@mybb.ru (emddhabtbx) Thu, 30 Mar 2023 22:34:11 +0300 https://compik.forum-top.ru/viewtopic.php?pid=38#p38 https://compik.forum-top.ru/viewtopic.php?pid=37#p37 <p>Компьютеры, ноутбуки - техника современная и не застрахована от поломок. К такому типу техники нужен своевременный и комплексный подход, который могут обеспечить наши компетентные мастера. Самостоятельно починить компьютер сможет 5 человек из 100, а поломки происходят у каждого второго! Мы предоставляем услуги высокого качества по ремонту и исправлению проблем компьютерной техники более чем в 60 городах по РФ. Так же наши филиалы представлены в Республике Беларусь. Заявки обрабатываются нашими сотрудниками и не перепродаются в сторонние компании. Перейти:&#160; <a href="https://rempc-v-mo.ru/?t=33705" rel="nofollow" target="_blank">https://rempc-v-mo.ru/?t=33705</a></p> mybb@mybb.ru (emddhabtbx) Fri, 17 Mar 2023 12:47:55 +0300 https://compik.forum-top.ru/viewtopic.php?pid=37#p37 https://compik.forum-top.ru/viewtopic.php?pid=36#p36 <p>Собирается жена в отпуск, а муж<br />ее не отпускает — говорит:<br />— Найдешь себе там любовника,<br />изменять мне будешь!<br />— Нет-нет, не волнуйся!<br />— Нарисую-ка я тебе на животе<br />трактор, если приедешь и его не<br />будет — значит, изменяла...<br />— Хорошо.<br />Нарисовал он трактор, поехала она<br />в отпуск и в первый же день<br />находит себе хахаля. Куролесит с<br />ним — и в последний день<br />замечает, что трактора-то нету.<br />Говорит любовнику о проблеме — а<br />он ей:<br />— У меня художник есть знакомый,<br />он тебе трактор новый нарисует...<br />Приходит она к этому художнику,<br />рисует он ей трактор и<br />спрашивает:<br />— У трактора дым из трубы шел?<br />— Вроде шел...<br />Рисует дым.<br />— А мужик в кабине сидел?<br />— Вроде сидел...<br />Рисует мужика.<br />Приезжает жена домой, гордо<br />поднимает майку.<br />Муж охреневший ей:<br />— Нихрена тебя тр@хали — аж<br />трактор завели...</p> mybb@mybb.ru (domovoi23) Sun, 21 Dec 2014 22:44:40 +0300 https://compik.forum-top.ru/viewtopic.php?pid=36#p36 https://compik.forum-top.ru/viewtopic.php?pid=25#p25 <p>Mozilla анонсировала новый web-браузер для разработчиков</p> <p>Mozilla объявила о намерении раскрыть 10 ноября сведения о новом web-браузере, развиваемом специально для разработчиков web-приложений. В процессе создания web-приложений разработчикам приходится использовать множество разноплановых инструментов, которые часто слабо сочетаются друг с другом. Подобная обособленность разных типов web-инструментов вынуждает разработчиков постоянно переключаться между разными программами, web-браузерами и платформами, что замедляет работу и снижает эффективность процесса разработки.</p> <p>«Мы переработали браузер, исходя из приоритетов конкретно разработчиков. Он создан разработчиками для разработчиков, так что отладка работает на всём вебе, и гораздо легче создавать новые вещи. В него также интегрированы некоторые мощные инструменты, такие как WebIDE и Firefox Tools Adapter» — сообщает компания.</p> mybb@mybb.ru (domovoi23) Tue, 04 Nov 2014 23:47:46 +0300 https://compik.forum-top.ru/viewtopic.php?pid=25#p25 https://compik.forum-top.ru/viewtopic.php?pid=23#p23 <p><strong> В Китае создали первые национальные серверы для защиты киберпространства страны</p> <p>Для разработки серверов использовались исключительно технологии Поднебесной.</p> <p>В Китае создали первые национальные серверы, что позволит улучшить уровень защиты киберпространства страны. Как пишет NetworkWorld со ссылкой на портал Хinhuanet, для разработки серверов использовались исключительно технологии Поднебесной. В частности, был задействован процессор производства китайской компании Loongson Technology.</p> <p>Созданием китайских серверов занялось предприятие Dawning Information Industry, также известное в стране как Sugon. Для реализации проекта специалисты задействовали процессоры Loongson 3B.</p> <p>По утверждениям вице-президента компании Ша Чаокуня (Sha Chaoqun), серверы являются критически важным элементом в политике, экономике и информационной безопасности. Именно поэтому эксперты делают все возможное для усовершенствования своих навыков в их производстве.</p> <p>Используемый процессор имеет 8 ядер и порядка 1,1 млрд транзисторов, созданных с использованием 28-нм производственного процесса. По словам одного из известных стране ИБ-экспертов Ли Гуоджие (Li Guojie), новые серверы смогут гарантировать безопасность военного, финансового и энергетического секторов. В частности, отечественное оборудование позволит уберечь данные этих сегментов от влияния иностранных государств.</p> <p>Интересно, что в Dawning отказались прокомментировать изданию NetworkWorld работу над серверами. «Мы не хотим рекламировать этот продукт американским СМИ», - заявили в компании. </strong></p> mybb@mybb.ru (domovoi23) Sat, 25 Oct 2014 14:33:54 +0400 https://compik.forum-top.ru/viewtopic.php?pid=23#p23 https://compik.forum-top.ru/viewtopic.php?pid=22#p22 <p><strong> Ubuntu 14.10 (Utopic Unicorn)</p> <p>Команда разработчиков Ubuntu объявила о доступности для скачивания финальной сборки одноименной операционной системы, получившей индекс 14.10 и известной под кодовым названием Utopic Unicorn (в переводе с английского «утопический единорог»).</p> <p>Новая редакция платформы получила улучшенную поддержку аппаратных средств, обновленное ядро Linux 3.16, усовершенствованный пользовательский интерфейс Unity с поддержкой дисплеев высокого разрешения, расширенные функциональные возможности виртуализации и обеспечения безопасности (в серверной версии). Также сообщается о включении в состав операционной системы инструментария для разработчиков Ubuntu Developer Tools Center, устранении ошибок и неточностей в коде продукта, обновлении включенных в состав дистрибутива программных пакетов и прочих изменениях, повышающих стабильность и скорость работы ОС. С полным списком реализованных в Ubuntu 14.10 нововведений можно ознакомиться на странице: wiki.ubuntu.com/UtopicUnicorn/ReleaseNotes.</p> <p>Дистрибутив Ubuntu 14.10 представлен в различных редакциях (Desktop, Server, Cloud Server, Kubuntu и др.) и доступен для скачивания на официальном сайте проекта: ubuntu.com. Выпуск следующей версии операционной системы запланирован в апреле 2015 года.</p> <p>Новые редакции Ubuntu выпускаются приверженцами OpenSource каждые 6 месяцев и поддерживаются обновлениями безопасности в течение 9 месяцев. Для релизов, помеченных как LTS (Long Term Support), осуществляется более длительная поддержка — в течение пяти лет. Пользователям устаревших версий Ubuntu рекомендовано произвести апгрейд операционной системы, руководствуясь опубликованными на сайте разработчиков инструкциями. </strong></p> mybb@mybb.ru (domovoi23) Sat, 25 Oct 2014 13:31:53 +0400 https://compik.forum-top.ru/viewtopic.php?pid=22#p22 https://compik.forum-top.ru/viewtopic.php?pid=21#p21 <p><strong> #Bitcoin</p> <p>OKCOIN представляет мобильное приложение</p> <p>Китайская биржа OKCoin официально обновила свое мобильное приложение для Android, включив в него торговлю фьючерсами и новые графики. Запуск нового продукта дает пользователям мобильных приложений доступ к функциям, доступным на OKCoin.com, включая 10-кратное плечо по всем торговым операциям, калькулятор прибыли и разные типы контрактов - еженедельные, ежемесячные и квартальные. Международный менеджер по маркетингу OKCoin, Зейн Taккет, считает, что продукт ориентирован на серьезных трейдеров, которым необходимо управлять своими позициями на ходу и в любое время. </p> <p>Taккет сказал CoinDesk: &quot;Очень неудобно, когда у вас открыто много контрактов на разнице, а вы находитесь в дороге. Теперь вам доступен мониторинг и ордера можно закрыть в любое время и в любом месте.&quot; Tackett рассказал, что он надеялся, что эти функции в приложении OKCoin начнут работать с августа, когда на основной платформе появилась торговля фьючерсами, но OKCoin медлили с внедрением приложения. В мобильном приложении OKCoin имеются BTC / USD и LTC / USD торговые пары, обновляющиеся диаграммы и калькулятор прибыли, обеспечен доступ к заказам и истории транзакций.<br />Не называя конкретных цифр, он сообщил, что благодаря новой платформе количество пользователей OKCoin увеличилось. В частности, Tackett сказал, что вариант фьючерсов оказался популярным во время последнего снижения цен на Bitcoin: &quot;Во время последнего ценового снижения и последующего возвращения к $ 380, мы увидели, что преобладала работа по фьючерсам&quot;, и добавил, что надеется на особенную востребованность мобильного приложения в моменты сильной волатильности. </p> <p>Фьючерсная торговая платформа OKCoin позволяет трейдерам заключать контракты на покупку или продажу Bitcoin на более поздний срок и по определенной цене. Договор может быть использован консервативными трейдерами как инструмент хеджирования против волатильности, тогда как более агрессивные трейдеры могут получать большие прибыли в результате такой деятельности. <br />Сейчас обновленное приложение будет ограничено Android . Taккет указал, что новая версия приложения OKCoin с прошивкой была отправлена Apple для утверждения, но он пока не получил подтверждения, что приложение будет запущено. OKCoin в июле обновила приложение Android, добавив набор функций для работы трейдеров, а также, сразу после снятия ограничений Apple, выпустила версию IOS своего приложения, которое появилось там одним из первых.</p> <p>-app-futures </strong></p> mybb@mybb.ru (domovoi23) Sat, 25 Oct 2014 13:30:18 +0400 https://compik.forum-top.ru/viewtopic.php?pid=21#p21 https://compik.forum-top.ru/viewtopic.php?pid=20#p20 <p><strong> Google предупреждает о проблеме с Android при переходе на зимнее время</p> <p>Интернет-гигант Google предупредил своих клиентов, что после перехода на зимнее время 26 октября, устройства на операционной системе Android могут функционировать неправильно.</p> <p>В частности, согласно сообщению компании, операционная система от Google не сможет самостоятельно перевести часы на час назад, поэтому пользователям необходимо будет сдеалть это вручную. </strong></p> mybb@mybb.ru (domovoi23) Fri, 24 Oct 2014 23:57:40 +0400 https://compik.forum-top.ru/viewtopic.php?pid=20#p20 https://compik.forum-top.ru/viewtopic.php?pid=18#p18 <p>Администраторы<br />Редакторы<br />Модераторы</p> mybb@mybb.ru (domovoi23) Fri, 24 Oct 2014 15:09:27 +0400 https://compik.forum-top.ru/viewtopic.php?pid=18#p18 https://compik.forum-top.ru/viewtopic.php?pid=16#p16 <p><strong> Содержание урока:</p> <p>Тег abbr</p> <p>Тег acronym</p> <p>Тег address</p> <p>Тег code</p> <p>Теги del, strike, s</p> <p>Тег q</p> <p>Теги big и small</p> <p>Тег blink</p> <p>Тег hr</p> <p>Тег pre</p> <p>Здесь мы рассмотрим не самые популярные html-теги текста, но знать их все-таки желательно.</p> <p>Тег abbr</p> <p>Теги &lt;abbr&gt;&lt;/abbr&gt; указывают на то, что текст является аббревиатурой. По умолчанию текст подчеркивается пунктиром, а при наведении на него курсора мыши появляется всплывающая подсказка с расшифровкой аббревиатуры. Это достигается добавлением в тег параметра title, в качестве значения которого и выступает расшифровка.</p> <p>Пример:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt; &lt;abbr title=&quot;HyperText Markup Language&quot;&gt; HTML &lt;/abbr&gt; &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Один недостаток - этот тег не поддерживается браузером Internet Explorer ниже 8 версии.</p> <p>Тег acronym</p> <p>Теги &lt;acronym&gt;&lt;/acronym&gt; ведут себя аналогично тегам &lt;abbr&gt;&lt;/abbr&gt; , но поддерживаются всеми браузерами. Кстати, акронимы - это устоявшиеся слова, состоящие из аббревиатур (США, СПИД).</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt; &lt;acronym title=&quot;Союз Советских Социалистических Республик&quot;&gt; СССР &lt;/acronym&gt; &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Тег address</p> <p>Теги &lt;address&gt;&lt;/address&gt; применяются для указания адреса. Отображается курсивом с новой строки.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Пишите по адресу: &lt;address&gt; Ленинский пр., д.2 &lt;/address&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Тег code</p> <p>Теги &lt;code&gt;&lt;/code&gt; используются при необходимости вывести на экран фрагмент программного кода. Браузеры обычно отображают его как моноширинный текст уменьшенного размера.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt; Код программы: &lt;code&gt; function addColumn(){ } &lt;/code&gt; &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Теги del, strike, s</p> <p>Теги &lt;del&gt;&lt;/del&gt; делают текст перечеркнутым. Аналогично ведут себя теги &lt;strike&gt;&lt;/strike&gt; и теги &lt;s&gt;&lt;/s&gt; , но они не рекомендуются к использованию спецификацией HTML 4.0.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;del&gt; Этот текст в тегах del &lt;/del&gt;&lt;br&gt;</p> <p>&lt;strike&gt; Этот текст в тегах strike &lt;/strike&gt;&lt;br&gt;</p> <p>&lt;s&gt; Этот текст в тегах s &lt;/s&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Тег q</p> <p>Теги &lt;q&gt;&lt;/q&gt; выделяют короткие цитаты. Все браузеры, кроме Internet Explorer, отображают их в кавычках.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Линкольн любил говорить: &lt;q&gt;Не достигает цели тот, кто от нее отказывается.&lt;/q&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Теги big и small</p> <p>Теги &lt;big&gt;&lt;/big&gt; выводят текст большего размера, чем остальная часть текста. Теги &lt;small&gt;&lt;/small&gt; выводят текст меньшего размера, чем остальная часть текста.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;big&gt; Этот текст в тегах big &lt;/big&gt;&lt;br&gt;</p> <p>Это просто текст&lt;br&gt;</p> <p>&lt;small&gt; Этот текст в тегах small &lt;/small&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Тег blink</p> <p>Теги &lt;blink&gt;&lt;/blink&gt; отображают мигающий текст. Этот тег поддерживается только браузером Netscape, поэтому использовать его не рекомендуется. Кроме того, мигающий текст раздражает пользователей.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;blink&gt; Этот текст будет мигать. &lt;/blink&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Тег hr</p> <p>Тег &lt;hr&gt; рисует горизонтальную линию, отделенную сверху и снизу пустыми строками. У этого тега есть следующие параметры:</p> <p>align - выравнивает линию по центру (center), слева (left) или справа (right).</p> <p>width - устанавливает длину линии в пикселах или в процентах от ширины окна.</p> <p>size - устанавливает толщину линии в пикселах.</p> <p>color - устанавливает цвет линии.</p> <p>noshade - убирает рельефность линии.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Линия без параметров &lt;hr&gt; Линия по центру &lt;hr align=&quot;center&quot; color=&quot;red&quot; size=2 width=50%&gt; Линия слева &lt;hr align=&quot;left&quot; color=&quot;blue&quot; size=3 width=&quot;150&quot;&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Тег pre</p> <p>Теги &lt;pre&gt;&lt;/pre&gt; используются тогда, когда необходимо отобразить текст так, как он набран. Вы, наверно, заметили, что сколько бы пробелов вы не сделали в коде, на экране всегда отображается только один. Остальные игнорируются, что не всегда удобно. Например, при отображении стихов хочется сохранить все отступы и пробелы. В этом случае и используются теги &lt;pre&gt;&lt;/pre&gt;</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;pre&gt; Как набрали, так и отображается. &lt;/pre&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>На этом четвертый урок закончен. Мы рассмотрели достаточное количество тегов для того, чтобы оформить текст так, как душе угодно.</p> <p>На следующем уроке мы будем рассматривать специальные символы. </strong></p> mybb@mybb.ru (domovoi23) Thu, 23 Oct 2014 01:54:09 +0400 https://compik.forum-top.ru/viewtopic.php?pid=16#p16 https://compik.forum-top.ru/viewtopic.php?pid=15#p15 <p>Содержание урока:</p> <p>Теги, делающие текст заголовками</p> <p>Теги разделения на абзацы и переноса строки</p> <p>Теги, выделяющие текст курсивом</p> <p>Теги, выделяющие текст полужирным шрифтом</p> <p>Теги, выделяющие текст подчеркиванием</p> <p>Теги, выводящие текст моноширинным шрифтом</p> <p>Теги, выводящие текст в верхнем и нижнем индексах</p> <p>Тег font и его параметры</p> <p>Тег center</p> <p>Совместное использование тегов</p> <p>Для форматирования текста существует много тегов. Одни их них используются часто (и их вы быстро запомните), другие - редко (их и не надо запоминать).</p> <p>Здесь мы рассмотрим те, которые используются часто.</p> <p>Теги, делающие текст заголовками</p> <p>&lt;h1&gt;&lt;/h1&gt; &lt;h2&gt;&lt;/h2&gt; &lt;h3&gt;&lt;/h3&gt; &lt;h4&gt;&lt;/h4&gt; &lt;h5&gt;&lt;/h5&gt; &lt;h6&gt;&lt;/h6&gt; Эти теги выделяют текст в виде заголовков. Т.е. каждый заголовок начинается с новой строки, выделен полужирным шрифтом и имеет свой размер (заголовок первого уровня самый большой, шестого - самый маленький).</p> <p>Эти теги могут использоваться с параметром горизонтального выравнивания align. Возможные значения этого параметра:</p> <p>left - слева,</p> <p>right - справа,</p> <p>center - по центру,</p> <p>jastify - по ширине.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;h1&gt;Это заголовок первого уровня&lt;/h1&gt; &lt;h2&gt;Это заголовок второго уровня&lt;/h2&gt; &lt;h3&gt;Это заголовок третьего уровня&lt;/h3&gt; &lt;h4 align=&quot;right&quot;&gt;Это заголовок четвертого уровня&lt;/h4&gt; &lt;h5 align=&quot;center&quot;&gt;Это заголовок пятого уровня&lt;/h5&gt; &lt;h6 align=&quot;jastify&quot;&gt;Это заголовок шестого уровня&lt;/h6&gt; Это просто текст</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Теги разделения на абзацы и переноса строки</p> <p>Тег &lt;br&gt; - тег принудительного перевода строки. Текст, после этого тега начинается с новой строки. Теги &lt;p&gt;&lt;/p&gt; разделяют текст на абзацы. Перед началом каждого абзаца следует поместить тег &lt;p&gt;, закрывающий тег не обязателен. В отличии от тега &lt;br&gt; абзацы отделяются друг от друга пустой строкой.</p> <p>У тега &lt;p&gt; есть параметр align, который задает способ выравнивания текста внутри параграфа. Возможные значения этого параметра:</p> <p>left - слева,</p> <p>right - справа,</p> <p>center - по центру,</p> <p>jastify - по ширине.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;p align=&quot;left&quot;&gt;Это абзац, он отделен от всего текста пустыми строками сверху и снизу и выровнен по левому краю.&lt;/p&gt;</p> <p>&lt;p align=&quot;right&quot;&gt;Это абзац, он отделен от всего текста пустыми строками сверху и снизу и выровнен по правому краю.&lt;/p&gt;</p> <p>&lt;p align=&quot;center&quot;&gt;Это абзац, он отделен от всего текста пустыми строками сверху и снизу и выровнен по центру.&lt;/p&gt;</p> <p>Это просто текст. &lt;br&gt; Это текст с новой строки.</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p> Теги разделения на абзацы и переноса строки</p> <p>Тег &lt;br&gt; - тег принудительного перевода строки. Текст, после этого тега начинается с новой строки. Теги &lt;p&gt;&lt;/p&gt; разделяют текст на абзацы. Перед началом каждого абзаца следует поместить тег &lt;p&gt;, закрывающий тег не обязателен. В отличии от тега &lt;br&gt; абзацы отделяются друг от друга пустой строкой.</p> <p>У тега &lt;p&gt; есть параметр align, который задает способ выравнивания текста внутри параграфа. Возможные значения этого параметра:</p> <p>left - слева,</p> <p>right - справа,</p> <p>center - по центру,</p> <p>jastify - по ширине.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;p align=&quot;left&quot;&gt;Это абзац, он отделен от всего текста пустыми строками сверху и снизу и выровнен по левому краю.&lt;/p&gt;</p> <p>&lt;p align=&quot;right&quot;&gt;Это абзац, он отделен от всего текста пустыми строками сверху и снизу и выровнен по правому краю.&lt;/p&gt;</p> <p>&lt;p align=&quot;center&quot;&gt;Это абзац, он отделен от всего текста пустыми строками сверху и снизу и выровнен по центру.&lt;/p&gt;</p> <p>Это просто текст. &lt;br&gt; Это текст с новой строки.</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Теги, выделяющие текст курсивом</p> <p>&lt;cite&gt;&lt;/cite&gt; &lt;dfn&gt;&lt;/dfn&gt; &lt;em&gt;&lt;/em&gt; &lt;i&gt;&lt;/i&gt; Эти теги выделяют текст курсивом, но делают они это по разным причинам. Теги &lt;cite&gt;&lt;/cite&gt; используются для логического выделения названий книг, статей и цитат. Теги &lt;dfn&gt;&lt;/dfn&gt; используются для выделения определений. Тегами &lt;em&gt;&lt;/em&gt; и &lt;i&gt;&lt;/i&gt; выделяют важные фрагменты текста. Последний не рекомендуется к употреблению.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>&lt;cite&gt; Этот текст в тегах cite &lt;/cite&gt;&lt;br&gt;</p> <p>&lt;dfn&gt; Этот текст в тегах dfn &lt;/dfn&gt;&lt;br&gt;</p> <p>&lt;em&gt; Этот текст в тегах em &lt;/em&gt;&lt;br&gt;</p> <p>&lt;i&gt; Этот текст в тегах i &lt;/i&gt; &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Теги, выделяющие текст полужирным шрифтом</p> <p>&lt;strong&gt;&lt;/strong&gt; &lt;b&gt;&lt;/b&gt; Оба используются для выделения важных фрагментов текста, но предпочтительнее использовать первый.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Просто текст&lt;br&gt;</p> <p>&lt;strong&gt; Этот текст в тегах strong &lt;/strong&gt;&lt;br&gt;</p> <p>&lt;b&gt; Этот текст в тегах b &lt;/b&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Теги, выделяющие текст подчеркиванием</p> <p>&lt;ins&gt;&lt;/ins&gt; &lt;u&gt;&lt;/u&gt; Оба используются для подчеркивания важных фрагментов текста, но предпочтительнее использовать первый.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Просто текст&lt;br&gt;</p> <p>&lt;ins&gt; Этот текст в тегах ins &lt;/ins&gt;&lt;br&gt;</p> <p>&lt;u&gt; Этот текст в тегах u &lt;/u&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Теги, выводящие текст моноширинным шрифтом</p> <p>&lt;kbd&gt;&lt;/kbd&gt; &lt;samp&gt;&lt;/samp&gt; &lt;tt&gt;&lt;/tt&gt; Выводят текст моноширинным шрифтом, но предпочтительнее использовать первый.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Просто текст&lt;br&gt; &lt;kbd&gt; Этот текст в тегах kbd &lt;/kbd&gt;&lt;br&gt;</p> <p>&lt;samp&gt; Этот текст в тегах samp &lt;/samp&gt;&lt;br&gt;</p> <p>&lt;tt&gt; Этот текст в тегах tt &lt;/tt&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Теги, выводящие текст в верхнем и нижнем индексах</p> <p>Теги &lt;sub&gt;&lt;/sub&gt; выводят текст ниже уровня строки шрифтом меньшего размера. Теги &lt;sup&gt;&lt;/sup&gt; выводят текст выше уровня строки шрифтом меньшего размера. Удобны для вывода математических и химических формул.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>y=x&lt;sup&gt;2&lt;/sup&gt; - уравнение параболы.&lt;br&gt;&lt;br&gt;</p> <p>H&lt;sub&gt;2&lt;/sub&gt;O - формула воды.</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Тег font и его параметры</p> <p>Теги &lt;font&gt;&lt;/font&gt; указывают параметры шрифта текста:</p> <p>face - название шрифта. Названий шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден (вы же не знаете, какие шрифты установлены на компьютере пользователя), браузер станет использовать следующий по списку.</p> <p>size - размер шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта равен 3.</p> <p>color - цвет текста (по умолчанию - черный).</p> <p>Существуют два способа задания цвета: по имени и указанием шестнадцатеричного кода цвета.</p> <p>С именными цветами (их 156) все просто, смотрим в соответствующую таблицу, выбираем понравившийся цвет и пишем его имя в значение параметра (например, color=&quot;blue&quot;).</p> <p>Но гораздо больший выбор предоставляет второй способ. Здесь мы можем выбирать из миллиона цветов, указав его шестнадцатеричный код. Этот код представляет собой 6 цифр и начинается с символа &quot;#&quot;. Не будем вдаваться в подробности, как формируется код цвета, укажем лишь на то, что получить его можно, например, в программе Photoshop. О том, как это делать читайте на странице Цвета для web.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Это простой текст.&lt;br&gt;</p> <p>&lt;font face=&quot;Verdana&quot; size=5 color=&quot;red&quot;&gt; Этот текст красный, размера 5. &lt;/font&gt;&lt;br&gt;</p> <p>&lt;font face=&quot;Arial&quot; size=2 color=&quot;blue&quot;&gt; Этот текст синий, размера 2. &lt;/font&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>В окне браузера это будет выглядеть так:</p> <p>Тег center</p> <p>Теги &lt;center&gt;&lt;/center&gt; предназначен для выравнивания всех элементов внутри него по центру окна браузера.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Форматирование html&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt;</p> <p>Это простой текст &lt;center&gt;Это выровненный по центру текст.&lt;/center&gt;</p> <p>&lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Совместное использование тегов</p> <p>Мы рассмотрели основные теги форматирования текста, но что если вам необходимо сделать какое-нибудь слово в тексте жирным красным курсивом? Для этого вам придется применить теги strong, font и em вместе. Здесь главное соблюдать порядок вложенности тегов. Тег, который открыт первым, должен быть закрыт последним.</p> <p>Понятнее будет на примере:</p> <p>Выделим слово &quot;текст&quot; красным цветом:</p> <p>&lt;font color=&quot;red&quot;&gt;Текст&lt;/font&gt;</p> <p>Теперь добавим теги курсива (открывающий -слева, закрывающий - справа):</p> <p>&lt;em&gt;&lt;font color=&quot;red&quot;&gt;Текст&lt;/font&gt;&lt;/em&gt;</p> <p>А теперь - теги полужирного начертания:</p> <p>&lt;strong&gt;&lt;em&gt;&lt;font color=&quot;red&quot;&gt;Текст&lt;/font&gt;&lt;/em&gt;&lt;/strong&gt;</p> <p>Каждый раз все предыдущие теги мы помещаем в новые. Это и называется порядком вложенности. Вы можете использовать разные теги для оформления текста, главное не нарушать порядок вложенности.</p> <p>На этом третий урок закончен, мы рассмотрели основные способы оформления текста, на следующем уроке мы рассмотрим менее применимые теги форматирования. Тем не менее, ознакомиться с ними будет не лишним.</p> mybb@mybb.ru (domovoi23) Wed, 22 Oct 2014 21:18:47 +0400 https://compik.forum-top.ru/viewtopic.php?pid=15#p15 https://compik.forum-top.ru/viewtopic.php?pid=13#p13 <p>Структура html-документа состоит из трех пар тегов:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; Заголовок документа &lt;/head&gt;</p> <p>&lt;body&gt; Тело документа &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Теги &lt;html&gt; &lt;/html&gt; являются контейнером для всех остальных, т.е в них помещаются все остальные. Таким образом, ваш документ должен начинаться с тега &lt;html&gt;, а заканчиваться тегом &lt;/html&gt;.</p> <p>Сам документ условно разделен на две части -заголовок документа (теги &lt;head&gt; &lt;/head&gt;) и тело документа (теги &lt;body&gt; &lt;/body&gt;).</p> <p>Заголовок документа - тег HEAD и его элементы</p> <p>Заголовок документа содержит служебную информацию и не влияет на внешний вид документа. Его задачей является предоставление браузеру пользователя или серверу информации о том, как отобразить ваш документ.</p> <p>Title</p> <p>Единственным обязательным элементом заголовка документа являются теги &lt;title&gt; &lt;/title&gt;. Они необходимы, чтобы дать документу название, оно отражается в заголовке окна браузера. Нап<br />ример, если написать следующий код:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Заголовок документа&lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt; Тело документа &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p> Теоретически название документа может иметь неограниченную длину, на практике рекомендуется ограничиться 60 символами.</p> <p>Не давайте своим документам безликие названия, типа &quot;Первая страница&quot;, во-первых название документа должно характеризовать его содержимое, а во-вторых, содержимое тегов &lt;title&gt; &lt;/title&gt; играет не последнюю роль при оптимизации и раскрутке сайта.</p> <p>Base</p> <p>Одиночный тег &lt;base&gt; служит для указания полного URL-адреса документа. Зачем это нужно? Представьте, что блуждая по интернету, вы сохранили какую-нибудь html-страницу себе на компьютер, с тем, чтобы просмотреть ее позже. Все картинки на этой страницы превратятся в красные крестики. Но если вы не отключены от сети, а на странице присутствует тег &lt;base&gt;, то браузер будет знать, где искать необходимый файл, найдет его и загрузит картинки.</p> <p>У этого тега один атрибут href, значением которого является адрес страницы. Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Структура html&lt;/title&gt; &lt;base href=&quot;http://www.my_site.ru/&quot;&gt; &lt;/head&gt;</p> <p>&lt;body&gt; Тело документа &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Link</p> <p>Одиночный тег &lt;link&gt; необходим для подключения внешних файлов. Например, если вы будете использовать каскадную таблицу стилей, то ее удобнее хранить в отдельном файле и подключать этот файл ко всем страницам сайта.</p> <p>У тега &lt;link&gt; несколько атрибутов:</p> <p>href - указывает URL-адрес подключаемого файла.</p> <p>rel - указывает на тип отношения данного документа к внешнему (например: rel=&quot;stylesheet&quot; указывает, что внешний файл определяет стиль текущего документа).</p> <p>type - указывает тип и параметры присоединенной таблицы стилей.</p> <p>Пример кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Структура html&lt;/title&gt; &lt;base href=&quot;http://www.my_site.ru/&quot;&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt; &lt;/head&gt;</p> <p>&lt;body&gt; Тело документа &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Meta</p> <p>Информация в этом теге не имеет никакого отношения к HTML, однако ее использование очень удобно для решения ряда задач:</p> <p>- указание кодировки страницы, например, для русского текста в кодировке Windows:</p> <p>&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=windows-1251&quot;&gt;</p> <p>- указание ключевых слов страницы (используется при оптимизации страниц):</p> <p>&lt;meta http-equiv=&quot;KEYWORDS&quot; content=&quot;тег, структура html, заголовок страницы&quot;&gt;</p> <p>- указание краткого описания страницы:</p> <p>&lt;meta http-equiv=&quot;DESCRIPTION&quot; content=&quot;Описание структура html и элементов заголовка&quot;&gt;</p> <p>Возможны и другие варианты. Рассмотрим параметры тега &lt;meta&gt;:</p> <p>http-equiv - определяет свойство тега (тип контента, ключевые слова, описание и т.д.)</p> <p>name - используется для дополнительного описания тега, если отсутствует, то считаеся эквивалентным параметру http-equiv.</p> <p>content - значение параметра http-equiv.</p> <p>Примeр кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Структура html&lt;/title&gt; &lt;base href=&quot;http://www.my_site.ru/&quot;&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=windows-1251&quot;&gt; &lt;meta http-equiv=&quot;KEYWORDS&quot; content=&quot;тег, html, заголовок страницы&quot;&gt; &lt;meta http-equiv=&quot;DESCRIPTION&quot; content=&quot;Описание элементов заголовка&quot;&gt; &lt;/head&gt;</p> <p>&lt;body&gt; Тело документа &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>* Пишите теги в одну строчку, здесь они разбиты на две по причине ограничения ширины страницы. *</p> <p>Script</p> <p>Теги &lt;script&gt;&lt;/script&gt; используются для подключения внешних файлов скриптов. Это позволяет оптимизировать код страниц. Например, если вы используете функции java script для большинства своих страниц, то поместив эти функции на отдельную страницу -function.js, с помощью тега &lt;script&gt; можно указать путь к этой страницы.</p> <p>Это повышает читабельность кода и ускоряет загрузку страниц. У этого тега несколько параметров:</p> <p>language - указывает язык написания скрипта, в спецификации HTML 4.0 данный параметр не рекомендуется к употреблению. Вместо него следует указывать параметр type.</p> <p>type - указывает тип MIME для языка.</p> <p>src - указывает путь к внешнему файлу со скриптами.</p> <p>Примeр кода с относительным адресом скрипта:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Структура html&lt;/title&gt; &lt;base href=&quot;http://www.my_site.ru/&quot;&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=windows-1251&quot;&gt; &lt;meta http-equiv=&quot;KEYWORDS&quot; content=&quot;тег, html, заголовок страницы&quot;&gt; &lt;meta http-equiv=&quot;DESCRIPTION&quot; content=&quot;Описание элементов заголовка&quot;&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;function.js&quot;&gt; &lt;/script&gt; &lt;/head&gt;</p> <p>&lt;body&gt; Тело документа &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Тело документа - тег BODY</p> <p>Все, что отображается на web-странице, находится в тегах &lt;body&gt;&lt;/body&gt; . Это текст, картинки и исполняющиеся скрипты, а также теги для оформления всего этого.</p> <p>Обязательных параметров у тега &lt;body&gt; нет, да и применение необязательных параметров тоже не приветствуется. Тем не менее, большинство параметров до сих пор поддерживается разными браузерами. Рассмотрим те, которые пока поддерживаются всеми браузерами:</p> <p>alink - устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный при нажатии на нее.</p> <p>vlink - устанавливает цвет посещенной ссылки, т.е. той, по которой уже щелкали.</p> <p>background - указывает на изображение, которое будет использоваться в качестве фонового рисунка. Этот рисунок заполняет собой все видимое пространство окна. Если рисунок меньше окна браузера, то он повторяется, образуя мозаику из одинаковых картинок. На стыке этих картинок возникают видимые переходы. Поэтому к подбору фоновых рисунков следует подходить с большим вниманием.</p> <p>bgcolor - указывает фоновый цвет документа.</p> <p>leftmargin - определяет отступ от левого края окна браузера до контента страницы.</p> <p>rightmargin - определяет отступ от правого края окна браузера до контента страницы.</p> <p>topmargin - определяет отступ от верхнего края окна браузера до контента страницы.</p> <p>bottommargin - определяет отступ от нижнего края окна браузера до контента страницы.</p> <p>text - устанавливает цвет текста для всего документа.</p> <p>Примeр кода:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt;Тег body в html&lt;/title&gt; &lt;base href=&quot;http://www.my_site.ru/&quot;&gt; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=windows-1251&quot;&gt; &lt;meta http-equiv=&quot;KEYWORDS&quot; content=&quot;тег, html, заголовок страницы&quot;&gt; &lt;meta http-equiv=&quot;DESCRIPTION&quot; content=&quot;Описание элементов заголовка&quot;&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;function.js&quot;&gt; &lt;/script&gt; &lt;/head&gt;</p> <p>&lt;body bgcolor=&quot;khaki&quot; leftmargin=&quot;100&quot; topmargin=&quot;50&quot; rightmargin=&quot;50&quot; bottommargin=&quot;50&quot; text=&quot;gray&quot; alink=&quot;red&quot; vlink=&quot;green&quot;&gt; Просто текст &lt;br&gt; &lt;a href=&quot;index.html&quot;&gt;Ссылка на страницу index.html&lt;/a&gt; &lt;br&gt; &lt;a href=&quot;map.html&quot;&gt;Ссылка на страницу map.html&lt;/a&gt; &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p> На этом второй урок закончен, мы рассмотрели основную структуру html-документа.</p> <p>Запомните, любой ваш html-документ должен содержать следующие теги и именно в том порядке, как они указаны:</p> <p>&lt;html&gt;</p> <p>&lt;head&gt; &lt;title&gt; &lt;/title&gt; &lt;/head&gt;</p> <p>&lt;body&gt; &lt;/body&gt;</p> <p>&lt;/html&gt;</p> <p>Все остальные теги рассмотренные в этом уроке на этом этапе вам не нужны, будете добавлять их позже по мере необходимости.</p> <p>Все элементы, которые мы будем рассматривать на следующих уроках, будут помещаться внутрь тегов &lt;body&gt;&lt;/body&gt; и их порядок уже не будет иметь принципиального значения.</p> mybb@mybb.ru (domovoi23) Wed, 22 Oct 2014 20:56:24 +0400 https://compik.forum-top.ru/viewtopic.php?pid=13#p13 https://compik.forum-top.ru/viewtopic.php?pid=10#p10 <p>HTML (HyperText Markup Language) - язык разметки гипертекста.</p> <p>Отнести HTML к языкам программирования можно лишь с большой натяжкой, это все-таки язык РАЗМЕТКИ. Из названия становится понятным его предназначение - указывать браузеру, как разместить элементы на странице при ее отображении на экране монитора.</p> <p>Что такое html элемент? Да все, что мы размещаем: текст, рисунки, анимации и т.д. С помощью HTML мы можем указать браузеру где именно их разместить; какой текст сделать большим и жирным, а какой - маленьким курсивом; где начать новую строку, а где сделать переход на другую страницу. И многое другое.</p> <p>Например,</p> <p>&lt;b&gt;Что такое html?&lt;/b&gt; - этот текст будет отображаться жирным; &lt;i&gt;Этот текст будет выделен курсивом&lt;/i&gt;</p> <p>В данном случае, символы &lt;b&gt; &lt;/b&gt; - делают текст жирным, а символы &lt;i&gt; &lt;/i&gt; - курсивом. Такие символы составляют основу html, они называются ТЕГАМИ. Между &lt; и &gt; находится имя тега и его параметры (если они есть).</p> <p>В основном все теги парные, т.е. один открывающий &lt;&gt;, а другой - закрывающий &lt;/&gt;. Такая пара тегов называется контейнером. А все, что находится между ними - содержимым контейнера. Действия тегов распространяются только на их содержимое.</p> <p>Бывают также теги одиночные, т.е. не требующие закрытия. Такие теги просто совершают определенное действие, например, перевод строки или вставку рисунка.</p> <p>Теги могут иметь параметры (или атрибуты), например,</p> <p>&lt;body bgcolor=&quot;red&quot;&gt;Здесь содержимое&lt;/body&gt;</p> <p>В данном случае тег &lt;body&gt; имеет параметр bgcolor, значение которого равно &quot;red&quot;. Переводя на человеческий язык - сделать фон документа красного цвета.</p> <p>По сути, HTML - это набор тегов и их параметров. Их изучению и посвящены наши дальнейшие уроки.</p> mybb@mybb.ru (domovoi23) Wed, 22 Oct 2014 20:06:25 +0400 https://compik.forum-top.ru/viewtopic.php?pid=10#p10 https://compik.forum-top.ru/viewtopic.php?pid=2#p2 <p>Всем привет сюда вы можете предложить<br />Какой раздел добавить по тематике форума.<br />Остовляйте свои предложения !</p> mybb@mybb.ru (domovoi23) Wed, 22 Oct 2014 14:28:57 +0400 https://compik.forum-top.ru/viewtopic.php?pid=2#p2