HTML-dan Foydalanib Qanday Qilib Veb-sayt Yaratish

Mundarija:

HTML-dan Foydalanib Qanday Qilib Veb-sayt Yaratish
HTML-dan Foydalanib Qanday Qilib Veb-sayt Yaratish

Video: HTML-dan Foydalanib Qanday Qilib Veb-sayt Yaratish

Video: HTML-dan Foydalanib Qanday Qilib Veb-sayt Yaratish
Video: 4-dars. HTML CSS yordamida qanday qilib veb-sayt Yasash| Boshidan oxirigacha | To'liq qo'llanma 2024, Noyabr
Anonim

Bugungi kunda Internetning portlovchi o'sishi bilan veb-texnologiyalar, xususan HTML va standart veb-brauzerlardan tobora ko'proq foydalanilmoqda. HTML (HyperText Markup Language) - gipermatnni belgilash tili. Ushbu format hujjatning tashqi ko'rinishini, matnli, grafik va multimedia ma'lumotlarining o'zaro tartibini belgilaydi. Aksiyalar juda katta pul evaziga saytlar yaratish bilan shug'ullanadi. Ammo "html-teglar" yordamida o'z qo'llaringiz bilan juda qiziqarli veb-sayt yaratishingiz mumkin.

HTML-dan foydalanib qanday qilib veb-sayt yaratish
HTML-dan foydalanib qanday qilib veb-sayt yaratish

Bu zarur

  • - brauzer;
  • - matn muharriri.

Ko'rsatmalar

1-qadam

HTML fayli juda sodda. Faylni tuzish va unga o'zgartirish kiritish har qanday matn muharriri tomonidan amalga oshiriladi. Natijalarni ko'rish uchun veb-brauzerdan foydalaniladi. HTML-hujjatlarning asosiy afzalligi ularning o'zaro bog'lanish qobiliyatidir. O'zaro bog'liqlik sizni qiziqtirgan mavzu bo'yicha qo'shimcha ma'lumotlarga ega hujjatga tezda murojaat qilishingizga yordam beradi va keyin asl matn bilan ishlashni davom ettiradi. HTML tili yordamida yozilgan har qanday hujjat sahifa tarkibidan iborat, ya'ni. matn va boshqaruv belgilari - teglar. Barcha HTML teglari burchakli qavs ichida bo'lishi kerak. Odatda, boshlang'ich yorlig'i va tugatish yorlig'i ishlatiladi. Tugatish yorlig'i boshlang'ich yorliqdan qiyalik borligi bilan farq qiladi.

2-qadam

Sayt yaratishni boshlash uchun matn muharririga (bloknot) o'ting.

Keyin teglarni kiriting:

HTML - / HTML - har qanday HTML hujjatning birinchi va oxirgi teglari.

HEAD - / HEAD - hujjat boshining boshi va oxiri.

TITLE - / TITLE - hujjat sarlavhasini o'rnatish (brauzer oynasining sarlavhasi).

BODY - / BODY - HTML hujjati tarkibining boshi va oxiri, bu hujjat tarkibini belgilaydi.

3-qadam

Keyinchalik, siz matnni stilizatsiya qilishingiz kerak. Buning uchun quyidagi teglar kerak:

Hx - / Hx - (x - bu 1 dan 6 gacha bo'lgan son) sarlavhalarni olti xil darajada tavsiflaydi. Birinchi darajadagi sarlavha eng katta, oltinchi daraja eng kichik.

P - / P - xatboshini tavsiflang (/ P yorlig'i yo'q bo'lishi mumkin).

ALIGN - bu paragrafning hizalanishini belgilaydigan parametr:

ALIGN = CENTER - markazni tekislash;

ALIGN = RIGHT - o'ng tekislash;

ALIGN = LEFT - chapga tekislash.

BR - paragrafni buzmasdan yangi qatorga o'ting.

B - / B - qalin matnli matnni aks ettiradi.

I - / I - matnni kursiv bilan aks ettiradi.

U - / U - chizilgan matn.

STRIKE - / STRIKE - chizilgan matn.

BLOCKQUOTE - / BLOCKQUOTE - tirnoqlarni aks ettiradi.

SUB - / SUB - obunalarni namoyish etadi.

SUP - / SUP - yuqori skriptlarni namoyish qilish.

TT - / TT - belgi kengligi belgilangan shriftdan foydalaning.

BIG - / BIG - joriy shrift hajmini oshirish.

SMALL - / SMALL - joriy shrift hajmini kamaytirish.

BASEFONT SIZE = n - (n - 1 dan 7 gacha bo'lgan raqam) - shrift o'lchamining asosiy qiymati.

FONT SIZE = + / - n - / FONT - shrift hajmini o'zgartirish.

FONT COLOR = # xxxxxx - FONT - shrift rangini sozlash: Aqua - dengiz to'lqini; Qora - qora; va hokazo.

BODY - fon rangini o'zgartirish.

HR - gorizontal chiziq, ushbu teg quyidagi atributlardan foydalanishi mumkin:

COLOR - chiziq rangi;

SIZE - chiziqning kengligi piksellarda;

WIDTH - chiziqning kengligi piksellarda yoki deraza kengligining foizida;

ALIGN - chiziqlarni tekislash;

NOSHADE - soyasiz rasm chizish;

SHADE - soya bilan rasm chizish.

4-qadam

Agar saytingizga biron bir ro'yxatni kiritishingiz kerak bo'lsa, teglarni kiritishingiz kerak:

UL - / UL - tartibsiz ro'yxat (ro'yxatga olish, buyurtma berishsiz):

LI - ro'yxat elementining ta'rifi;

TYPE - bu ro'yxat markerini belgilaydigan parametr:

TYPE = CIRCLE - aylana marker sifatida ishlatiladi;

TYPE = DISK - nuqta marker sifatida ishlatiladi;

TYPE + SQUARE - kvadrat marker sifatida ishlatiladi.

OL - / OL - raqamlangan ro'yxat:

TYPE - bu ro'yxat turini belgilaydigan parametr:

TYPE = A - lotincha katta harflar ro'yxat raqamlari sifatida ishlatiladi;

TYPE = a - kichik lotin harflari ro'yxat sanab chiquvchilar sifatida ishlatiladi;

TYPE = I - katta rim raqamlari ro'yxat raqamlari sifatida ishlatiladi;

TYPE = i - kichik rim raqamlari ro'yxat raqamlari sifatida ishlatiladi;

START - bu ro'yxatning boshlang'ich raqamini belgilaydigan parametr.

DL - / DL - tushuntirishlar ro'yxati:

DT - ro'yxat elementini belgilash;

DD - bu ro'yxat elementi uchun tushuntirish.

5-qadam

Saytingiz bitta sahifa bilan cheklanib qolmasligi uchun bir nechta sahifani yarating. Navigatsiya qilish uchun sizga quyidagi teglar bilan belgilanadigan ko'priklar kerak:

HREF = URL - / A - hujjatga havolani qo'shadi (teglar orasiga havola matnini kiritishingiz kerak).

HREF - sahifa yoki manbaning manzili;

URL - yagona manba manzili: servis: // server [: port] [/path]:

service - protokol nomi (HTTP - HTML hujjatiga kirish, FTP serveridan fayl uchun FTP so'rovi, FILE kirish

mahalliy mashinadagi fayl);

server - resurs nomini belgilash;

port - veb-server ishlayotgan port raqami;

path - bu resurs joylashgan katalog.

HREF = # xatcho'p nomi - / A - mahalliy havolani kiriting (teglar orasiga havola matnini kiritishingiz kerak).

NAME = xatcho'p nomi - / A - havola o'rnatiladigan xatcho'pni o'rnating.

6-qadam

Sayt zerikarli bo'lmasligi uchun grafik dizayn kerak. Buning uchun teglardan foydalaning:

BODY BACKGRAOUND = "file_name" - fon sifatida ishlatiladigan rasmni o'rnatadi.

IMG SRC = "file_name" - grafik hujjatni HTML hujjatiga qo'shish, bu teg quyidagi parametrlardan foydalanadi:

ALT = "text string" - agar brauzer grafikalarni avtomatik ravishda yuklash imkoniyatini o'chirib qo'ygan bo'lsa, grafik tasvir o'rniga ko'rsatiladigan matn satrini belgilaydi;

HEIGHT, WIDTH - tasvir balandligi va pikseldagi kengligi;

HPACE, VSPACE - grafikani gorizontal va vertikal ravishda matndan ajratib turadigan bo'sh joyning kengligi;

ALIGN - matnni grafikaga nisbatan tekislash.

7-qadam

Va sizga kerak bo'lgan oxirgi narsa - bu matnli faylni *.html formatida saqlash va keyin uni brauzeringiz yordamida ishga tushirishdir. Sayt tayyor.

Tavsiya: