мы заставим браузер отобразить следующее: Лого bigmir)net: Кроме тегов также существуют HTML-символы, которые используются для выдачи специальных символов. Они пишутся так: &название_символа; . Наиболее часто используются: < и > (кавычки < и >), &amp; (амперсанд), &copy; (копирайт ©) и т.д. Есть несколько правил, которые вам также следует знать: - теги и их параметры можно писать как большими буквами (
), так и маленькими (
). Оба варианта правильные, но обычно все же приняты маленькие буквы. - значения параметров надо брать в двойные кавычки (
). Браузер скорее всего корректно обработает и одинарные кавычки (
) и вообще их отсутствие (
), но эти варианты ошибочны, и их правильное выполнение не гарантируется. - теги можно вкладывать один в другой. Пример Написав строку: Этот текст использует разную разметку получим: Этот текст использует разную разметку. Полный список тегов, их параметров и символов, которые разрешено использовать в заметках дневников, смотрите в разделе Каков полный список разрешенных HTML-тегов в заметках; опишите, что они делают? . Каков полный список разрешенных HTML-тегов в заметках; опишите, что они делают? Список тегов, разрешенных в бигмировских дневниках Тег Описание выделение жирным шрифтом выделение текста курсивом подчеркивание текста выделение текста в блокненумерованный список
нумерованный список
- пункт списка
параграф
выделение текста в блок со специальными свойствами (выравнивание по левому краю, правому краю или по центру)выравнивание по центру вставка гиперссылка
перенос строкивставка картинки
горизонтальный разделительмягкий перенос Полное описание этих тегов и их параметров читайте ниже. Теги и их параметры Тег Выделяет текст жирным шрифтом (от англ. bold). Пример использования тега b Этот текст – выделен жирным шрифтом Этот текст – выделен жирным шрифтом ; Тег Выделяет текст курсивом (от англ. italic). Пример использования тега i Этот текст – выделен курсивом Этот текст – выделен курсивом Тег Подчеркивает текст (от англ. underline). Пример использования тега u Этот текст – подчеркнут Этот текст – подчеркнут Теги илиПеречеркивает текст. Пример использования тегов s и strike Этот текст –перечеркнути сноваперечеркнутЭтот текст – перечеркнут и снова перечеркнут Тег Устанавливает специальные свойства для текста. В Дневниках на бигмире при помощи этого тега поддерживается только смена цвета текста. Параметры тега: color . Управляет цветом текста. Значениями этого параметра могут были либо английские названия цветов black , gray , silver , white , red , fuchsia , maroon , purple , navy , blue , aqua , green , lime , teal , yellow , olive . Либо шестнадцатеричное число - номер цвета в формате #RRGGBB , где RR - число части красной составляющей в итоговом цвете, GG - зеленой составляющей, BB - синей составляющей. black gray silver white red fuchsia maroon purple navy blue aqua green lime teal yellow olive Пример использования тега font Этот текст – зеленый Этот текст – красный Этот текст – лиловый Этот текст – зелено-синий Этот текст – зеленый Этот текст – красный Этот текст – лиловый Этот текст – зелено-синий ТегВыделяет текст в блок, делая отступы по вертикали и горизонтали. Пример использования тега blockquote Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст.Необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст.Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст. Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст. Необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст, необычный текст. Обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст, обычный текст. ТегНенумерованный список. Выделяет текст в блок, делая отступы по вертикали и горизонтали. Обычно внутри него применяются теги li (см. ниже), помечающие пункты списка. Пример использования тега ul Мои любимые животные
А еще люблю кошек и собак. Мои любимые животные Жираф Носорог Бегемот А еще я люблю кошек и собак. Тег
- Жираф
- Носорог
- Бегемот
Нумерованный список. Выделяет текст в блок, делая отступы по вертикали и горизонтали. Обычно внутри него применяются теги li (см. ниже), помечающие пункты списка. Пример использования тега ol Когда можно поворачивать направо при красном свете светофора?
На этом вопросе я завалила экзамен в ГАИ. Когда можно поворачивать направо при красном свете светофора? Никогда Всегда В случаях 1 и 2 На этом вопросе я завалила экзамен в ГАИ. Тег
- Никогда
- Всегда
- В случаях 1 и 2
- Помечает текст как пункт внутри тега ul или тега ol (см. выше). Тег
Отмечает блок текста как параграф. Используется для того, чтобы начать текст с новой строки. Тег
Отмечает блок текста, который в зависимости от параметров можно выравнивать различным образом. Параметры: align - может принимать значения left (выровнять по левому краю), right (выровнять по правому краю), center (выровнять по центру), justify (выровнять по обоим краям). Пример использования тега divЛево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево.Центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр.Право, право, право, право, право, право, право, право, право, право, право, право, право, право, право.Оба края, оба края, оба края, оба края, оба края, оба края, оба края, оба края, оба края, оба края.Лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево, лево. Центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр, центр. Право, право, право, право, право, право, право, право, право, право, право, право, право, право, право. Оба края, оба края, оба края, оба края, оба края, оба края, оба края, оба края, оба края, оба края. ТегВыравнивает блок текста по центру. Действует аналогично конструкции , но является устаревшим тегом и не рекомендуется для использования. Тег Служит для вставки в текст ссылок на страницы, картинки и прочие ресурсы в Интернете. Все, что находится между открывающим тегом и закрывающим будет отображено как ссылка, на которую можно кликнуть и перейти по адресу, указанному в параметре href . Параметры: href - в этом параметре необходимо указать адрес страницы, на которую вы ставите ссылку target - необязательный параметр, может принимать только значение _blank , означающее, что ссылку необходимо открывать в новом окне. Пример использования тега a Знаете, где можно посмотреть список дневниковцев, у которых сегодня день рождения? Здесь! Знаете, где можно посмотреть список дневниковцев, у которых сегодня день рождения? Здесь! Тег
Начинает следующий за ним текст с новой строки. Не требует закрывающего тега. В Дневниках необязателен, так как каждый перенос строки, который вы делаете (когда жмете Enter) автоматически потом заменится на этот тег. ТегВставляет в текст изображение. Параметры тега: src – адрес картинки в Интернет. width - ширина картинки в пикселах. Необязательный параметр. height - высота картинки в пикселах. Необязательный параметр. border - толщина рамки вокруг картинки в пикселах. Необязательный параметр. alt - подпись, которая будет показана при наведении мышкой на картинку. Необязательный параметр. align - выравнивание картинки. Необязательный параметр. Возможно одно из значений: left - выравнивать по левому краю; center - по центру; right - по правому краю; absmiddle - по вертикальной линии строки текста, на которой эта картинка находится. hspace - отступ в пикселах по горизонтали от краев картинки до текста. Необязательный параметр. vspace - отсуп в пикселах по вертикали от краев картинки до текста. Необязательный параметр. Пример использования тега img Вот такое лого у портала bigmir)net:
Вот оно же, но уменьшенное:
Вот оно же, но с absmiddle:
Вот такое лого у портала bigmir)net: Вот оно же, но уменьшенное: Вот оно же, но с absmiddle: Тег
Вставляет горизонтальную полосу. Не требует закрывающего тега. Используется для того, чтобы отделить одну часть заметки от другой. ТегМягкий перенос строки. Не требует закрывающего тега. Если строка текста не помещается в окне браузера, и нет пробелов, чтобы перенести текст по словам, то такой тег указывает браузеру, что лучше всего переносить строку, делая разрыв в данном месте. Символы В HTML также употребляется ряд сочетаний символов для отображения спецсимволов на печати. В Дневниках на бигмире можно использовать следующие из них. HTML Результат пробел & & " " < < > > ' ' © © « « » » © © « « » » √ √ № № Дополнительные теги О дополнительных тегах, которые не входят в стандарт HTML, но употребляются в дневниках на бигмире, читайте в разделе Есть ли специальные теги в заметках, что они делают? Как вставить в заметку картинку (фотографию)? Перед тем, как вставлять картинку, сначала определите URL (Интернет-адрес), по которому она находится в Интернете. Если картинка лежит у вас в компьютере, то ее сначала надо поместить в Интернет. Для этого на бигмире существуют фотоальбомы , в которых вы можете разместить любые ваши изображения. Обратите внимание: - путь к картинке на вашем жестком диске (вроде C:\Photos\Photo1.jpg ) - это локальный путь к изображению, он не доступен другим людям в Интернете, у них ваша картинка не отобразится. Картинку надо выложить в Интернет. - адресная строка страницы (вроде http://photo.bigmir.net/show/123456/ ), где находится картинка - это тоже неправильный путь. Вам нужен URL картинки, а не страницы, где ее можно увидеть Если вы знаете, где в Интернете можно увидеть вашу картинку, то, чтобы узнать URL, зайдите на эту страницу, кликните правой кнопкой мыши на картинке, выберите Свойства ( Properties ). В открывшемся окошке среди прочей информации о картинке будет показан ее URL. Итак, когда у вас есть URL картинки, ее можно вставить в текст. Самый легкий путь - указать URL в специальном поле Добавить фото (URL) , которое находится под полем ввода текста. В этом случае картинка появится под текстом самой заметки, отцентрированная по его середине. Более сложный путь, позволяющий вставлять картинки где угодно в тексте, заключается в использовании HTML-тега img . Для этого впишите в текст вашей заметки в нужном месте следующую строку: , где вместо путь_к_картинке укажите URL вашего изображения. Полную информацию о теге img смотрите в разделе Каков полный список разрешенных HTML-тегов в заметках; опишите, что они делают? . Как в заметке сделать текст цветным/жирным/курсивом/подчеркнутым? Чтобы выделить текст цветом, используйте тег font с параметром color . В качестве значения параметра можно задать слово, означающее цвет: black , gray , silver , white , red , fuchsia , maroon , purple , navy , blue , aqua , green , lime , teal , yellow , olive . Либо шестнадцатеричное число - номер цвета в формате #RRGGBB , где RR - число части красной составляющей в итоговом цвете, GG - зеленой составляющей, BB - синей составляющей. Пример Этот текст – зеленый Этот текст – красный Этот текст – лиловый Этот текст – зелено-синий Этот текст – зеленый Этот текст – красный Этот текст – лиловый Этот текст – зелено-синий Чтобы выделить цвет жирным шрифтом, используйте тег b , курсивом – i , подчеркнутым – u . Пример Этот текст – жирный Этот текст – выделен курсивом Этот текст – подчеркнутый Этот текст – подчеркнутый курсив Этот текст – жирный Этот текст – выделен курсивом Этот текст – подчеркнутый Этот текст – подчеркнутый курсив Полную информацию о тегах выделения текста смотрите в разделе Каков полный список разрешенных HTML-тегов в заметках; опишите, что они делают? . Как вставить в заметку ссылку на другую Интернет-страницу? Самый легкий путь - это просто вписать в текст ссылку типа http://www.bigmir.net и ни о чем больше не заботиться. Как только система обработки заметок находит слова, начинающиеся с http:// или www , она применяет специальные правила к этим частям текста. В результате на страницах они будут показаны как ссылки, на которых можно кликнуть и перейти на указанную Интернет-страницу. Второй вариант - использовать HTML-тег a и его параметр href . В значение параметра надо вписать адрес Интернет-страницы, и весь текст между открывающим тегом и закрывающим превратится в ссылку, на которую можно кликнуть и перейти на указанную Интернет-страницу. Пример Десятки тысяч приколов обитают по адресу http://prikol.bigmir.net – одном из доменов портала #1 в Украине Десятки тысяч приколов обитают по адресу http://prikol.bigmir.net – одном из доменов портала #1 в Украине Я пишу правильный тег цвета текста, а он не работает (цвет получается ошибочный). Почему? Если вы задаете номер цвета, то проверьте, что значение цвета у вас указано с решеткой (#) в начале: Если вы набирали заметку в каком-то текстовом редакторе, например в Word, а потом копировали и вставляли текст в свой браузер, то у вас, вероятно, стоят неправильные двойные кавычки. Word по умолчанию заменяет первую двойную кавычку на открывающую (две запятые с хвостиками вверху), а вторую - на закрывающую (две запятые с хвостиками внизу). При вставке в браузер они могут отображаться так же, как и обычная прямая двойная кавычка, но для HTML являются недопустимыми символами. Попробуйте после вставки текста в браузер удалить эти кавычки и набрать там же заново. Есть ли специальные теги в заметках, что они делают? Специальными тегами, которых нет в HTML, но которые можно использовать в Дневниках на Бигмире являются теги cut и video . Тег
Скрывает все, что находится между открывающим и закрывающим тегом. Скрытая часть будет показана только при чтении самой заметки целиком. В остальных режимах скрытая часть заменяется на линк, кликнув по которому, пользователь переходит к просмотру заметки полностью. Параметры тега text - значение этого параметра будет выведено в ссылке, заменяющей скрытую часть заметки. Если параметр не указан, то по умолчанию текст ссылки будет Читать далее... Пример использования тега cut Кто написал басню о Мартышке и Очках? Крылов! В лентах заметка будет выглядеть так: Кто написал басню о Мартышке и Очках? [ Ответ под катом ] При просмотре заметки полностью она будет выглядеть так: Кто написал басню о Мартышке и Очках? Крылов! Тег cut сделан для того, чтобы сделать чтение больших заметок более удобным для ваших друзей. Предположим, вы приехали с Карпат и заготовили громадный отчет: море текста и 40 фотографий к ним. Сформировали это в заметку и выложили в бигмировские дневники на всеобщее обозрение. Сразу же появится ряд неприятных моментов. Во-первых, люди, которые читают ленты дневников за текущий день, которые добавили ваш дневник в свою ленту Избранное или которые просто зашли посмотреть ваш дневник – все они в этих лентах сразу увидят эту дли-и-и-и-иннейшую заметку. А чтобы прочитать другие статьи, им придется долго прокручивать ленту. Во-вторых, заметка сразу же потеряет связь с остальными материалами в вашем дневнике. Если бы она была короткой, то с первого взгляда любой читатель увидел бы еще две предыдущие заметки, например, "Ура! Я выиграл 5000 грн в лотерею" и далее "Все выигранные деньги потратил, билеты куплены, завтра уезжаю". Прослеживается линия истории, выходит цельная жизнь. А в случае с длинной заметкой линия вашего рассказа рвется, и дневник становится менее интересным. Ну и в-третьих, не забывайте о трафике. Наполнив свою статью несколькими десятками фоток, вы заставляете всех своих читателей выкачать эти 2 - 5 мегабайт из Сети. Что может им влететь в копеечку. Или просто забить весь Интернет-канал. Поэтому в таких случаях лучше использовать кат с надписью Под катом весь текст моего тура в Карпаты и куча фотографий на 5 мегабайт . Кому этот материал не нужен - тот просто пройдет мимо. А кому будет интересно - тот кликнет и прочтет полностью. Тег