Как да създам уебсайт с помощта на Html

Съдържание:

Как да създам уебсайт с помощта на Html
Как да създам уебсайт с помощта на Html

Видео: Как да създам уебсайт с помощта на Html

Видео: Как да създам уебсайт с помощта на Html
Видео: Creating a portfolio website with HTML / CSS from PSD and PHP feedback form without rebooting 2024, Може
Anonim

Днес с експлозивния растеж на Интернет все повече се използват уеб технологии, по-специално HTML и стандартните уеб браузъри. HTML (HyperText Markup Language) е хипертекстов език за маркиране. Този формат определя външния вид на документа, взаимното подреждане на текстова, графична и мултимедийна информация. Кампаниите се занимават със създаването на сайтове, за много големи пари. Но с помощта на "html-тагове" можете да създадете доста интересен уебсайт със собствените си ръце.

Как да създам уебсайт с помощта на html
Как да създам уебсайт с помощта на html

Необходимо е

  • - браузър;
  • - текстов редактор.

Инструкции

Етап 1

Форматът на HTML файла е съвсем прост. Съставянето и извършването на промени във файла се извършва от всеки текстов редактор. За преглед на резултатите се използва уеб браузър. Основното предимство на HTML документите е способността им да се препращат един към друг. Кръстосаните препратки ви помагат бързо да се обърнете към документ с допълнителна информация по интересуваща тема и след това да продължите да работите с изходния текст. Всеки документ, написан с помощта на HTML език, се състои от съдържанието на страницата, т.е. текст и контролни знаци - тагове. Всички HTML тагове трябва да бъдат затворени в ъглови скоби. Обикновено се използват начален и краен етикет. Крайният маркер се различава от началния маркер по наличието на наклонена черта.

Стъпка 2

За да започнете да създавате сайт, отидете в текстов редактор (бележник).

След това въведете таговете:

HTML - / HTML - първият и последният етикет на всеки HTML документ.

HEAD - / HEAD - начало и край на главата на документа.

TITLE - / TITLE - задайте заглавието на документа (заглавие на прозореца на браузъра).

BODY - / BODY - началото и краят на тялото на HTML документа, който определя съдържанието на документа.

Стъпка 3

След това трябва да оформите текста. Това изисква следните маркери:

Hx - / Hx - (x е число от 1 до 6) описва заглавия на шест различни нива. Заглавието на първо ниво е най-голямото, шестото ниво е най-малкото.

P - / P - описва абзац (етикетът / P може да отсъства).

ALIGN е параметър, който определя подравняването на абзаца:

ALIGN = CENTER - подравняване по центъра;

ALIGN = НАДЯСНО - дясно подравняване;

ALIGN = НАЛЯВО - ляво подравняване.

BR - отидете на нов ред, без да прекъсвате абзац.

B - / B - показва текст с получер шрифт.

I - / I - показва текст в курсив.

U - / U - подчертан текст.

STRIKE - / STRIKE - зачеркнат текст.

BLOCKQUOTE - / BLOCKQUOTE - показва котировки.

SUB - / SUB - показва индекси.

SUP - / SUP - показване на индекси.

TT - / TT - използвайте шрифт с фиксирана ширина на символа.

BIG - / BIG - увеличаване на размера на текущия шрифт.

SMALL - / SMALL - намалява размера на текущия шрифт.

BASEFONT SIZE = n - (n е число от 1 до 7) - основната стойност на размера на шрифта.

РАЗМЕР НА ШРИФТА = + / - n - / FONT - промяна на размера на шрифта.

ЦВЕТ НА ШРИФТА = # xxxxxx - FONT - задаване на цвета на шрифта: Aqua - морска вълна; Черен - черен; и т.н.

ТЯЛО - променете цвета на фона.

HR - хоризонтална линия, този таг може да използва атрибути:

ЦВЯТ - цвят на линията;

РАЗМЕР - ширина на линията в пиксели;

WIDTH - ширина на линията в пиксели или като процент от ширината на прозореца;

ALIGN - подравняване на линията;

NOSHADE - рисуване без сянка;

SHADE - рисуване със сянка.

Стъпка 4

Ако трябва да вмъкнете списък във вашия сайт, трябва да въведете тагове:

UL - / UL - неподреден списък (изброяване, без подреждане):

LI - дефиниция на елемент от списък;

TYPE е параметър, който определя маркер на списък:

ТИП = КРЪГ - кръг се използва като маркер;

ТИП = ДИСК - точката се използва като маркер;

ТИП + КВАДРАТ - квадрат се използва като маркер.

OL - / OL - номериран списък:

TYPE е параметър, който определя вида на списъка:

ТИП = A - като номера на списъка ще се използват главни латински букви;

ТИП = a - малките латински букви ще се използват като изброители на списъка;

ТИП = I - като рискови номера ще се използват големи римски цифри;

ТИП = i - малки римски цифри ще се използват като номера на списъка;

START е параметър, определящ началния номер на списъка.

DL - / DL - списък с обяснения:

DT - обозначаване на елемент от списък;

DD е обяснение за елемент от списъка.

Стъпка 5

Така че вашият сайт да не се ограничава до една страница, създайте няколко. За да навигирате, се нуждаете от хипервръзки, които се определят от следните маркери:

A HREF = URL - / A - вмъква връзка в документа (между таговете, трябва да въведете текста на връзката).

HREF - адрес на страница или ресурс;

URL - единен адрес на ресурс: servis: // сървър [: порт] [/път]:

услуга - името на протокола (HTTP - достъп до HTML документ, FTP заявка за файл от FTP сървър, FILE достъп до

файл на локалната машина);

сървър - посочване на името на ресурса;

порт - номер на порт, на който работи уеб сървърът;

path е директорията, в която се намира ресурсът.

A HREF = # име на отметка - / A - вмъкнете локална връзка (между таговете, трябва да въведете текста на връзката).

A ИМЕ = име на отметка - / A - задайте отметката, към която ще се прави връзката.

Стъпка 6

За да не бъде сайтът скучен, е необходим графичен дизайн. За целта използвайте таговете:

BODY BACKGRAOUND = "file_name" - задава картината, използвана като фон.

IMG SRC = "file_name" - вмъкнете графичен файл в HTML документ, този маркер използва параметрите:

ALT = "текстов низ" - дефинира текстов низ, който се показва вместо графично изображение, ако браузърът е деактивирал възможността за автоматично зареждане на графики;

HEIGHT, WIDTH - височина и ширина на изображението в пиксели;

HPACE, VSPACE - ширината на свободното пространство, което разделя графиката от текста хоризонтално и вертикално;

ALIGN - подравняване на текста спрямо графиката.

Стъпка 7

И последното нещо, което трябва да направите, е да запазите текстовия файл във формат *.html и след това да го стартирате с помощта на браузъра си. Сайтът е готов.

Препоръчано: