W3 🇺🇿
Photo
HTML 5 Nima ?
Yangi kodlar va judda qulay, tez, oson, õrganish mumkin...
HTML5 - eng yangi va eng rivojlangan HTML versiyasi. Texnik jihatdan, HTML dasturiy til emas, balki formatlash tili. Ushbu qo'llanmada biz HTML5 xususiyatlarini va amalda uni qanday ishlatishni muhokama qilamiz.
Ushbu qo'llanma HTML5da yangi boshlanuvchilar uchun mo'ljallangan bo'lib, ular ushbu mavzuning asosiy ilg'or kontseptsiyalarini tushunishlari uchun mo'ljallangan.
Ushbu qo'llanmani boshlashdan oldin HTML va uning teglarini asosiy tushunishingiz kerak.
-----------
HTML5 - sintaksi-si:
HTML 5 da qo'shimcha ma'lumotni olib tashlangan va shunchaki sintaksikdan so'ng foydalanishingiz mumkin ≥
(turli xil misollar...)
HTML 4.01 - xolati:
Misol:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 5 - xolati:
Misol:
<!DOCTYPE html> - va DOCTYPE qisqartirilgan...
-----------
HTML 4 - xolati:
Misol:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
HTML 5 - xolati:
Misol:
<meta charset="UTF-8"> - va charset qisqartirilgan...
-----------
HTML 5 › Viewport:
Viewport elementi brauzerning sahifa o'lchamlarini va o'lchamlarini qanday boshqarishni ko'rsatmalarni beradi.
Kenglik = qurilma kengligi qismi qurilmaning ekran kengligidan (bu qurilmaga bog'liq ravishda o'zgaradi) rioya qilish uchun sahifaning kengligini belgilaydi.
Dastlabki miqdordagi = 1.0 qism birinchi marta brauzer tomonidan yuklangan birinchi zoom darajasini belgilaydi.
Misol:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-----------
HTML 4 › script:
Script kodlariga "text/javascript" qiymati bilan quyidagi turdagi atributlarni kiritish odatiy edi:
Misol:
<script type="text/javascript" src="test.js"></script>
HTML 5 › script:
Misol:
<script src="test.js"></script>
-----------
HTML 4 › css link:
Misol:
<link rel="stylesheet" type="text/css" href="stylefile.css">
HTML 5 › css link:
Misol:
<link rel="stylesheet" href="style.css"> - va boshqa kodlar qisqartirilgan...
-----------
Misol:
<!DOCTYPE html>
<html lang="uz">
<head>
<title>HTML Sahifa</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
HTML kontent...
</body>
</html>
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › Yangi kodlar haqida qisqa ma'lumot...
Misol:
<header>, <footer>, <nav>, <article> va <section> kabi yangi kodlar...
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › Yangi Multimedia kodlari:
<svg> - Grafik: CSS va SVG.
<canvas> - Grafika ( CSS va JavaScriptlar bilan ).
---------
<audio> - Music kontentlar uchun. / Offline va Online
<video> - Video kontentlar uchun. / Offline va Online
---------
<embed> Tashqi (HTML-bo'lmagan) dastur uchun konteyner belgilaydi.
<source> Media elementlari uchun bir nechta media resurslarini belgilaydi (<video> va <audio>, <picture>).
<track> Media elementlari uchun matnli treklarni belgilaydi (<video> va <audio>).
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › API - ( Application Programming Interfaces / Dastur Dasturiy Interfeysi )
HTML Geolocation / geologiya
HTML Drag and Drop
HTML Local Storage / local saqlash
HTML Application Cache / dastur keshlar
HTML Web Workers / web ishchilar
HTML SSE
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › Foydalanuvchi tomonidan yangi kod yaratish...
<!DOCTYPE html>
<html lang="uz">
<head>
<title>HTML 5 - kod yaratish...</title>
<meta charset="UTF-8">
</head>
<body>
<sarlavha>
Sayt Sarlavhasi: ( Misol: UzOnline.Uz )
</sarlavha>
<yangilliklar>
Sayt Yangilliklar...
</yangilliklar>
<yunalishlar>
<a href="">Bosh Sahifa</a>
<a href="">Servis</a>
<a href="">Foto Albom</a>
<a href="">Video Albom</a>
</yunalishlar>
...
...
...
</body>
</html>
HTML 4 › HTML 5 - da bazi kodlar qisqartirilgan...
Misol:
<div id="header"> › <header>
<div id="menu"> › <nav>
<div id="kontent"> › <section>
<div id="post"> › <article>
<div id="footer"> › <footer>...
@w3_uz › #html5_kirish
Yangi kodlar va judda qulay, tez, oson, õrganish mumkin...
HTML5 - eng yangi va eng rivojlangan HTML versiyasi. Texnik jihatdan, HTML dasturiy til emas, balki formatlash tili. Ushbu qo'llanmada biz HTML5 xususiyatlarini va amalda uni qanday ishlatishni muhokama qilamiz.
Ushbu qo'llanma HTML5da yangi boshlanuvchilar uchun mo'ljallangan bo'lib, ular ushbu mavzuning asosiy ilg'or kontseptsiyalarini tushunishlari uchun mo'ljallangan.
Ushbu qo'llanmani boshlashdan oldin HTML va uning teglarini asosiy tushunishingiz kerak.
-----------
HTML5 - sintaksi-si:
HTML 5 da qo'shimcha ma'lumotni olib tashlangan va shunchaki sintaksikdan so'ng foydalanishingiz mumkin ≥
(turli xil misollar...)
HTML 4.01 - xolati:
Misol:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 5 - xolati:
Misol:
<!DOCTYPE html> - va DOCTYPE qisqartirilgan...
-----------
HTML 4 - xolati:
Misol:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
HTML 5 - xolati:
Misol:
<meta charset="UTF-8"> - va charset qisqartirilgan...
-----------
HTML 5 › Viewport:
Viewport elementi brauzerning sahifa o'lchamlarini va o'lchamlarini qanday boshqarishni ko'rsatmalarni beradi.
Kenglik = qurilma kengligi qismi qurilmaning ekran kengligidan (bu qurilmaga bog'liq ravishda o'zgaradi) rioya qilish uchun sahifaning kengligini belgilaydi.
Dastlabki miqdordagi = 1.0 qism birinchi marta brauzer tomonidan yuklangan birinchi zoom darajasini belgilaydi.
Misol:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-----------
HTML 4 › script:
Script kodlariga "text/javascript" qiymati bilan quyidagi turdagi atributlarni kiritish odatiy edi:
Misol:
<script type="text/javascript" src="test.js"></script>
HTML 5 › script:
Misol:
<script src="test.js"></script>
-----------
HTML 4 › css link:
Misol:
<link rel="stylesheet" type="text/css" href="stylefile.css">
HTML 5 › css link:
Misol:
<link rel="stylesheet" href="style.css"> - va boshqa kodlar qisqartirilgan...
-----------
Misol:
<!DOCTYPE html>
<html lang="uz">
<head>
<title>HTML Sahifa</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
HTML kontent...
</body>
</html>
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › Yangi kodlar haqida qisqa ma'lumot...
Misol:
<header>, <footer>, <nav>, <article> va <section> kabi yangi kodlar...
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › Yangi Multimedia kodlari:
<svg> - Grafik: CSS va SVG.
<canvas> - Grafika ( CSS va JavaScriptlar bilan ).
---------
<audio> - Music kontentlar uchun. / Offline va Online
<video> - Video kontentlar uchun. / Offline va Online
---------
<embed> Tashqi (HTML-bo'lmagan) dastur uchun konteyner belgilaydi.
<source> Media elementlari uchun bir nechta media resurslarini belgilaydi (<video> va <audio>, <picture>).
<track> Media elementlari uchun matnli treklarni belgilaydi (<video> va <audio>).
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › API - ( Application Programming Interfaces / Dastur Dasturiy Interfeysi )
HTML Geolocation / geologiya
HTML Drag and Drop
HTML Local Storage / local saqlash
HTML Application Cache / dastur keshlar
HTML Web Workers / web ishchilar
HTML SSE
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠
HTML 5 › Foydalanuvchi tomonidan yangi kod yaratish...
<!DOCTYPE html>
<html lang="uz">
<head>
<title>HTML 5 - kod yaratish...</title>
<meta charset="UTF-8">
</head>
<body>
<sarlavha>
Sayt Sarlavhasi: ( Misol: UzOnline.Uz )
</sarlavha>
<yangilliklar>
Sayt Yangilliklar...
</yangilliklar>
<yunalishlar>
<a href="">Bosh Sahifa</a>
<a href="">Servis</a>
<a href="">Foto Albom</a>
<a href="">Video Albom</a>
</yunalishlar>
...
...
...
</body>
</html>
HTML 4 › HTML 5 - da bazi kodlar qisqartirilgan...
Misol:
<div id="header"> › <header>
<div id="menu"> › <nav>
<div id="kontent"> › <section>
<div id="post"> › <article>
<div id="footer"> › <footer>...
@w3_uz › #html5_kirish