HTML darslari 2-dars. Teglar bilan ishlash


HTML bilan web sahifa yaratishni o'rganishni davomm ettiramiz. Oldingi darsimizda HTML haqida qisqacha tushuncha bergan edik.
Ushbu darsimizda HTML teglarni o'rganib chiqamiz.


HTML da sarlavhalar.
6 turdagi sarlavha yaratishimiz mumkin.Sarlavhalar yaratish uchun biz: 
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>


teglaridan foydalanamiz.
Misol:
<html>
<body>

    <h1>Bu sarlavha 1</h1>
    <h2>Bu sarlavha 2</h2>
    <h3>Bu sarlavha 3</h3>
    <h4>Bu sarlavha 4</h4>
    <h5>Bu sarlavha 5</h5>
    <h6>Bu sarlavha 6</h6>

</body>
</html>

Ushbu kodni o'zingiz ham yozib tekshirib ko'ring. htmledit.squarefree.com/

HTML da paragraflar.
Bu juda ham oson. 
<p>bu yerga biror matn yoziladi</p>


HTML da Linklar
HTML da linklarni 
<a></a>
teglari bilan yaratishimiz mumkin.
Misol:
<a href="http://bilimdon.blogspot.com">Bu link</a>


Ushbu kodni o'zingiz ham yozib tekshirib ko'ring. htmledit.squarefree.com/

HTML da rasmlar bilan ishlash
Siz yaratayotgan web sahifangizga rasm qo'yishni hohlasangiz 
<img>
tegidan foydalanib bu ishni amalga oshirishingiz mumkin
Misol:
<html>
<body>
   <img src="http://opennet.uz/uploads/images/00/00/17/2014/03/10/f2c75c.jpg" alt="Sardor Dushgamov" >
</body>
</html>


Ushbu kodni o'zingiz ham yozib tekshirib ko'ring. htmledit.squarefree.com/

Qolgan teglarni keyingi darslarimizda o'rganishni davom ettiramiz.
,

12 комментариев

bahriddin
Avvalgi darsdagidek oxirida barcha yozganlaringizning yaxlit ko‘rinishini tashlab qo‘ysangiz yaxshi bo‘lardi, menimcha.
1
SardorDushamov
hozircha kichkina kodlar bo'lganligi uchun yahlit kod qilmadim, keyingi darslarda shunaqa qilamiz.
1
turgun_87
Rostan Sardor aka wunaqa qiling keyingi darslarda, rahmat sizga
1
turgun_87
Sardor aka rasm qo'yvotganda agar o'wa rasm D diskimda, photo digan papkada «ronaldo» nomi bilan turgan bo'lsa qanaqa qilib qo'yaman?
0
SardorDushamov
D:/photo/ronaldo.jpg rasmizni formatini ko'ring, rasm nomidan keyin uni formatini yozish kerak
0
turgun_87
Aka yana bezovta qilaman mana wunaqami, negadur o'xwamayabti
img src=«D:/ronaldo.jpg» alt=«Cristiano»
0
SardorDushamov
Savol: Siz qo'ymoqchi bo'lgan rasm D diskdami yoki D diskdagi biror papkani ichidami?
Total Commander ni oching, usha rasmni ustiga kelib «F2» ni bosing va usha rasmni hammasini belgilab kopiravat qilib oling va rasmni nomiga Vstavit qiling
0
turgun_87
wundo D diskni o'zida, papkada emas
0
SardorDushamov
rasmni nomi va formatini to'gri yozdizmi?
0
turgun_87
Qarang bu sizziki Sardor Dushgamovbuni qo'ysam rasm chiqdi, a lekin Turgun
mana bunaqa qilsam rasm chiqmidi,menda nimadur xatode. Nomi va formatini to'ri yozdim.
0
SardorDushamov
Usha rasmni oldiga «file:///» ni qushing, «file:///D:/ronaldo.jpeg»
0
shranet
Rasmni yuklaguncha rasm HTML fayl yonida bo'lsa agar, shundoq o'zini yozing. Agar rasm HTML fayl yonidagi papkada bo'lsa, papka + rasm nomini yozing. Siz ishlatayotgan file:// ko'rinishida ishlatmang. Agar saytingizni kompyuterga ko'chirsangiz ishlamaydi.
Misol uchun:
ronaldo.jpg
img/zidan.jpg
index.html

bo'lsa rasmlarni yuklash uchun
<img src="ronaldo.htp" alt="" /> va <img src="img/zidan.jpg" alt="" />
ko'rinishida yozsangiz ishlaydi.
1