ORANGEPRO

ORANGEPRO

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

ORANGEPRO

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

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

درس بیست و سوم

rel=”no follow”چیست؟

برای اینکه لینک مورد نظر توسط ربات های موتور جستجودنبال نشود

این تگ برای موتورهای جستجو بوده و نتیجه آن در ظاهر نمایان نمی شود.

درس بیست وچهارم

تگ متا (Meta) چیست؟

این تگ برای شناساندن وبلاگ و یا وب سایت شما به موتور های جستجو می باشد و حالت کلی این تگ بصورت زیر می باشد:

<meta name=”description” content=”…” >

بطور مثال برای اینکه ربات های موتور جستجو لینک های موجود در صفحه را دنبال نکنند بصورت زیر عمل می کنیم:

<Meta Name=”robots” content=”no follow”>

این تگ همانند تگ relفقط برای موتور های جستجو می باشد.

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

درس بیست ویکم

کارعملی

نتیجه

کد

 

<html>

<head><title> Change color</title></head>

<body>

<body bgcolor=”#000000”>

</body>

</html>

 

 

درس بیست و دوم

کارعملی

نتیجه

رنگ

 

#FF5000

 

#FF6000

 

#FF7000

 

#FF8000

 

#FF9000

 

#cc6600

 

بدون جواب خودتان فکر کنید.

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

درس نوزدهم

کد هگزادسیمال نمونه ای از رنگها در HTML

 

#000000

 

#FF0000

 

#000099

 

#FFFF00

 

#006600

 

#FF6600

 

 

 

درس بیستم

<body bgcolor=” color “>

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

اچ تی ام ال را قورت دهیم؟ (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برای تعیین عرض عکس برحسب پیکسل