Similar presentations:
HTML Tili va uning teglari bilan ishlash metodikasi
1.
HTML Tili va uning teglaribilan ishlash metodikasi
Ushbu taqdimotda HTML tili va uning bilan ishlash metodikasi batafsil
ko'rib chiqiladi. HTML veb-sahifalarni yaratishning asosiy tili
hisoblanadi.
Tuzuvchi: Ramazonova Nazifa
2.
HTML ning Asosiy Tushunchalari va VazifalariVeb-sahifani belgilash
Tarkibni tashkil qilish
Veb-sahifalarni ulash
HTML elementlar yordamida veb-
HTML tarkibni mantiqiy tarzda
HTML giperhavolalarni yaratish
sahifaning tuzilishi, tarkibi va
tashkil qilishga yordam beradi,
imkonini beradi, bu veb-sahifalar
formatlanishi belgilanadi.
masalan, sarlavhalar, bo'limlar,
o'rtasida o'tish imkonini beradi.
xatlar, rasmlar va boshqalarni
joylashtirish.
3.
HTML Elementlari: Teglar,Atributlar va Tarkib
1
3
Teglar
2
Atributlar
HTML elementlari ochish
Atributlar teglarga
va yopish teglari bilan
qo'shimcha ma'lumotlar
belgilanadi, masalan, <p>
beradi, masalan, <img
va </p>.
src="rasm.jpg">.
Tarkib
Tarkib HTML elementlar o'rtasida joylashtiriladi, masalan,
<p>Bu matn tarkibi</p>.
4.
HTML Strukturasi: Bosh, Tana va Bo'limlarBosh
Tana
Bo'limlar
<head> tegida veb-sahifaning meta-
<body> tegida veb-sahifaning
<div> va <section> teglari yordamida
ma'lumotlari, sarlavha va boshqa
ko'rinadigan tarkibi, matn, rasmlar,
veb-sahifaning bo'limlari yaratish
ma'lumotlar mavjud.
jadvallar va boshqa elementlar
mumkin.
mavjud.
5.
Matnni Formatlash Teglari: Sarlavhalar, Xatlar,Ro'yxatlar
Sarlavhalar
Xatlar
Ro'yxatlar
<h1>, <h2>, <h3> va boshqa teglar
<b>, <i>, <u> va <strong> teglari
<ul>, <ol> va <li> teglari
yordamida matnning sarlavhalarini
yordamida matnni qalin,
yordamida tartibsiz va tartibli
formatlash mumkin.
kursivdagi va chizilgan qilish
ro'yxatlar yaratish mumkin.
mumkin.
6.
Giperhavolalar vaRasmlarni Joylashtirish
Giperhavolalar
Rasmlar
<a> tegasi yordamida boshqa
<img> tegasi yordamida veb-
veb-sahifalarga havola yaratish
sahifaga rasm joylashtirish
mumkin.
mumkin.
7.
HTML Jadval TuzishJadval yaratish
<table>, <tr>, <td> teglari yordamida jadvallar tuziladi.
Qatorlar va ustunlar
<tr> teglari qatorlarni, <td> teglari ustunlarni belgilaydi.
Jadval formatlash
Jadval uslublari CSS yordamida formatlanadi.
8.
HTML Formalar Bilan IshlashForma yaratish
<form> tegasi yordamida shaxsiy ma'lumotlarni yig'ish uchun
formalar yaratiladi.
Kirish maydonlari
<input>, <textarea>, <select> teglari yordamida turli xil kirish
maydonlari yaratish mumkin.
Tugmalar
<button>, <input type="submit"> teglari yordamida tugmalar
yaratiladi.
Forma yuborish
Forma yuborilganda serverga ma'lumotlar yuboriladi.
9.
HTML5 ning Yangi ImkoniyatlariAudio va video
Canvas
Geolocation
Web Storage
<audio>, <video> teglari
<canvas> tegasi
Foydalanuvchi
Foydalanuvchi brauzerida
yordamida veb-sahifaga
yordamida veb-sahifada
qurilmasining geografik
ma'lumotlarni saqlash
audio va video fayllarni
dinamik grafikalarni
joylashuvini aniqlash
uchun localStorage va
joylashtirish mumkin.
yaratish mumkin.
uchun geolocation API
sessionStorage dan
dan foydalanish mumkin.
foydalanish mumkin.
10.
Amaliy Mashg'ulotlar vaMisollar
Ushbu taqdimotda o'rganilgan mavzularni mustahkamlash uchun
amaliy mashg'ulotlar va misollarni bajarish tavsiya etiladi. Ko'plab
onlayn manbalar va darsliklar mavjud, ular HTML tili bilan ishlashni
o'rganishga yordam beradi.
internet