Forum

Объявление

Форум переехал сюда: lemoness.ru

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Forum » Дизайн форума » Учим html


Учим html

Сообщений 1 страница 3 из 3

1

Пересмотрела я целую кучу учебников, в иноге выбрала два, на мой взгляд, наиболее понятные и удобные. Но предпочтение отдам второй ссылке. В первой всё объеснено более просто, потому как для "чайников". Чайники, не обижайтесь  :rolleyes:

http://postroika.ru/html/content2.html
http://htmlbook.ru/

Лично я в ближайшем будущем собираюсь уже наконец окончательно расправиться с html и приступить к xhtml, дальше xml. Потом, скорее всего, приступлю к изучению css.

Если что-то будет не понятно в html спрашивайте в этой темке, постараюсь ответить.

0

2

Выложу несколько уроков.

Урок 1
Тема: тэги, HTML документ.
Язык HTML основан на использовании тэгов. Тэги - это команды, которые указывают браузеру, где и как расположить на странице текст и картинки, а также позволяют организовывать ссылки на другие документы. Для того, чтобы браузер не путал тэги с текстом, их отмечают треугольными скобками < и >. Большинство тэгов, как правило, используются парами. Т.е. первым идет открывающий тэг, он объясняет браузеру, что делать с последующим текстом. Затем следует закрывающий тэг, который указывает область действия первого. Отличается закрывающий тэг от открывающего наличием в нем косой черты - слэша.

Пример HTML текста:

Вот <I>это курсив</I>, а это уже нет.

На экране вы увидите:

Вот это курсив, а это уже нет.

Тэги не чувствительны к регистру. Это означает, что <TITLE>,<title> и <TitLe> для браузера абсолютно одинаковы. Но всё же лучше использовать нижний регистр символов!

Теперь рассмотрим, из чего, в основном, состоит HTML документ. Сам документ ограничивается тэгами <HTML> и </HTML> - браузер должен знать, где страница начинается, и где заканчивается. Состоит из заголовка (теги <HEAD> и </HEAD>), содежащего различную информацию о документе, и, собственно, тела документа (теги <BODY></BODY>), т.е. того, что вы видите в окне браузера. В заголовке находится заглавие (или название) страницы, рекомендуется не более 64 символов, теги < TITLE> и <TITLE>. Пример:

<HTML>
<HEAD>
<TITLE>Название страницы</TITLE>
</HEAD>
<BODY>
Здесь находится текст странички, различные картинки.
</BODY>
</HTML>

Попробуйте набрать этот пример в любом текстовом редакторе и сохранить его с расширением .html или .htm. Теперь можно его просматривать, как любой HTML документ.

0

3

Урок 2
Тема: выделение текста - физические и логические стили.

В HTML существует два подхода к шрифтовому выделению текста - т.н. физический и логический стили.

Физические стили.

Под физическими стилями подразумевают прямое указание браузеру на модификацию текущего шрифта. Т.е. между тэгами <B> и </B> будет жирный шрифт, а между <I> и </I> - курсив (наклонный).

<B> - жирный шрифт;
<I> - курсив;
<TT> - шрифт фиксированной ширины (как на пишущей машинке);
<U> - подчеркнутый текст;
<STRIKE> - перечеркнутый шрифт;
<S> - тоже перечеркнутый шрифт;
<BIG> - шрифт большего размера;
<SMALL> - шрифт меньшего размера.

Шрифты могут комбинироваться. Например, используя такой текст:
<B><I>пример</I></B>

мы получим комбинацию жирного и наклонного шрифтов: пример.

Логические стили.

Используя логические стили, вы не можете точно знать, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по разному. Например, <STRONG> обычно выделяет текст жирным шрифтом, но кто-то из читателей захочет, возможно, чтобы в данном случае текст выделялся цветом. Таким образом логические стили дают большую свободу в выборе шрифтов пользователю.

<DFN> - служит для описания определений (это определение);
<EM> - служит для выделения текста (это выделенное слово);
<CITE> - служит для выделения цитат (это цитата);
<CODE> - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины (это текст программы);
<KBD> - используется для ввода с клавиатуры пользователя (Введите password );
<SAMP> - используется для вывода машинных сообщений (Segmentation fault: core dumped);
<STRONG> - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);
<VAR> - используется для символьных переменных (это переменная);
<ABBR> - используется для аббревиатур (СНГ, КПСС, WWW);
<ACRONYM> - используется для сокращений (стр., англ.).
Элементы <ABBR> и <ACRONYM> могут содержать аттрибут <TITLE>, описывающий расшифровку аббревиатуры или сокращения:
<ABBR TITLE="World Wide Web">WWW</ABBR>
Элементы ABBR и ACRONYM используются для голосовых браузеров (для слепых, например), в остальных браузерах сокращения каким-либо шрифтом не выделяются.

0


Вы здесь » Forum » Дизайн форума » Учим html