Суббота, 04.05.2024, 17:11:34
Приветствую Вас Гость | RSS
Главная | Основы HTML - Форум | Регистрация | Вход
Меню сайта
Мини-чат
200
Наш опрос
Оцените мой сайт
Всего ответов: 152
Форма входа
Друзья сайта
моды,проги,патчи,трейнеры,инфо,статьи всё для игры мафия,а так же свежее инфо об игре мафия 2
Статистика
Mooose
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Интернет » HTML » Основы HTML
Основы HTML
MoooseДата: Суббота, 29.09.2007, 22:50:06 | Сообщение # 1
Администратор
Группа: Администраторы
Сообщений: 117
Репутация: 0
Статус: Offline
Для начала, что такое HTML?

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых «тегами»), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащенностью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.



 
MoooseДата: Воскресенье, 30.09.2007, 00:03:19 | Сообщение # 2
Администратор
Группа: Администраторы
Сообщений: 117
Репутация: 0
Статус: Offline
Начнём.

Для начала нам нужен любой простой текстовый редактор, например блокнот.

Скопируйте в блокнот следующий (жёлтый) код:

<html>
<head>
<title>Пробная страница</title>
</head>

<body>

Сегодня с помощью Mooose <br>Я сделал свою первую интернет страничку.

</body>

</html>

Далее сохраняем файл. Выбираем на панели управления блокнота: Файл > Сохранить как. Пишем название, например mypage.html

Очень важно вписать в название фрагмент ".html", это показывает, что данный файл - интернет страничка. Если блокнот сохранил файл как "mypage.html.txt", то переименуйте его в "mypage.html".

Если вы всё сделали правильно, то ваша страничка будет выглядить так.



 
-bulldogg-Дата: Воскресенье, 30.09.2007, 11:42:11 | Сообщение # 3
Стажер
Группа: Модераторы
Сообщений: 65
Репутация: 1
Статус: Offline
у меня получилось) буду ждать продолжение...

 
MoooseДата: Воскресенье, 30.09.2007, 15:05:13 | Сообщение # 4
Администратор
Группа: Администраторы
Сообщений: 117
Репутация: 0
Статус: Offline
Теперь о том, что означает каждый тег нашего кода.

Все команды пишущиеся между скобками <> называются тегами.

Тег <html> говорит о том, что открывается html-страница. Тег </html> означает конец html-страницы.

Следовательно тег <html> должен быть всегда в самом начале, а тег </html>, следовательно, в конце. Всё остальное пишется между ними.

Страница, подобно животным, имеет голову <head> и тело <body>.

<html>

<head>

</head>

<body>

</body>

</html>

Следующий тег - <title>. Пишется между тегами <head> и </head>. Между тегами <title> и </title> пишется желаемое название вашей интернет страницы.

<html>

<head>
<title> </title>

</head>

<body>

</body>

</html>

Между тегами <body> и </body> пишется содержимое страницы. Например:

"Сегодня с помощью Mooose <br>Я сделал свою первую интернет страничку."

Тег <br> служит для перевода предложений на следующую строку, т.е. заменяет "Enter". Если не понятно, уберите этот тег из кода и посмотрите, что получится. Тег <br> не является парным, то есть неимеет конца (</br>).

Как вы уже поняли, все теги имеют конец, кроме тега <br> и ещё нескольких тегов, которые мы вскоре будем изучать.



 
MoooseДата: Воскресенье, 30.09.2007, 16:14:21 | Сообщение # 5
Администратор
Группа: Администраторы
Сообщений: 117
Репутация: 0
Статус: Offline
Работа с текстом.

Теперь разберём теги, с помощью которых мы будем делать наш текст разнообразнее.

Начнём с простейших тегов:

<b> - делает текст жирным.
<i> - наклоняет текст (курсив).
<u> - подчёркивает текст.
<strike> - зачёркивает текст.

Как и другие теги, имеет начало и конец. <u>Без конца - тег работать не будет[/u].

Есть специальные теги для заголовков. Всего их 6:
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
Самый крупный - <h1>, следовательно, самый мелкий - <h6>.

Если вы хотите использовать для одного текста сразу несколько тегов, то вставлять их нужно либо между двумя первыми, либо между ним ставить предыдущие теги с текстом. То есть по принципу матрешки: в большой средняя, а в средней маленькая. Пример:
<b><i>Правильно</i></b>

<b><i>Неправильно</b></i>

Теперь о расположении текста:
Расположение текста настраивается тегом <align>, вот так:
<align=left> - размещает текст по левой стороне страницы (по умолчанию)
<align=right> - размещает текст по правой стороне страницы.
<align=center> - размещает текст по центру.

Шрифт.
<font> - тег отвечающий за свойства шрифта (цвет, размер, вид и т.д.).
По умолчанию тег <font> использует шрифт <i>Times Roman[/i], но это можно изменить, используя тег face. Если вы незнаете никаких шрифтов, как они выглядят, или их название, можно посмотреть в программах:

Microsoft Word - наверху, на панели управления выбор шрифтов.
Paint - нажмите на инструмент "текст" на панели инструментов слева, выделите любую часть картинки (чем больше, тем лучше), напечатайте любой текст, выделите его, и меняйте шрифты на появившейся вверху таблице настройки текста. Если таблица не появилась выберите Вид > Панель атрибутов текста.

Есть множество программ, с помощью которых можно узнать о ваших шрифтах, и испробовать их. Я же выписал стандартные.

Пример:

<html>
<head>
<title>Пробная страница</title>
</head>

<body>

<font face=courier>Сегодня с помощью<b><i>Mooose</i></b></font> <br>
<font face=impact>Я сделал свою первую интернет страничку. </font>

</body>

</html>

Получится так. Получилось не очень, но это только пример. Теперь подгоните тип шрифта под себя wink

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



 
Форум » Интернет » HTML » Основы HTML
  • Страница 1 из 1
  • 1
Поиск:
Сайт создан в системе uCozCopyright MyCorp © 2024