Heading ها در HTML heading ها

ساخت وبلاگ

Heading 
ها در HTML heading ها در واقع تیتر قسمت های متفاوت صفحه های می‌باشند . 

طراحی سایت در مشهد
این تیتر ها از
آغاز می شوند و تا
ادامه دارا‌هستند . این تگ ها به ترتیب اهمیت اسم گذاری شده اند براین اساس
یعنی حساس ترین و کلیدی ترین عنوان و
یعنی فرعی ترین عنوان . 
به نمونه پایین دقت کنید: 
html> 


This 
is heading 1
This 
is heading 2
This 
is heading 3
This 
is heading 4
This 
is heading 5
This 
is heading 6

 










10 
11 
12 
13 
html> 


This 
is heading 1
This 
is heading 2
This 
is heading 3
This 
is heading 4
This 
is heading 5
This 
is heading 6

 

ما یک خصوصی متن را با heading های متفاوت متن ایم . درحال حاضر روی این پیوند کلیک نمایید تا خروجی را در مرورگرتان ببینید . همانطور که مشاهده کردید، بزرگی و bold بودن این نوشته ها متفاوت میباشد . بگذارید یک مثال عملی برایتان بزنم . به برگه ی Iran System encoding در ویکی پدیا بروید . 

صفحه 
ی مربوط به encoding در کشور ایران از ویکی پدیا کاغذ 
ی مربوط به encoding در ایران از ویکی پدیا در این عکس که گزیده از همان کاغذ است متوجه دو عدد heading می شویم؛ heading اولیه “Iran System encoding” و heading دوم “Character set” می باشد . همان گونه که می بینید، یکی از دیگری بزرگتر می باشد . heading اولیه در تگ h1 و heading دوم در تگ h2 قرار دارد . 
آیا می دانید چرا؟ 
زمینه مربوط به کدنویسی نیست، بلکه به طور کامل منطقی و انسانی است . در‌صورتی‌که مقاله ای داشته باشیم که در قضیه encoding در کشور‌ایران باشد، مشخص و معلوم هست که Iran System encoding (به مضمون‌ «سیستم رمزنگاری ایران») بایستی تگ h1 باشد چرا که کل مقاله در مورد آن است . بعد متوجه می شویم که لیست کاراکتر ها یا همان Character set یک شاخه ی فرعی یا یک مسئله فرعی می باشد البته هنوز هم تیتر محسوب می شود . براین اساس آن را در تگ h2 قرار می دهیم . حال در حالتی که تیتر دیگری داشتیم که در مسئله برخی از Character set ها بود، بایستی به آن h3 می دادیم و الی پایان . 

پاراگراف 
ها در 
زبان HTML جمله ها با
مشخص

می شوند: 
This is a paragraph .


This is another paragraph .




This is a paragraph .


This is another paragraph .


لینک 
ها لینک 
ها در این گویش با به کارگیری از تگ معین می شوند: 
This 
is a link 1 
This 
is a link همان گونه که میبینید این تگ دارای کمی به اسم href می‌باشد که تگ آغازین اش چسبیده می‌باشد . به href و امثال آن attribute می گوییم که در جلسات آن‌گاه با آن ها آشنا خوا‌هیم شد . کار این attribute ها این می باشد که اطلاعات بیشتری به تگ ضمیمه نمایند . 

تصاویر 
برای 
به کار گیری از تصاویر در لهجه HTML باید از تگ  به کارگیری کنید: 
"W3Schools width="104" height="142"> 1 
"W3Schools width="104" height="142"> دکمه 
ها برای 
سناریو دکمه ها (مانند دکمه ی «ورود به حساب کاربری» و …) از تگ استعمال می کنیم: 
Click 
me 1 
Click 
me لیست 
ها برای 
استعمال از لیست ها در لهجه HTML از دو تگ
(مخفف unordered list به مضمون‌ «لیست فارغ از ترتیب») یا
(مخفف ordered list به معنی «لیست مرتب») استعمال می شود: 


Coffee

Tea

Milk






Coffee

Tea

Milk

از
ها هنگامی به کار گیری می شود که ترتیب موارد لیست اهمیتی نداشته باشد و از
نیز هنگامی به کارگیری می شود که ترتیب اهمیت داشته باشد . در نمونه بالا مهم نیست که اولیه coffee (قهوه) بیاید یا tea (چای) یا milk (شیر) . بنابراین از
به کار گیری کرده ایم . 

نکته: لازم به ذکر میباشد که لیست عنصرها HTML مضاعف طولانی میباشد و در این دوره قصد ارزیابی تک تک آن ها را نداریم اما جای نگرانی نیز نمی باشد . ما نسبتاً تمام تگ های کاربردی را با نمونه و توضیحات ذکر خوا‌هیم کرد و پروژه های کوچکی هم خواهیم داشت . از طرفی نیز نیازی به نظارت تک تک این تگ ها نمی باشد چرا که همه ی آن ها ساختار یکسانی دارند و صرفا نیاز می‌باشد برهان استعمال از آن ها را در وب سرچ نمایید . در جلسات انتها متوجه خواسته مخلوق خواهید شد . 

خلاصه 
ی مقاله در این نصیب با موادسازنده مبنا ای HTML آشنا شدیم که در هر کاغذ ای استفاده می شوند . این موادسازنده از این حیث پایه ای نامیده می شوند که پر تکرار و مالامال کاربرد می باشند و به نوعی شالوده ی دیگر موادسازنده را تشکیل می دهند . همینطور در مورد محیط کدنویسی HTML هم سخن کردیم . امیدوارم این نصیب برایتان جالب بوده باشد . 

مرجع مقالات رسمی طراحی سایت...
ما را در سایت مرجع مقالات رسمی طراحی سایت دنبال می کنید

برچسب : طراحی سایت در مشهد, نویسنده : علی پور web01 بازدید : 218 تاريخ : دوشنبه 10 تير 1398 ساعت: 16:57