Подпишись на наши новости
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Уроки HTML
HamachiДата: Среда, 18.05.2011, 15:18 | Сообщение # 1
Генералиссимус
Зарегистрирован: 15.05.2011
Группа: Администраторы
Пользователь №: 1
Сообщений: 41
Репутация: 2
Статус: Offline
Всем салют...мне нечего делать вот и решил написать уроки краткие и обобщенные по языку html с обновлением.
Для написания кода требуется блокнот(я рекоминдую Notepad++)

HTML-документ - это просто текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html).Без раздници что .htm или .html, не чего не изменится!

Каждый код начинается с тега <html> он заключает в себе все содержимое веб-страницы, включая теги <HEAD> и <BODY>
Пример:

Code
<html>

<head>
<TITLE>Пример</TITLE>
</head>

<body>
Моя первая html-страничка :-)
</body>

</html>

И все это сохраним index.html и открывайте!
теперь поясню <title></title> это заголовок странички, а текст между тегам <body></body> отобразится на страничке. И кстати каждый тег начинается и закончивается когда, он заканчивается не забывайте до печатовать / ( <body>текст</body> )

теперь поработаем немного с тегами

Code
<html>
  <head>
   <title>ПРИМЕР</title>
  </head>
  <body>

   <p>Наш текст 1</p>
   <p>Наш текст 2</p>

  </body>
</html>

тег <p> делает промежутки между строками. Он имеет параметр align (Определяет выравнивание текста)
<p align="left">Текст</p> (center, right, justify) тут думаю понятна.

Code
<html>
<head>
<title>Текст</title>
</head>
<body>
<p><b><i>"А где же печенье и самогоноваренье?!"</i></b> - воскликнул Мальчиш-плохиш.</p>
</body>
</html>

тег <b> это жирный текст, <i> это курсор
а так же есть:
<s> ваш текст </s> перечеркнутый текст
<u> ваш текст </u> подчёркнутый
<big> ваш текст </big> полужырный
<small> ваш текст </small> маленький

Есть теги для заголовков
пример

Code
<html>
<head>
<title>Заголовки</title>
</head>
<body>
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
</body>
</html>

можно еше бегушу строку пустить
<marquee> ваша бегущая строка</marquee>
вместо текста можно картинку вставить
<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>



Чем красивее, тем тормознее - доказано вистой! :D

Я изменил бы мир, но Бог не дает исходники...
 
  • Страница 1 из 1
  • 1
Поиск:

Alt+F4 2024
Адаптация by © Hamachi Хостинг от uCoz