როგორ შევქმნათ ვებგვერდი Html– ის გამოყენებით

Სარჩევი:

როგორ შევქმნათ ვებგვერდი Html– ის გამოყენებით
როგორ შევქმნათ ვებგვერდი Html– ის გამოყენებით

ვიდეო: როგორ შევქმნათ ვებგვერდი Html– ის გამოყენებით

ვიდეო: როგორ შევქმნათ ვებგვერდი Html– ის გამოყენებით
ვიდეო: როგორ შევქმნათ ვებგვერდი 2024, მაისი
Anonim

დღეს ინტერნეტის ფეთქებადი ზრდის ფონზე სულ უფრო ხშირად გამოიყენება ვებ – ტექნოლოგიები, განსაკუთრებით HTML და სტანდარტული ვებ – ბრაუზერები. HTML (HyperText Markup Language) ჰიპერტექსტის მარკირების ენაა. ეს ფორმატი განსაზღვრავს დოკუმენტის გარეგნობას, ტექსტის, გრაფიკული და მულტიმედიური ინფორმაციის ურთიერთშერწყმას. კამპანიები ეწევა საიტების შექმნას, ძალიან დიდი ფულისთვის. მაგრამ "html-tags" - ის დახმარებით შეგიძლიათ შექმნათ საკმაოდ საინტერესო ვებსაიტი საკუთარი ხელებით.

როგორ შევქმნათ ვებგვერდი 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 = RIGHT - მარჯვენა გასწორება;

ALIGN = LEFT - მარცხენა გასწორება.

BR - გადადით ახალ სტრიქონზე აბზაცის დარღვევის გარეშე.

B - / B - აჩვენებს ტექსტს სქელით.

I - / I - აჩვენებს ტექსტს დახრილი ასოებით.

U - / U - ხაზგასმული ტექსტი.

STRIKE - / STRIKE - გამჭოლი ტექსტი.

BLOCKQUOTE - / BLOCKQUOTE - აჩვენებს ბრჭყალებს.

SUB - / SUB - აჩვენებს ხელმოწერებს.

SUP - / SUP - ზედწერილების ჩვენება.

TT - / TT - გამოიყენეთ შრიფტი, რომელსაც აქვს ფიქსირებული სიმბოლოების სიგანე.

BIG - / BIG - მიმდინარე შრიფტის ზომის გაზრდა.

მცირე - / მცირე - შეამცირეთ მიმდინარე შრიფტის ზომა.

BASEFONT SIZE = n - (n არის რიცხვი 1-დან 7-მდე) - შრიფტის ზომის საბაზისო მნიშვნელობა.

შრიფტის ზომა = + / - n - / შრიფტი - შრიფტის ზომის შეცვლა.

FONT COLOR = # xxxxxx - FONT - შრიფტის ფერის დაყენება: Aqua - ზღვის ტალღა; შავი - შავი; და ა.შ.

BODY - ფონის ფერის შეცვლა.

HR - ჰორიზონტალური ხაზი, ამ ტეგს შეუძლია ატრიბუტების გამოყენება:

COLOR - ხაზის ფერი;

SIZE - ხაზის სიგანე პიქსელებში;

WIDTH - ხაზის სიგანე პიქსელებში ან ფანჯრის სიგანის პროცენტული მაჩვენებელი;

ALIGN - ხაზის გასწორება;

NOSHADE - ფერწერა ჩრდილის გარეშე;

SHADE - ნახაზი ჩრდილით.

ნაბიჯი 4

თუ თქვენს საიტზე რაიმე სიის ჩასმა გჭირდებათ, უნდა მიუთითოთ თეგები:

UL - / UL - დალაგებული სია (ჩამოთვლა, შეკვეთა არ არის):

LI - სიის ერთეულის განმარტება;

TYPE არის პარამეტრი, რომელიც განსაზღვრავს სიის მარკერს:

TYPE = CIRCLE - წრე გამოიყენება მარკერის სახით;

TYPE = DISK - წერტილი გამოიყენება მარკერის სახით;

TYPE + SQUARE - კვადრატი გამოიყენება მარკერად.

OL - / OL - დანომრილი სია:

TYPE არის პარამეტრი, რომელიც განსაზღვრავს სიის ტიპს:

TYPE = A - ზედა ლათინური ასოები გამოყენებული იქნება სიის ნომრებად;

TYPE = a - ლათინური ასოები გამოყენებული იქნება სიის აღმნიშვნელებად;

TYPE = I - დიდი რომაული რიცხვები გამოყენებული იქნება როგორც სიის ნომრები;

TYPE = i - სიის ნომრებად გამოყენებული იქნება რომაული მცირე ციფრები;

დაწყება არის სიის საწყისი რიცხვის განმსაზღვრელი პარამეტრი.

DL - / DL - სია განმარტებებით:

DT - სიის ერთეულის აღნიშვნა;

DD არის სიის ერთეულის განმარტება.

ნაბიჯი 5

ასე რომ თქვენი საიტი არ შემოიფარგლება მხოლოდ ერთი გვერდით, შექმენით რამდენიმე.ნავიგაციისთვის გჭირდებათ ბმულები, რომლებიც განისაზღვრება შემდეგი თეგებით:

HREF = URL - / A - ჩასვამს ბმულს დოკუმენტში (ტეგებს შორის უნდა მიუთითოთ ბმულის ტექსტი).

HREF - გვერდის ან რესურსის მისამართი;

URL - რესურსის ერთგვაროვანი მისამართი: servis: // server [: port] [/path]:

მომსახურება - პროტოკოლის სახელი (HTTP - HTML დოკუმენტზე წვდომა, FTP სერვერის ფაილის FTP მოთხოვნა, FILE წვდომა

ფაილი ადგილობრივ მანქანაზე);

სერვერი - რესურსის სახელის მითითება;

პორტი - პორტის ნომერი, რომელზეც მუშაობს ვებ სერვერი;

გზა არის დირექტორია, სადაც მდებარეობს რესურსი.

HREF = # სანიშნის სახელი - / A - ჩადეთ ადგილობრივი ბმული (ტეგებს შორის, უნდა მიუთითოთ ბმულის ტექსტი).

A NAME = სანიშნის სახელი - / A - დააყენეთ სანიშნე, რომელზეც გაკეთდება ბმული.

ნაბიჯი 6

იმისათვის, რომ საიტი არ იყოს მოსაწყენი, აუცილებელია გრაფიკული დიზაინი. ამისათვის გამოიყენეთ თეგები:

BODY BACKGRAOUND = "file_name" - ადგენს სურათს, რომელიც გამოიყენება ფონის სახით.

IMG SRC = "file_name" - ჩასვით გრაფიკული ფაილი HTML დოკუმენტში, ეს ტეგი იყენებს პარამეტრებს:

ALT = "text string" - განსაზღვრავს ტექსტურ სტრიქონს, რომელიც გრაფიკული გამოსახულების ნაცვლად გამოჩნდება, თუ ბრაუზერმა გამორთო გრაფიკის ავტომატურად ჩატვირთვის შესაძლებლობა;

HEIGHT, WIDTH - სურათის სიმაღლე და სიგანე პიქსელებში;

HPACE, VSPACE - თავისუფალი სივრცის სიგანე, რომელიც ჰყოფს გრაფიკას ტექსტისგან ჰორიზონტალურად და ვერტიკალურად;

ALIGN - ტექსტის გასწორება გრაფიკასთან შედარებით.

ნაბიჯი 7

და ბოლოს რაც უნდა გააკეთოთ არის ტექსტური ფაილის შენახვა *.html ფორმატში და შემდეგ გაშვება თქვენი ბრაუზერის გამოყენებით. საიტი მზად არის.

გირჩევთ: