ORANGEPRO

ORANGEPRO

وبلاگی در مورد دنیای کامپیوتر
ORANGEPRO

ORANGEPRO

وبلاگی در مورد دنیای کامپیوتر

اچ تی ام ال را قورت دهیم؟ (9)

درس هفدهم

<center>………..</center>                                                             

این تگ برای وسط چین کردن متن و یا هر عنصر دیگر بکار می رود.

 

درس هجدهم

کار عملی

برای تگ <center>یک شبه کد بنویسید.

کد

نتیجه

Hello, World

<html>

<head><title>Center</title></head>

<body>

<center>Hello, World</center>

</body>

</html>

اچ تی ام ال را قورت دهیم؟ (8)

درس پانزدهم

<Table>……. </Table>

برای ایجاد جدول در صفحات وب بکار می رود و تگ های <td>برای ایجاد ستون و تگ <tr>برای ایجاد سطر بکار میرود

درس شانزدهم

کار عملی

یک جدول با دو سطر و ستون ایجاد نمایید.

کد

نتیجه

Hello      hi 

www     hi 

<html>

<head><title>Table </title></head>

<body>

<table>

<tr>

<td valign=”top”  align=”left”> Hello</td>

<td>hi</td>

</tr>

<tr>

<td valign=”top”   align=”left”>www</td>

<td>hi</td>

</tr>

</table>

</body>

</html>

 

اچ تی ام ال را قورت دهیم؟ (7)

درس سیزدهم

<li>……….</li>                                        

برای ایجاد لیست مرتب شده بکار می رود و تگ

<Ol>…………. </ol>                                     

آن لیست را شماره گذاری می کند.نحوه ایجاد لینک

نتیجه

کد

  •  Hello, World

<li>Hello, World</li>

  1. 1.Hello, World

<ol><li>Hello, World</li></ol>

 

لازم بذکر است که دو تگ <ol>  و<li>باید ترکیب شوند تا شماره گذاری کند.

درس چهاردهم

<A herf=”URL”>comment</A>

این تگ برای پیوند به صفحات و یا به وبلاگ و سایت دیگر بکار می رود.

<=URL  آدرس صفحه و یا صفحه درونی وب سایت

 <=Commentمتن دلخواهی که برای عنوان صفحه و یا آدرس مورد نظر قرار می دهیم.

توجه شود که برای درست کار کردن این دستور باید سرویس دهنده آنلاین باشد.

بهتر است برای بهبود عملکرد وب سایت ویا وبلاگ از تگ <u>…….</u> برای زیر خط دار کردن استفاده شود

اچ تی ام ال را قورت دهیم؟ (6)

درس یازدهم

کار عملی

سه تگ<i>,<u>,<b> را امتحان کنید.

نتیجه

کد

Hello, World

<html>

<head><title>First</title></head>

<body>

<b><i><u>Hello, World</u></i></b>

</body>

</html>

درس دوازدهم

  alt=”   “>آدرس<imgsrc=”

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

نحوه آدرس دادن به دو صورت

C:\img\pic\1.jpg

فیزیکی

Localhost\pic\1.jpg

وبی

 

از زیر مجموعه های این تگ می توان به width،height ،alt  اشاره نمود.

<=Altبرای نوشتن توضیحاتی برای عکس

<=Heightبرای تعیین طول عکس برحسب پیکسل  

<=Widthبرای تعیین عرض عکس برحسب پیکسل

اچ تی ام ال را قورت دهیم؟ (5)

درس نهم

کارعملی

برنامه Hello, World را بسازید

نتیجه

کد

Hello,World

<html>

<head><title>first</title></head>

<body>

Hello, World

</body>

</html>

درس دهم

کار عملی

تگ <br> را برروی کد قبلی امتحان کنید.

نتیجه

کد

Hello,

World

<html>

<head><title>first</title></head>

<body>

Hello,<br>World

</body>

</html>

 

اچ تی ام ال را قورت دهیم؟ (4)

 

درس هفتم

<u>……..</u>

برای زیر خط دار کردن متن بکار می رود ومانند underlineدر Wordعمل می کند.

مثال:                                                                                                                                                           <u>Hello, World</u>       Hello, World

درس هشتم

<i>………</i>

برای مورب کردن متن بکار می رود و مانند italic در Word عمل می کند.

مثال:                                                                                              <i>Hello, World</i>       Hello, World

اچ تی ام ال را قورت دهیم؟ (3)

درس پنجم

<Br>

این تگ همانند کلید اینتر عمل می کند

برای مثال :

Hello<br>world    ونتیجه آن              Hello

                                              World                                                                                

 

درس ششم

<b>………. </b>

متن بین آن را پررنگ می کند و همانند کلید Bold در Wordعمل میکند

مثال: <B>Hello, World</B>       Hello, World