Чтобы текст выравнивался не по самому краю, а немного отступив от него, напишите

<blockquote>
Текст
</blockquote>

^{^{верхний индекс}}

Изменить параметры шрифта можно с помощью тега <font>

<font color='***' size=X face='***'>
Здесь какой-нибудь текст
</font>

Как выбрать цвет, я уже рассказывал, size - размер, указываете вместо Х либо какое-то число от 1 до 10, либо изменение относительно текущего (он по умолчанию равен 3), например, size=+1, или +5 или -2, все в Ваших руках. face - тип шрифта, например 'Arial Cyr' или 'Times New Roman Cyr'. Если Вы нашли какой-то экзотический шрифт, его может не оказаться У Ваших посетителей. В этом случае напишите

<font face='экзотический шрифт','часто используемый шрифт'>
Текст
</font>.

Теперь, если у кого-то и не окажется того хитрого шрифта, он увидит текст, написанный тем, что у него есть. Можно, конечно, вставить свой шрифт в тело документа, но это как - нибудь в другой раз.

Угловые скобки и некоторые символы не выводятся браузерами просто так. Написать-то Вы их сможете, но увидеть на экране - нет. Нужно использовать так называемые escape-последовательности. Это делается слеующим образом:

&lt; выводит <
&gt; выводит >
&amp; выводит &
&quot; выводит "
&copy; выводит ©
&reg; выводит ®

Есть еще одна хитрая штука. Называется непрерывный пробел (&nbsp;). Если есть какое-то словосочетание и Вы хотите, чтобы оно было написано в одной строчке, между этими словами и вставляется непрерывный пробел. Он запрещает браузеру переводить строки в этом месте. Например, чтобы
ПРИМЕР 1
не выглядел как
ПРИМЕР
1,
надо написать

ПРИМЕР&nbsp;1.

Переходы строк и пробелы до и после непрерывного пробела (каков каламбурчик?) сводят его действие на нет. Ведь тогда он будет связывать слово с соседним пробелом, либо, что еще веселее, два соседних пробела. Хотя,  если   нужно    сделать     расстояние      между       двумя        словами         немножко        больше,       чем      обычно,     как                  раз   и  можно использовать такую конструкцию.

Точка с запятой в escape-последовательности нужна, так же обязательно писать  их маленькими буквами.

С текстом вроде бы разобрались, пошли к рисункам?

Работа с изображениями

Зачем нужны картинки? Ну мало ли. Поместить свою фотографию, использовать как кнопку для ссылки на интересный ресурс, да просто для украшения, в конце концов.
Чтобы вставить картинку в документ, напишите

<img
srс='путь'
lowsrc='путь2'
alt='описание'
align='***'
name='имя'
height='***'
width='***'
border='***'>

Напоминаю, что пробел и переход строки в документе рассматриваются браузерами одинаково, и то что я растянул на несколько строк Вы можете записать в одной. Я так делаю просто для наглядности.
Border - ширина рамки вокруг картинки (в пикселях)
Путь - путь к картинке. Если картинка расположена в том же каталоге, что и файл, ее использующий, можно просто указать имя файла с картинкой.
Остальные параметры можно опускать, но имейте в виду, что браузер начинает выводить текст, не дожидаясь загрузки картинки, и если не указать ее размер, то когда она будет загружена, весь документ будет заново преобразовываться. Если картинок много, такие выкрутасы могут кого угодно вывести из себя.
Если ширина и высота места, отведенного для изображения, зафиксирована, картинка появится строго в определенной области. Причем если указанные вами параметры отличаются от реальных, картинка будет, как правило, соответствующим образом сжата или растянута.
Lowsrc - если Ваша картинка очень большая, или это анимация, укажите путь к картинке такой же вышины и ширины но занимающей намного меньший объем памяти. Она будет видна до тех пор пока не загрузится основная.
alt - пояснение, пока картинка не появилась, оно будет написано на ее месте, а после загрузки картинки, если навести на нее мышку, это пояснение выскочит возле указателя. Зачем? Многие пользуются текстовыми браузерами типа LYNX и картинок не видят. Если у Вас ссылки сделаны в виде рисованных кнопочек, то без пояснений те люди не поймут, куда ведет ссылка и, естественно, никуда не пойдут. Так же многие, у кого медленные модемы, частенько отключают вывод изображений.
Name картинке Вы назначаете сами. Это нужно для управления выводом изображений. Например, если Вы делаете фотоальбом или фотогалерею, то чтобы не размещать каждый рисунок в отдельном файле, транжиря место на сервере и свое время, можно использовать простенький скрипт, который позволит разместить весь фотоальбом в одном документе, да и работать это будет быстрее.
Align - выравнивание относительно той строки, где картинка появилась.
left - слева от текста,
right - справа,
top - текст будет слева и справа от верха картики, а потом только после нее,
middle - строка слева и справа по центру изображения,
bottom - строка слева и справа от низа - если никакое выравнивание не задано, используется bottom.

Как Вы, вероятно, догадались, все атрибуты тега <img> можно задавать в произвольном порядке.

Как я уже упоминал, изображения - это тот же текст, поэтому Вы можете выравнивать их, создавать из них списки и т. д. аналогично простому тексту.

Ссылки

<a href='URL'>описание ссылки</a>

URL - это полный путь к тому документу, куда Вы хотите послать посетителя. В качестве описания можно использовать картинку (помните - она тоже текст). К примеру, делаете Вы галерею с предпросмотром, и нажав на маленькую картинку паршивого качества, посетитель должен попасть на полномасштабную фотографию. Например вот так:

<a href='URL'>
щелкни по картинке
<img src='путь к картинке'>
и тебе откроется истина
</a>

Тут все, что написано между <a> и </a> будет ссылкой.

Таблицы

Таблицы, как Вы догадываетесь, используются для упорядоченного представления информации. К тому же иногда бывает трудно добиться размещения картинки в нужном месте, тут без таблиц не обойтись.
Задание таблицы выглядит следующим образом:

<table
caption='название'
align='***'
width='***'
border='***'
cellpadding='***'
cellspacing='***'
тело таблицы
</table>

Все элементы описания таблицы кроме <table></table> являются необязательными.
align - выравнивание таблицы на экране. Может быть left, right и center.
width - ширина. Можете указать в пикселях или в процентах от размера окна, например width='500' или width='90%'.
border - толщина рамки между ячейками в пикселях.
cellpadding - расстояние от текста до рамки в пикселях.
cellspacing - Обычно примыкающие табличные ячейки разделены общей рамкой, а в HTML каждой ячейке назначается ее собственная рамка, которая отделяется от рамок вокруг соседних ячеек. Это разделение может быть установлено в пикселях с использованием атрибута CELLSPACING (например, CELLSPACING=10). Это же значение определяет расстояние между табличной рамкой и рамками самых крайних ячеек.

Строки таблицы задаются следующим образом:

<td
nowrap
rowspan='***'
colspan='***'
align='***'
valign='***'
width='***'
hight='***'>
тело строки
</td>

Все атрибуты кроме <td> и </td> являются необязательными.
nowrap - подавляет перенос строк. Эквивалентно использованию непрерывного пробела вместо обычных.
rowspan - целое число строк, перекрываемых ячейкой.
colspan - целое число столбцов, перекрываемых ячейкой.
align - горизонтальное выравнивание внутри ячеек - left, right или center.
valign - вертикальное выравнивание внутри ячеек. top - прижать к верху, middle - по центру, bottom - прижать книзу.

Ну и собственно ячейки строки задаются следующим образом:

<tr>
align='***'
valign='***'>
данные ячейки
</tr>

Все атрибуты, включая <tr></tr> являются необязательными. Если не разбивать строку на ячейки, получим одну на всю ширину таблицы. Тот же эффект будет достигнут, если в строке задать одну-единственную ячейку. Но уж если Вы открыли ячейку тегом <tr>, то не забудьте ее и закрыть </tr>.
Здесь align и valign используются аналогично параметрам строк. Нужны для того, чтобы сделать какую - либо ячейку отличной от своих соседок.

Можно делить ячейки. Для этого внутри выбранной ячейки задаете новую строку. Можно создать что-то типа эдакого: