Учебная страница курса биоинформатики,
год поступления 2015
Краткий справочник по тэгам HTML, пройденным на занятиях
Все тэги вида <что-нибудь> называются "открывающими" и (в отличие от тэгов вида <что-то />, например <HR />) требуют соответствующего закрывающего тэга. Например, после <H1> должен где-то следовать </H1>, после <P> — </P>. Атрибуты в закрывающем тэге не пишутся. Часть кода страницы между открывающим и закрывающим тэгами называется "телом тэга". Эти "тела" могут быть вложены друг в друга (например, между <LI> и </LI> может находиться пара <A href="page.html">...</A>).
Пара замечаний про использование таблиц для создания разметки (layout) сайта:
ДА, есть много аргументов против этого, и использования вместо этого всяких современных штук — DIV, CSS и т.п. (погуглите "Tables for layout" и обнаружите миллион результатов).
Это в каком-то смысле интуитивно понятно (для некоторых людей) — в особенности если речь идет о неспециалистах в области web-дизайна, например учёных. Например, я (ДД) не знаю, как работать с DIV-ами, и не горю желанием узнать в ближайшее время.
- Это топорный способ: работает очень предсказуемо, но функционал невелик.
- Нет сомнений, что для создания профессионального web-сайта мы бы посоветовали вам освоить разметку через DIV-ы и научили ей. НО это не является обязательным, потому что это не входит в необходимый минимум, а программа обучения не резиновая.
Мораль: Если хотите использовать разметку через DIV-ы, и научились, и уверены, что сайт будет работать стабильно — это можно сделать, да.
Замечание С.А.С.
Когда непрофессионал начинает изображать из себя веб-дизайнера, результат в большинстве случаев выглядит ОТВРАТИТЕЛЬНО! (Исключение — особые врождённые способности, вроде природной постановки голоса у певца). Поэтому осваивайте топорные предсказумые способы. Функционал может и невелик, но для создания хорошей странички научного содержания он более чем достаточен.
Список тэгов HTML из практикума 4
<HTML>
<HEAD>
<TITLE>
<META /> (значения атрибутов – для самостоятельного изучения)
<BODY> (атрибуты bgcolor, text)
<A> (атрибут href)
<IMG /> (атрибуты src и width)
<H1>, <H2>, <H3>, <H4>
<P> (атрибут align), <BR />
<HR /> (атрибут color).
<UL>, <OL>, <LI>
<B>, <I>, <U>, <SUB>, <SUP> – не были рассказаны на занятии, для самостоятельного изучения
<FONT> (атрибуты color, size и др.) – не был рассказан на занятии, для самостоятельного изучения
Список тэгов HTML из практикума 5
<PRE>
<TABLE> (атрибуты width, border, bgcolor), <TR>, <TD>
<SPAN> – не всем был рассказан на занятии, для самостоятельного изучения
<STYLE> (а также атрибуты style и class каких угодно тэгов)
Некоторые полезные спецсимоволы
©
<, > — знаки "меньше" и "больше".
α, β, ..., ω — греческие буквы.
→, ←, ↔, ↕, ↓, ⇔ ... — стрелки.
Тире.
Здесь (и в десятках других мест) можно посмотреть и выучить коды этих и других символов. Например, чтобы получить тире, нужно написать в коде — или —.