Kodomo

Пользователь

Учебная страница курса биоинформатики,
год поступления 2016

Краткий справочник по тэгам HTML, пройденным на занятиях

Все тэги вида <что-нибудь> называются "открывающими" и (в отличие от тэгов вида <что-то />, например <HR/>) требуют соответствующего закрывающего тэга. Например, после <H1> должен где-то следовать </H1>, после <P> — </P>.

У тэгов могут быть атрибуты. Они модифицируют тэг. Например, если вы хотите, чтобы при щелчке по ссылке содержимое сохранялось в виде файла на компьютере, можно добавить тэгу <A> атрибут download. 

<a href="http://kodomo.cmm.msu.ru/img/2016.gif">При щелчке картинка откроется в отдельной вкладке</a>  
<a href="http://kodomo.cmm.msu.ru/img/2016.gif" download>При щелчке картинка будет загружена на компьютер в виде файла</a>

Атрибуты в закрывающем тэге не пишутся. Часть кода страницы между открывающим и закрывающим тэгами называется "телом тэга". Эти "тела" могут быть вложены друг в друга (например, между <LI> и </LI> может находиться пара <A href="page.html">...</A>).

Пара замечаний про использование таблиц для создания разметки (layout) сайта:

  1. ДА, есть много аргументов против этого, и использования вместо этого всяких современных штук — DIV, CSS и т.п. (погуглите "Tables for layout" и обнаружите миллион результатов).

  2. Это в каком-то смысле интуитивно понятно (для некоторых людей) — в особенности если речь идет о неспециалистах в области web-дизайна, например учёных. Например, я (ДД) не знаю, как работать с DIV-ами, и не горю желанием узнать в ближайшее время.

  3. Это топорный способ: работает очень предсказуемо, но функционал невелик.
  4. Нет сомнений, что для создания профессионального web-сайта мы бы посоветовали вам освоить разметку через DIV-ы и научили ей. НО это не является обязательным, потому что это не входит в необходимый минимум, а программа обучения не резиновая.

  5. Мораль: Если хотите использовать разметку через DIV-ы, и научились, и уверены, что сайт будет работать стабильно — это можно сделать, да.

Замечание С.А.С.

Когда непрофессионал начинает изображать из себя веб-дизайнера, результат в большинстве случаев выглядит ОТВРАТИТЕЛЬНО! (Исключение — особые врождённые способности, вроде природной постановки голоса у певца). Поэтому осваивайте топорные предсказуемые способы. Функционал может и невелик, но для создания хорошей странички научного содержания он более чем достаточен.

Список тэгов HTML из практикума 4

Список тэгов HTML из практикума 5

Некоторые полезные спецсимоволы

&copy;

&lt;, &gt; --- знаки "меньше" и "больше".

&alpha;, &beta;, ..., &omega; --- греческие буквы.

&rarr;, &larr;, &harr;, &varr;, &darr;, &hArr; ... --- стрелки.

Тире. Здесь (и в десятках других мест) можно посмотреть и выучить коды этих и других символов. Например, чтобы получить тире, нужно написать в коде &mdash; или &#151;.