آشنایی با زیان اچ تی ام ال

در این جلسه درباره زبان اچ تی ام ال و ویژگی های آن بحث شد. منبع اصلی بحث سایت j-learning است که مباحث بسیار مناسبی برای فعالیت های آن لاین دارد.

 

زبان HTML:

زبان HTML یک زبان برای دیدن صفحات وب است. اگر صفحه وب را یک خانه فرض کنیم، HTML نقشه آن خانه است. (Blue Printr)

علامت < > به معنای شروع کن و علامت < / > به معنای تمام کن است.

 

تگ ها: هر کدی که داخل Bracket (<  >) می نشیند یک تگ است.

دو نوع تگ وجود دارد: تگ های جفتی و تگ های طاق یا فرد.

 

تگ جفتی: دور متن یا تگ های دیگر را می گیرد و هر چیزی که درون دو دستور داخل برکت قرار می گیرد را تغییر می دهد.

 

مثال:

• برای نگاشتن دستور بٌلد (Bold) کردن یک نوشته به این طریق عمل می شود.

< b > this text will be bold < / b >

 

 

• برای نگاشتن دستور خط زیر کلمه (Underline) به این طریق عمل می شود.

< u > this text ic underline < / u > but text outside is not

    

 

• دستور ایتالیک کردن عبارت

< i > abc < / i >                                                                                    

•  برای ایجاد فاصله بین پاراگراف ها:       

                                                                                  < p > abc < / p >

 

 

تگ طاق: این تگ هیچ تکستی را تغییر نمی دهد بلکه فقط برای ایجاد خط یا فاصله بین سطرها (Break) یا صفحه ها می آورند.

 

مثال:

• دستور شکستگی در خط:     < br / >
• خط افقی در صفحه ایجاد می کند:                                              < hr / >
• برای لینک دادن به یک مطلب یا عبارت در سایت از این دستور می توان استفاده کرد:

 < / a>                    کلمه مورد نظری که باید بر روی آن کلیک کرد “> آدرس سایت مورد نظر< a href=”http:

 

< برای مثال برای لینک دادن به سایتCnn < a href =”http://cnn.com” >cnn< /a

 

• بعضی وقت ها وقتی بر روی کلمه ای که برای لینک دادن قرار داده شده می رویم، یک جعبه کوچک ایجاد می شود و نوشته ای در آن ذکر می شود، برای این کار می توان دستور زیر را یادداشت کرد:

< a href=”http://irib.ir” sedasima > irib < /a >                                               

 

آن وقت هر گاه بر روی کلمه irib برویم، در جعبه کوچکی عبارت sedasima می آید.

 

تگ های در آغوش گرفته:

این تگ ها دو دستوری که ارائه می شود را با هم اجرا می کنند. مثلا عبارتی همزمان هم بلد و هم ایتالیک شود و ....

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

 

مثال:                                                                                  < b >< i > abc < / i >< / b >                                                                                                  

 

• دستور قرار گرفتن تصویر:                                        < ” آدرس عکس مورد نظر“=img src >
• اگر بخواهیم جزئیاتی مثل طول، عرض و محل قرار گرفتن را نیز به کار اضافه کنیم می توان به این صورت نوشت:

< /   آدرس عکس مورد نظر =img src >  “ height=”200” width=”100” align=”left  

 

که height مشخصه طول، width نشانه عرض است و align موقعیت را نشان می دهد که ممکن است بالا، پایین، چپ یا راست باشد.

 

دسترسی به مطلب اصلی

 

اگر دوست دارید اچ تی ام ال یاد بگیرید حتما کلیک کنید

اگر بیشتر درباره آموزش اچ تی ام ال می خواهید بدانید همراه با ضمائم

آموزش ساده زبان اچ تی ام ال را هم ببینید

باز هم درباره آموزش مقدماتی زبان اچ تی ام ال