Kodomo

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

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

Практикум 4. Подсказки

По всем вопросам, с которыми не удается разобраться самостоятельно можно (и нужно) писать сюда:

https://kodomo.fbb.msu.ru/~is_rusinov/mail.png

Полезные учебные ресурсы

  1. Tutorial по HTML на английском языке (есть интересная функция "Try it", для интерактивного обучения).

  2. Учебник HTML для начинающих на русском языке (морально устарел, не советую).

  3. Список тэгов HTML в алфавитном порядке с описанием и примерами для каждого.

Вам понадобятся тэги <html>, <head>, <title>, <meta>, <body>, <h1> - <h6>, <p>, <a> с атрибутом href, <figure>, <figcaption>, <img /> с атрибутами src, alt и width, возможно также <header>, <footer>, <hr />, <br />, <b>, <i> и <u>. Изучите (и попробуйте!) их все.

На следующем занятии пройдём <ol>, <ul>, <li>, <table>, <tr>, <td>, <th>, <caption>.

Резервные копии

Не забывайте делать резервные копии (бэкапы) Вашего сайта, желательно перед каждым существенным обновлением (например, добавлением страницы).

Орфография

Советую ознакомиться с сервисом для проверки орфографии. Он позволяет проверить орфографию на произвольной странице в интернете. Пунктуацию он НЕ проверяет, поэтому проверяйте ее другим способом.

Если скопировать теrст со страницы в MS Word, то можно проверить орфографию, пунктуацию и расстановку пробелов!

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

Программы могут выявить не все орфографические ошибки! Повторите, пожалуйста, в каких случаях надо писать "также", а в каких "так же", в каких "несмотря", а в каких "не смотря" и т.п.

Кодировка кириллицы

Чтобы страница отображалась во всех браузерах правильно, нужно, чтобы в теле тэга <head> присутствовал тэг <meta charset="utf-8" /> (конечно если кодировка файла utf-8).

Интересные символы

Иногда хочется вставить на свою страничку символы, которых нет на клавиатуре: например, длинное тире, греческую букву или символ копирайта. Для этого можно использовать код этого символа в формате HTML, который можно посмотреть, например, в большой таблице символов Юникода. Там есть поиск по тексту или по категориям.

Например: если нужно вставить букву α, то введите в поиск слово "альфа" и получите массу разных вариантов написания буквы. HTML-код символа указан в розовой рамке; например, для стандартной буквы α он такой:

&#945;

Можно использовать и такое написание:

&alpha;

Любой код символа начинается с амперсанда & и заканчивается точкой с запятой. Если используется цифровой вариант кода, то сразу после & должна стоять решётка #. Стоит запомнить коды для знака копирайта © &copy;, минуса/короткого тире – &ndash; и длинного тире — &mdash;.

Замечание о гиперссылках

Обратите внимание: неправильно вставлять гиперссылку так: 

<A href="www.google.com">Неправильно, работать не будет</A>

А вот так правильно: 

<A href="https://www.google.com">Правильно!</A>