|
|
|
Секреты HTML - 1
Рабочий день, как обычно в последнее время, начался вечером. Типичный режим работы: ночью пялиться в монитор и двигать мышь, отстукивая по клаве, а днем - дрыхнуть :) Всем надоело, а я не могу отвыкнуть. Представьте себе, как трудно иногда удержаться от того, чтобы посидеть на халявном инете лишних 6-7 часиков. Сначала занялся журналом, почти закончил контент, как вспомнил грозные слова Юлии о том, что она не допустит выпуск 17-го номера, пока не будет написана статья о секретах HTML. Планировалось, что в этой статье я расскажу о том, какие есть способы воспользоваться HTML в нестандартном применении. Бред какой-то. Я уже и не помню этого языка. Вcё Perl да Perl.
Потом решил-таки написать что-нибудь, но настроение никуда не шло. После нескольких кружечек кофе стало немного лучше. В Аське сидело несколько человек, поэтому пришлось прятаться некоторое время в "инвизибле", чтобы не надоели раньше времени. После разгребания мыла пришлось заняться решением текущих проблем, администрированием веб-ресурса и прочими делами. Потом пообщался с другими ночниками-кнопочниками и собрался таки мыслями выдать что-то интересное.
Начну с определения HTML. Все знают, что HTML - это некий хитрый язык разметки гипертекста. Гипертекст - это очень круто. Это хитрый способ ссылаться из одного документа на другой при помощи специальных наборов символов. Называются они тегами. В спецификации HTML 4.0 таких тегов достаточно много. Выглядит тег весьма обыденно: <ТЕГ> :) Фактически, это специальное слово, заключенное в символы < и >. Обычно теги вставляют прямо по тексту документа производя тем самым нужную разметку. Теги бывают открывающие и закрывающие. Открывающие теги начинают форматирование, а закрывающие закрывают. Все это ясно, как Божий День.
Кстати, сегодня зашел на сайт http://www.deathclock.com, ввел там дату своего рождения, пол и тип характера. Получилось, что умру я в пятницу 18 декабря 2054 года. Неплохо, осталось жить еще 1,638,144,000 секунд. Видали, как легко я послал вас на тот сайт? Правильно, я сделал это с помощью языка HTML. Вы смотрите эту страницу в браузере, и все то у вас хорошо отформатировано, кругом картинки и ссылки. Попробуйте посмотреть исходник этой страницы. Делайте так: щелчок правой кнопки мыши->View HTML Source или Просмотр HTML-кода. Вы увидите, как выглядит документ в действительности. Множество тегов. Например, чтобы сделать текст жирным нужно писать так:
<b>жирный</b>
Для того, чтобы понять, что такое HTML надо сходить на сайт http://htmlhelp.com. На тему HTML написано множество статей (сам лично много писал) и книг. Одним из самых полных я считаю книгу HTML 4 в подлиннике, можно прикупить Справочник по HTML 4
или другие книги по этому языку. Советую обратить внимание на наш книжный магазин. В разделе Программирование в Internet много хороших книг.
А теперь собственно то, чего все ждали. Я расскажу о некоторых хитростях языка для решения нестандартных, шутливых задач. Код приводить не буду, чтобы дать возможность самим во всем разобраться :)
Просмотр диска C:
Мы знаем, что у Вас на жестком диске! Жмите сюда - смешной способ подколоть друга или секретаршу. Она подойдет потом с вопросом: "А как этот автор сайта смог поставить ссылку именно на мой компьютер. Ведь их же миллионы в Интернете :0"
Вы все козлы !!!
Посылаете конкурентам письмо со ссылкой Жмите сюда - ровным счетом ничего, кроме обиды. После такой шутки все будут злиться на вас. Прикольно, послать такую фишку в чат или форум :))
Эффектный текст
УБОЙНЫЙ ТЕКСТ С ТЕНЬЮ - без комментариев.
Подсказка над ссылкой
Наведи курсор - просто добавляем параметр, а при наведении курсора на ссылку будет появляться всплывашка с нужным текстом.
Показать и спрятать
Показать / Спрятать
Это делается несколько сложнее, уже с использованием функции на JavaScript, однако в основе заложена изменение свойства Display у текста.
Приведенные мной примеры хитростей на самом деле широко распространены. Никто не говорит о них, так как это обыденные вещи. Только новички смогут оценить всю прелесть данных решений. Возможно, это даст кому-нибудь повод изучить DynamicHTML и прочие основы профессионального веб-дизайна. Вы думаете, что хорошо знаете HTML? Тогда пришлите мне свои трюки. Я соберу все вместе и когда-нибудь напишу о новых фокусах.
Кстати, эти и другие фокусы могут не работать в отличных от IE браузерах. Но это никого не должно волновать. Ведь мелкософтовский браузер юзают 95% интернетчиков. А вот самые хорошие, надежные и быстрые браузеры отдыхают. Вот что значит, хорошая раскрутка. Дядя Билли, попробуй Оперу.

Вся информация, содержащаяся в данном журнале, является интеллектуальной
собственностью своих законных авторов. При перепечатке материалов из журнала
для соблюдения закона об авторских правах
необходимо указывать имена и все ссылки авторов. Также
необходимо ставить видимую ссылку на
Российский мультипортал ProtoPlex <HTTP://PROTOPLEX.RU> |
|
|