Misol:
html>
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Cell that spans two columns:
Name |
Telephone |
Vikas Rawat |
9125577854 |
8565557785 |
Cell that spans two rows:
Name: |
Vikas Rawat |
Telephone: |
9125577854 |
8565557785 |
DETAILS
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Firstname |
Lastname |
Age |
Priya |
Sharma |
24 |
Arun |
Singh |
32 |
Sam |
Watson |
41 |
Fisrt Column of Outer Table
|
First row of Inner Table
|
Second row of Inner Table
|
|
Alternative text
The alt attribute should reflect the image content, so users who cannot see the image gets an understanding of what the image contains:
Tegi HTML sahifaga ko‘mish bir tasvir uchun ishlatiladi.
Rasmlar veb-sahifaga texnik jihatdan kiritilmagan; rasmlar veb-sahifalarga bog‘langan. tegi foydalanilgan tasvir uchun bir xolding oraliq yaratadi.
Tegi ikki talab xususiyatlarga ega bo‘ladi:
src - tasvirga olib boradigan yo‘lni belgilaydi
alt - agar rasmni biron sababga ko‘ra ko‘rsatish mumkin bo‘lmasa, rasm uchun muqobil matnni belgilaydi
Izoh: Shuningdek, har doim rasmning kengligi va balandligini ko‘rsating. Agar kenglik va balandlik ko‘rsatilmagan bo‘lsa, rasm yuklanayotganda sahifa miltillashi mumkin.
Maslahat: Rasmni boshqa hujjat bilan bog‘lash uchun, yorlig‘i yorlig‘i ichiga joylashtiring (quyida keltirilgan misolga qarang).
Xususiyatlar
Attribute
|
Value
|
Description
|
alt
|
text
|
Specifies an alternate text for an image
|
crossorigin
|
Anonymous use- credentials
|
Allow images from third-party sites that allow cross-origin access to be used with
canvas
|
height
|
pixels
|
Specifies the height of an image
|
ismap
|
ismap
|
Specifies an image as a server-side
image map
|
loading
|
Eager lazy
|
Specifies whether a browser should load an image immediately or to defer loading of images until some conditions
are met
|
longdesc
|
URL
|
Specifies a URL to a detailed
description of an image
|
referrerpolicy
|
no-referrer no- referrer-when- downgrade origin origin-when-cross-
origin unsafe-url
|
Specifies which referrer information to use when fetching an image
|
sizes
|
sizes
|
Specifies image sizes for different page
layouts
|
src
|
URL
|
Specifies the path to the image
|
srcset
|
URL-list
|
Specifies a list of image files to use in
different situations
|
usemap
|
#mapname
|
Specifies an image as a client-side
image map
|
width
|
pixels
|
Specifies the width of an image
|
Nazorat uchun savollar
HTML-da jadvallarni aniqlash yo‘llari?
HTML-dagi jadvalga fon rangini qo‘shish qanday amalga oshadi?
HTML-da ichki jadvallarni yaratish?
HTML tilida rasmlar hosil qilish teglari qanday amalga oshiriladi?
Src xususiyati?
Rasmlarni kengligi va balandligini qanday teglarda amalga oshiriladi?
Rasmlar kengligini olish?
HTML TILIDA GIPERMATN VA FREYMLAR JOYLASHTIRISH
TEGLARI.
Asosiy savollar:
Gipermatn joylashtirish teglari
Freymlar hosil qilish va ularni qayta ishlash
Tayanch so‘zlar: Gipermatn, Xosting, Domen, IP va DNS, HTML havolalari, Mutlaq va nisbiy yo‘l, Ankrajlar, Atributlarni bog‘lash, Freymlar hosil qilish, border, marginwidth va marginheight freym chegarasi.
Gipermatn to‘g‘ridan-to‘g‘ri HTTP protokoli va shunga mos ravishda HTML tili bilan bog‘liq bo‘lganligi sababli, butun mavzuni yaxshiroq tushunish uchun uning ma’nosini tushunishingiz kerak.
Gipermatn – bu veb-resursning ma’lum bir sahifasida joylashgan va shu yoki uchinchi tomon saytining boshqa sahifalariga havolalarni o‘z ichiga olgan matn
fragmenti, natijada foydalanuvchi chiziqli bo‘lmagan o‘qish qobiliyatiga ega, uning afzalligi material bilan tanishish jarayonida siz ma’lumotni aniqlashtirish uchun havolalar orqali o‘tishingiz va keyin asosiy sahifaning tarkibini o‘rganishni davom ettirishingiz mumkin.
Va endi sayt qurishga jiddiy qaror qilganlar uchun qisqacha ma’lumot. Jismoniy jihatdan, barcha veb-sayt fayllari, shu jumladan brauzerda ko‘rish uchun mo‘ljallangan HTML-sahifalar, ushbu vazifani bajarish uchun maxsus ishlab chiqilgan kuchli kompyuterlar bo‘lgan serverlarda joylashgan. Tabiiyki, ular internetga ega.
Xosting (undan qanday foydalanish) deb nomlangan serverlarda saytlarni joylashtirish xizmati provayderlar (xosterlar) tomonidan taqdim etiladi, buning uchun haq olinadi. Biroq, siz har doim o‘zingiz uchun bepul xostingni topishingiz mumkin, ammo bu holda sizga pullik hamkasblar mavjud bo‘lmagan ba’zi cheklovlar qo‘llaniladi.
Har qanday veb-resurs o‘zi joylashgan serverning IP- manzili bilan bog‘langan noyob domen nomiga ega (IP va DNS havolasi haqida o‘qing) va URLning bir qismi.
Shuning uchun, foydalanuvchi URL-ni kiritgandan so‘ng (misol yuqorida keltirilgan), men eslayman, shuningdek, kerakli HTML-sahifani o‘z ichiga olgan ma’lum bir faylga yo‘lni o‘z ichiga oladi va keyin Enter tugmachasini bosgandan so‘ng, "dialog" boshlanadi bu holda brauzer bo‘lgan mijoz va kerakli saytning barcha fayllari "yashaydigan" server. Brauzer HTTP so‘rovini yuboradi, natijada server so‘ralgan hujjat tarkibini javob bilan birga qaytaradi.
Sahifaning tarkibi shunchaki HTML tili yordamida kodlanadi, u xuddi shu brauzer tomonidan oddiy tarkibga aylantiriladi (bu gipermatnli, ammo allaqachon belgilanmagan), qurilma ekranida ko‘rsatiladi va oddiy foydalanuvchi tomonidan o‘qilishi oson.
Ushbu kodlash nima uchun kerak? HTML kod sizga mos teglarni belgilash orqali elementlarni to‘g‘ri namoyish qilish bilan birga atributlar yordamida kerakli
dizaynni berishga imkon beradi (biz ular haqida quyida gaplashamiz), shuningdek kaskadli uslublar varag‘iga (CSS) faylga bog‘lanishimiz mumkin.
Dostları ilə paylaş: |