школа по созданию сайтов


Урок 1. Работа с текстом в HTML

Из вводного Важного урока по HTML Вы узнали, что создать страничку оказывается очень просто, и очевидная задача состоит только в её наполнении текстами и графикой, т.е. информацией, которая на языке компьютерных специалистов называется контент (содержание). Сразу договоримся, что действовать мы будем пошагово и не перепрыгивать с одного занятия на другое, (что впрочем, не запрещено), так как, чтобы получить системные знания желательно изучать материал последовательно. Действуя так, и не отклоняясь от курса, Вы гарантированно создадите свой собственный интернет ресурс.

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

Откройте созданный новый документ с помощью блокнота (выделить документ на рабочем столе или в папке и, щёлкнув по нему правой кнопкой мыши выбрать: «Открыть с помощью/блокнот»). В Вашем документе, желательно, уже должны быть записаны основные теги, - если нет, - то посмотрите предыдущий вводный урок. Писать мы продолжим между тегами «body» и «/body».

Теперь мы напишем фразу, состоящую из двух предложений. Например, «Меня зовут Сергей Меркоев. А как Вас зовут?». Вы можете написать любую другую, желательно длинную фразу. Затем, когда Вы сохраните текст и посмотрите его в браузере, Вы увидите, что строчки идут сплошным текстом, т.е. друг за другом. Но если, например, Вы захотите написать отрывок стихотворения, то Вам необходимо будет переносить каждую строфу. Для этого существует тег «br /» – такой тег называется непарным, так как не имеет пары (в данном случае, не имеет открывающего значения). Тег «br /» ставится в конце строки – в месте переноса. Отделять его от текста пробелом необязательно, но лучше для визуального восприятия.

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

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

Что касается редактирования текста, то очень желательно овладеть основами типографики, и прочитать несколько статей или даже руководств по этому предмету, так как большинство веб-страниц представленных в сети безобразны (т.е. не соответствуют определённому образу) и не отвечают правилам подачи и изложения материалов (что очень желательно). Мы будем учиться создавать красивые страницы и создавать их правильно. Прежде всего, мы должны узнать способы редактирования текста. Начнем с формата.

исходный код

контент

отступ в html

Текст

Шрифты

Работа с текстом


© www.1artsite.com | Все права защищены.
© Создание сайта Сергей Меркоев, 2010-2014 гг.