Четверг, 21.11.2024, 10:26
Приветствую Вас Гость

Hello, world!


Сайт для программистов, верстальщиков, дизайнеров, специалистов по компьютерной графике и просто хороших людей!
Всё о программировании, web-разработке, pascal, Delphi, BASIC, C++, HTML, CSS, Photoshop, 3DS MAX
Меню сайта
Категории раздела
Мини-чат
200
Наш опрос
Какой язык программирования Вы предпочитаете?
Всего ответов: 13
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа
Главная » Статьи » Статьи по Web-разработке и дизайну сайтов

С чего начать новечку. HTML

Для начала Вам нужно выбрать редактор. Cyщecтвyeт двa типa peдaктopoв: WYSIWYG (What-You- See-Is What-You-Get Что-ты-видишь-то-и-получаешь) и peдaктopы, paбoтaющиe нaпpямyю c HTML-кoдoм.
Ecли Вы нe имeeтe ни мaлeйшeгo пpeдcтaвлeния o HTML, тo для начала вaм пoдoйдyт peдaктopы пepвoй гpyппы, нaпpимep:

    Front Page, Word
В это случае я вам помочь ни чем не могу, читайте HLP-файлы этих программ.
Ecли хотите научиться paбoтaть c HTML-кoдoм нaпpямyю, а речь в данном учебнике пойдет как раз об этом, воспользуйтесь -
    HTMLPad2000, Notepad, Bred2
Лично я выбрал Bred2.1.8, которым заменил стандартный Notepad Windows. Bred2 в отличии от стандартного Notepad`а обладает множеством разных настроек - ToolBar, StatusBar, MultiUndo, есть подсветка HTML тегов, автозамена, автоматическая регистрация расширений (*.txt, *.ini, ...), а лимит текста - не менее 1Mb. И это далеко не все его возможности. Вашему вниманию предлогаеться русская версия.

С чего же начинать? Во-первых попробуйте сделать следующее...
Откройте Блокнот и скопируйте в него:

Примечание: Все, что выделено красным Вы исправляете, а мои комментарии, выделеные черным, - удаляете. Последнее делаеться по желанию, т.к. Обозреватель игнорирует комментарии.

<!--Пример HTML документа.-->
<html>
<head>
<!--Следующая строчка - кодировка.-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ваш заголовок</title>
</head>
<body>
<!--Теперь указываем название шрифта (лучше два, можна и больше, через запятую), его размер и цвет.-->
<font face="Verdana,Sans-serif" size="2" color="#000000">
<b>Название Вашего раздела</b><p>
Здесь Ваш текст.
<p>
<!--Далее встраиваем графический файл в документ. И будет он у нас по центру.-->
<center>
<img border=0 src="Имя графического файла с расширением" Width="Его размер по горизонтали" Height="Его размер по вертикали" alt="Здесь Вы указываете выпадающую подсказку">
</center>
</font>
</body>
</html>

Сохраните документ как htm файл (например, 001.htm) и запустите. Вы создали первую свою страницу. Поздравляю!

Теперь расскажу немного о тегах - знаках, распологающихся в скобках. Большинство тегов имеют открывающийся элемент <> и закрывающийся </>. Между ними и находяться коды, которые распознает Обозреватель. HTML-документ всегда начинаться отрывающимся тегом <HTML> и заканчиваться закрывающим </HTML>. Дальше идет заголовок <HEAD></HEAD>. Между этими тегами всегда должна находиться информация о кодировки страницы, в нашем случае <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">, и теги опредиляющие название страницы <TITLE></TITLE>. Только теперь между тегами содержимого документа <BODY></BODY> можно распологать свою информацию, рисунки, видеофайлы, аудиофайлы...

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

Категория: Статьи по Web-разработке и дизайну сайтов | Добавил: [DIY] (16.10.2009)
Просмотров: 1166 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Поиск
Полезные ссылки


Есть свой сайт? Хочешь заработать денег? Тебе сюда!