~Feosims2-forum~

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ~Feosims2-forum~ » Язык HTML » Самая простая страничка


Самая простая страничка

Сообщений 1 страница 3 из 3

1

Итак,начнём с создания самой просто HTML странички. Для этого нам понадобится текстовый редактор,например Блокнот,который имеется у каждого владельца Microsoft Windows. Я предпочитаю редактор HTML Expert-при создании новой странички он сразу выписывает основное содержимое и мета тег.
Напишем в редакторе вот такой код:
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Название вашей странички</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="generator" content="HTML EXpert 2">
</head>
<body>

</body>
</html>

<Html>-основной тег,он ограничивает нашу страничку.
<Head>-отвечает за то,что находится наверху нашей странички (лого,название...)
<meta>-в данном случае отвечает за кодировку.У меня стоит windows-1251,это значит,что на страничке будет отображаться кириллица.
<title>-название вашего сайтика,какое напишите,такое и будет.
<meta> description,keywords,generator-это можно не трогать.
<body>-Это то,что будет отображаться на страничке-скрипты,текст,картинки и прочее.

Почти у всех тегов есть парные,но с такой вот линией-/
<body> и </body>
<head> и </head>
<html> и </html>
Но есть такие,которым это не нужно-например <br>
Он переносит текст на новую строчку.
Попробуем написать что-нибудь на страничке:

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Моя первая страничка</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="generator" content="HTML EXpert 2">
</head>
<body>
Привет!
<br>
Добро пожаловать на мой сайт!
</body>
</html>

Можно пока сохранить наше творение-Файл-Сохранить как...
Пишете имя и (!) меняете txt в ниспадающем списке ниже названия на Все файлы;
к имю приписываете .html
Например:
index.html

0

2

Теперь попробуем графическую часть страницы.
Сделаем фон:
в коде <body> после скобки пишем bgcolor="цвет в формате ******"
Например:
<body bgcolor="ff0000">
Фон у меня стал красным.
Получилось?
Продолжаем.
Теперь написание текста.
<STRONG>Ваш текст</STRONG>-делает жирным.
<i>Ваш текст</i> делает курсив
<u>Ваш текст</u> подчёркнутый
<s>Ваш текст</s> зачёркнутый

0

3

Горизонтальные линии часто используются для оформления текста на странице, для отделения одной части текста от другой. Достаточно разместить в нужном месте html-кода тег <HR>

Параметры этого тега:

ALIGN — выравнивание линии на странице (center, right, left);
SIZE — толщина линии в пикселях;
WIDTH — длина линии в пикселях или в % от ширины всей страницы;
COLOR — цвет линии (только для Internet Explorer и NetSurfer!);
NOSHADE — запрет выпуклости.

Например:
<HR SIZE="20" WIDTCH="50%" ALIGN="center" COLOR="red">
означает, что мы размещаем красную линию шириной в 20 пикселей по —центру длиной в пол экрана.

А вообще, наиболее универсальный способ, позволяющий создать совершенно любые линии — нарисовать их в каком-либо графическом редакторе или использовать готовые графические линии из интернета. В страничку вставляем их как графический объект:

<IMG SRC="путь_к_нашей_линии-изображению">

Не забывайте указывать длину и ширину линии: width и height.

А можно растянуть цветной квадратик размерами 1пиксель×1пиксель, превратив его в линию (очень удобно! и графический файл очень маленький :) ), указав width="желаемый размер" после пути к изображению, внутри тега IMG

Автор урока— Ollenkka

0


Вы здесь » ~Feosims2-forum~ » Язык HTML » Самая простая страничка