Блог » 2011 » октября » 24 » Секреты написания html кода для новичков
Секреты написания html кода для новичков
17:23
И так, в этом блоге я напишу несколько "секретов", которые уже все знают Секрет #1 Самая большая ошибка новичков, это когда они забывают писать перед тегом <html> валидную строку, а точнее в начале должно быть так:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> ...
Кстати бывают разные валидные строки, но это вы узнаете сами, а так можно пользоваться и одной этой, но при валидации на сайте w3.org могут возникнуть проблемы и вылезти ошибки. Секрет #2 Для уменьшения размера CSS файла или просто встроенного кода, можно прибегнуть к такой технике: Вместо:
Code
body { font-family:Gill Sans MT, Gill Sans, Verdana, sans-serif; background:url(/images/bgG.png); padding:0; margin:0 0; color:#727272; }
Можно писать:
Code
body{font-family:Gill Sans MT, Gill Sans, Verdana, sans-serif;background:url(/images/bgG.png);padding:0;margin:0 0;color:#727272;}
Правда с такой техникой, читаемость кода уменьшается (я имею ввиду для людей), но скорость загрузки увеличивается. Секрет #3 немного обсурден При включении в код тег картинки или перевода на другую строку, по правилам валидации (по правилам валидации xhtml), лучше писать так:
Code
<img /> <br />
Вы заметили, что в конце тега ставится закрытие, но некоторым это такется немного обсурдно, как и мне Но например, если тег <br> не будет закрыт, но за особую ошибку это не будет считаться и сайт пройдёт валидацию, но с тегом <img> так не пройдёт. Секрет #4 Этот секрет расчитан на заядлых капслокеров... Шутка! :? Чтобы не писать на сайте капс локом, придумали следующий тег - uppercase!
Code
Например: <p style="text-transform:uppercase">Это большие буквы без использования CapsLock</p>
Секрет #5 Создаём текст со стилем без CSS! Моноширный текст:
Code
<tt>Я как бы моно.</tt>
Жирный шрифт:
Code
<strong>А я толстенький :)</strong>
Курсивный:
Code
<dfn>Я иду по наклонной!</dfn>
Подчёркнутый текст:
Code
<ins>"У меня под ногами земля!"</ins>
И последний - зачёркнутый:
Code
<del>Меня удалили :(</del>
Секрет #6 Когда изображение не загружено, например, если оно удалено с сервера, то на помощь приходит атрибут alt:
Это можно применять, когда нужно вывести альтернативный текст (описание, название) к картинке. Серкрет #7 - последний Если тег li устанавливает маркированный список, то тег ol устанавливает нумерованный список:
Code
<ol> <li>Первый элемент нумерованного списка</li> <li>И второй тут</li> </ol>
Кстати, если вы не знаете, то li, это элемент в любом списке, а списки (как вы все знаетете) всегда идут в столбик
Спасибо за внимание, с вами был romgerman. Надеюсь всё было ясно и понятно и не скучно Кстати это не все секреты написания кода, а те которые мне сегодня взбрели в голову, а на счёт валидации html и css почитайте сами!
Также если вы считаете, что данный материал мог быть интересен и полезен кому-то из ваших друзей, то вы бы могли посоветовать его, отправив сообщение на e-mail друга:
Игровые объявления и предложения:
Если вас заинтересовал материал «Секреты написания html кода для новичков», и вы бы хотели прочесть что-то на эту же тему, то вы можете воспользоваться списком схожих материалов ниже. Данный список сформирован автоматически по тематическим меткам раздела.
Предлагаются такие схожие материалы:
Если вы ведёте свой блог, микроблог, либо участвуете в какой-то популярной социальной сети, то вы можете быстро поделиться данной заметкой со своими друзьями и посетителями.
И ещё: от ИЕ нельзя отстать, даже не смотря на то, что им пользуются разные офисные работники, домохозяйки, школота, которая не умеет устанавливать другие браузеры и т.д., всё равно нельзя забывать про кроссплатформенность.
0
Великолепно! очень хорошая статья
И ещё: от ИЕ нельзя отстать, даже не смотря на то, что им пользуются разные офисные работники, домохозяйки, школота, которая не умеет устанавливать другие браузеры и т.д., всё равно нельзя забывать про кроссплатформенность. 
Как раз начал изучать html. Спасибо!
На сколько я знаю, что в новом стандарте HTML5, не обязательно закрывать тег img и br. 
Кстати, в HTML5 даже теги <HTML> и <BODY> не обязательны. Без них документ спокойно проходит валидацию.
Гык, странно, первый раз вижу такие теги.
