تگ br

تگ br در html

اگر شما نیز توسعه دهنده وب هستید ، قطعا نیاز داشتید که در اسناد اچ تی ام ال خود قسمتی از متن را به خط بعدی منتقل کنید.

تگ br این شکست خط و انتقال بخشی از متن را در سند html به خط بعدی انجام می دهد.

تگ br به عنوان یک تگ خالی یا تگ تهی شناسایی می شود.

به عبارت دیگر تگ br مانند برخی از تگ های سند اچ تی ام ال تنها شامل تگ باز ( opening tag ) می باشد و تگ پایانی ( تگ بسته ) یا ( closing tag ) را ندارد.

کاربرد تگ br زمانی مهمتر می شود، که توسعه دهنده وب قصد درج آدرس و یا اشعار و… در سند html خود دارد. در این صورت به جای استفاده از تگ p ( پارگراف ) از تگbr جهت شکست خط می توان استفاده کرد.

نحوه نوشتار تگ br

 

تگ Frameset

Frame یا قاب به طراح وب این امکان را می دهد که چند صفحه و سند html  را در یک صفحه و سند وب مورد نمایش قرار دهد. اگرچه نمایش چندگانه صفحات وب در یک صفحه به نظر جذاب است ، اما به دلیل مشکلاتی از قبیل مشکل در چاپ صفحه و چند موضوعی شدن سند ( که برای رتبه سایت در موتورهای جستجو امتیاز منفی به حساب می آید ) امروزه اکثر تگ های مرتبط با قاب بندی صفحات وب عملا منسوخ شدند.

لذا اگر سئوی وبسایت برای شما نیزاهمیت دارد، از این تگ به جهت مشکلات مذکور استفاده نکنید.

تگ frameset یک قاب را تعریف می کند.

تگ frameset یک یا چند تگ frame را شامل می شود. هر تگ frame می تواند حاوی سندی جداگانه باشد.

تگ frameset مشخص می کند که چه تعداد ستون یا ردیف باید در قاب قرار گیرد، هر کدام چند درصد / پیکسل از فضا را اشغال کند.

نکته: اگر می خواهید یک صفحه حاوی frames، را Validate (اعتبار) کنید لازم است که DOCTYPE! به یکی از دو حالت  “HTML Frameset DTD” یا “XHTML Frameset DTD” تنظیم شده باشد.

www.websazandeh.ir

امیدوارم این مطالب مفید واقع شده باشه!

تگ td

تگtd در html

تگ td یک ستون در جدول HTML تعریف می کند.

یک تگ td شامل یک یا چند تگ th و tr است.

تگ td درون تگ table به همراه تگ هایی همچون tr و th یک جدول در سند HTML می سازد.

به عبارت دیگر یک جدول حاوی سطرهایی می باشد (که با تگ tr مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ td مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ th مشخص می شود).

 

تگ tr

تگ در HTML

تگ tr یک سطر در جدول HTML تعریف می کند.

یک تگ tr شامل یک یا چند تگ th و td است.

تگ tr درون تگ table به همراه تگ هایی همچون td و th یک جدول در سند HTML می سازد.

نحوه طراحی جدول

به عبارت دیگر یک جدول حاوی سطرهایی می باشد (که با تگ tr مشخص می شود)، هر سطر شامل تعدادی سلول است (که با تگ td مشخص می شود) و یک جدول شامل اطلاعات سرتیتر می باشد(که با تگ th مشخص می شود).

تگ a

روش ایجاد لینک در اچ تی ام ال

لینک دادن به معنی ایجاد پیوندهای داخلی و خارجی در صفحه یا صفحات مختلف به یکدیگر می باشد.

برای ایجاد لینک بر روی متن و یا حتی عکس مورد نظر ، از تگ a استفاده می شود.

به عبارت دیگر تگ a برای پیوند یک صفحه به صفحه ای دیگر و یا حتی پیوند مطلبی از سایتی به سایت دیگر استفاده می شود.

 

در قسمت تگ باز یک اسم خصوصیت ( Attribute Name ) با نام href قرار دارد.

href در تگ a ، یک مقدار خصوصیت ( Attribute Value ) میگیرد.

در واقع برای تگ a مهم ترین خصوصیت href است، که نشان می دهد مقصد لینک کجاست.

به طور پیش فرض ، لینک ها در مرورگرها به یکی از روش های زیر، ظاهر می شوند:

• لینک مشاهده نشده، زیر خط دار و آبی است
• لینک بازدید، زیر خط دار و بنفش است
• لینک فعال، زیر خط دار و به رنگ قرمز است

که در حقیقت ، این مقدار ( Value ) نشان دهنده مسیر پیوند است.

کدنویسی با HTML

همانطور که بیان شد html زبان برنامه نویسی نیست و هیچ گونه محاسبه ای برای ما انجام نمیدهد. Html یک زبان نشانه گذاری به حساب می آید. به همین دلیل کدنویسی با این زبان کمی متفاوت تر از دیگر زبانهاست. در زبان اچ تی ام ال ما از تگ ها برای نشان دادن المنت های اصلی در وب سایت استفاده میکنیم. حالت استاندارد استفاده از تگ ها بصورت زیر هست:

 

تگ ها از یک استاندارد خاص استفاده میکنند و هر تگ شامل یک تگ باز و یک تگ بسته است. به تگ باز Opening tag و به تگ بسته Closing tag گفته میشود. تفاوت تگ باز با تگ بسته به تنها یک اسلش (/) اضافه در تگ بسته است و به صورت زیر است:

Content

در برخی موارد تگ ها داری تگ بسته نیستند. Html زبانی نیست که نسبت به حروف بزرگ و کوچک حساس باشد و در اصطلاح (Case Sensitive)کیس سنسیتو نیست و سینتکس بسیار ساده ای دارد. برای کار با HTML  اصلا نیاز به سخت افزار قدرتمندی نیست وبا ساده ترین سیستم و نرم افزار میتوان آنرا قرا گرفت و از آن استفاده کرد. اولین برنامه که میتوان کد های html  را در آن نوشت نرم افزار نوت پد(not pad) است که روی تمام سیستم ها که ویندوز دارد قرار دارد. پس از نوشتن کد هایhtml  ، خروجی آنها در  مرورگر پردازش میشود و مرورگر آنرا نمایش میدهد.

websazandeh.ir

 

تغییرات در html 5 نسبت به نسخه های پیشین

 

1. در نسخه های پیشین بدون فلش پلیر امکان استفاده از رسانه های مختلف امکان پذیر نبود. html نسخه ی 5 با استفاده از تگ های audio و video این امکان به سادگی به وجود آمده است.
2. در نسخه های پیشین html در مرورگر اجرا نمیشود اما در html 5 جاوا اسکریپت در پس زمینه اجرا میشود .
3. توسط html های قدیمی طرح ها و نمودار ها  تنها با ابزار هایی مانند فلش پلیر ها امکان استفاده داشتند اما در html نسخه 5 یک بخش مجزا از این زبان استفاده از svg و طرح ها هستند.
4. در نسخه های پیشین امکان درگ اند دراپ (drag & drop)وجود نداشت در حالی که در نسخه ی5  html وجود دارد.
5. در نسخه های قدیمی امکان استفاده از اشکال هندسی مانند دایره، مربع و مثلث وجود نداشت؛ در حال که در نسخه ی5 html این امکان وجود دارد.
6. نسخه های قدیمی با تمام مرورگر های قدیمی سازگارند ولی نسخه ی 5 این زبان تنها با مرورگرهای جدید پشتیبانی و پردازش میشود.
7. در نسخه های قدیمی المنت هایی مانند header , navbar , footer قابل معرفی و اشاره نیستند در حالی که در html5 هر کدام تگ خاص خود را دارا هستند.
8. نسخه های پیشنی سینتکس اشتباه را متوجه نمیشدند و پردازش نمیکردند اما نسخه ی html5 این قابلیت را داراست و syntax اشتباه را میتواند پردازش کند.

   

   websazandeh.ir