19:44 Основы HTML. Манипуляции с текстом | |
Что же такое HTML? Это язык разметки гипертекстовых документов. С помощью него вы сможете построить свой собственный сайт, сделав его оригинальным и не похожим на миллионы шаблонных страничек. HTML достаточно прост и выучить его может практически каждый. А я постараюсь вам помочь в этом. Объяснять буду как для новичков, которые только сегодня услышали страшное слово ‘HTML’ : ) <html> Теперь создадим нашу первую страничку: <html> В основном, тэги двойные, то есть открывающие : <html>, <body>, <title> и закрывающие: </html>, </body>, </title>. Не забывайте об этом. Но есть такие тэги, которые не требуют закрывающего тэга, например тэг <br>, с помощью которого можно перенести текст (или картинку) на другую строку. Вы можете писать тэги и большими буквами, например <HTML>, <BODY>, но в таком случае закрывающие тэги также пишите большими буквами: </HTML>, </BODY> Итак, теперь сохраним нашу страничку. Для этого выбираем Файл – Сохранить как…, пишем имя нашей будущей странички по-английски или цифрами, ставим точку и html. После жмём ‘Сохранить’ Например: example.html Посмотрите что у вас получилось. Многие вместо текста могут увидеть непонятные закорючки. Чтобы вам не меня каждый раз кодировку, поставим загадочную строчку, которая определит нам кодировку и текст будет отображаться по-русски: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> Это мета-тэг, потавьте его после открывающего тэга <head>. Подробно о мета-тэгах поговорим позже. Итак, у нас всё прекрасно отображается. Теперь можно поменять цвет текста и цвет самой странички. Для этого в тэг <body> поставим соответствующие определения. bgcolor="#цвет" – определяет цветовой фон всей страницы Цвет в HTML пишется шестизначными буквами и цифрами. На многих сайтах есть таблицы цветов, так же как и в различных графических программках. Приведу пару примеров цветов: 000000 – чёрный Писать цвет можно как большими, так и маленькими буквами. Итак, я сделаю фон странички чёрным, а цвет текста красным: <html> Если не вводить в тэг <body> дополнительные тэги, то страничка автоматически будет белого цвета, а текст чёрного. Мы можем выделить любое слово (или несколько) каким-нибудь другим цветом. В этом нам поможет тэг <font></font>. Давайте слово ‘вас’ сделаем голубого цвета и добавим ещё одну строчку: <html> Я уже упоминала тэг <br>, с его помощью мы перенесли строчку. Если вы хотите опустить текст ниже, то поставьте несколько тэгов <br> Давайте ещё немного поэкспериментируем с текстом. Текст можно выровнять по центру, по левому или правому краю. В этом нам поможет тэг <p>: <p align="center">выравниваем по центру</p> Если не вводить тэг <p></p>, то текст (или картинки) автоматически выравнивается по левому краю. Выравнивание можно использовать и с другим тэгом, <div></div>: <div align="center">выравниваем по центру</div> Чтобы выровнять текст по центру, можно использовать тэг <center></center>. Но такое исключение есть только у данного тэга, остальные используются вместе с <p></p> или <div></div> Давайте выровняем наш текст по центру: <html> Текст можно сделать крупнее, меньше, жирнее, сделать его курсивом, подчеркнуть, зачеркнуть. Начнём с заголовков: <h1>Ваш текст </h1> <h1> - самый крупный, <h6> - соответственно, самый мелкий. Данный тэг автоматически переносит на следующую строчку, это не всегда нам нужно. Например вы хотите выделить таким образов всего одно или несколько слов и перенос на следующую строчку нам вовсе не нужен. В этом случае нам поможет атрибут size, который используется вместе с тэгом <font>: <font size="+4">Ваш текст </font> size="+4" – самый крупный, size="-2" – соответственно, самый мелкий. Как ещё можно изменить текст: <b> Полужирный текст </b> Верхний и нижний индексы пригодятся при написании химической формулы или математического уравнения. К тексту (или одному слову, предложению, абзацу) можно применить сразу несколько тэгов. Например: <b><i>Ваш текст</i></b> Применим новые тэги на практике. Я сделаю строчку ‘Рада вас видеть’ крупнее и подчеркну, а фразу ‘Приходите ещё’ курсивом: <html> Чтобы лучше усвоить урок, поэкспериментируйте со своим текстом. С помощью атрибута face мы сможет задать тип шрифта нашему тексту. Times Пример: <font face="Tahoma">Ваш текст</font> Можно указать сразу несколько типов шрифтов. Если у посетителя вашей веб-странички не окажется одного шрифта, копьютер автоматически определит и отобразит другой указанный шрифт. Пример: <font face=" Tahoma, Arial, Helvetica"> Ваш текст</font> Вы можете скачать шрифты и с Интернета, но при создании своей виртуальной странички не забывайте, что не у всех могут быть ваши скаченные декоративные шрифты. Спасибо neothesims2.com за предоставленную информацию. | |
|
| |
| Всего комментариев: 0 | |