مرجع کامل گوگل ارت Google Earth گوگل ارث

مرجع غیر رسمی آموزش گوگل ارث Google Earth گوگل ارت

آموزش گوگل ارثآموزش زبان HTML مورد نیاز در Google Earth
آموزش گوگل ارت - آموزش گوگل ارث - آموزش Google Earth

<<<صفحه نخست >>>

 

در این بخش شما با زبان HTML آشنا می شوید. با برخی از دستورات آن می توانید توضیحات آیتم های ترسیم شده را ویرایش نمایید.

این توضیحات را در قسمت Description آیتم ها وارد نمایید.

 

 با کلیک بر روی آیتم هایی که ترسیم نموده اید محتویات Description آنها در یک حباب نمایش داده می شود.

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

  

<p align="center">
    <img src="http://images.persianblog.ir/554664_uNToBAil.jpg"> <br><br>
    <Font face="Tahoma">
        <b>قله زیبای دماوند </b>
    </font>
</p>

 

 

تگ های HTML

 دستورعمل‌های زبان HTML، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود.

 هر یک از برچسب‌های اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

در اچ‌تی‌ام‌ال سه نوع برچسب وجود دارد:

  1. تگ‌های یکه. مانند ‎<HR>‎ که خط رسم می‌کند.
  2. تگ‌هایی که شروع و پایان دارند. مثل: ‎<b></b>‎
  3. تگ‌هایی که دارای ویژگی می‌باشند. مثل:‎<font face="arial" size="۱۲">‎

در جدول زیر برخی از تگ های مورد نیاز در گوگل ارث معرفی شده اند.

شروع پایان کابرد
<b> </b> متنی که در بین این تگ قرار می گردد توپر می شود.
<i>  </i>  متن ما بین این تگ ایتالیک (کج) می شود
 <u>  </u>   متن ما بین این تگ زیر خط دار می شود.
 <br>  </br>

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

 <nobr>  </nobr>

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

 <hr> ----  این تگ یک خط افقی ترسیم می کند.
 <p>  </p>

 این تگ از نوع سوم تگها می باشد.
متنی که مابین این تگ قرار می گیرد یک پاراگراف
محسوب می گردد.
این تگ دارای ویژه گیهایی می باشد منجمله :

align="center"

 تعیین کننده تراز خط سایر مقادیرآن
right و left و justify می باشد

 dir="rtl"

 تعیین کننده سمت نوشتن می باشد
rtl راست به چپ و ltr چپ به راست

style="width: 580px"

 تعیین عرض پاراگراف و حتی حباب نمایش محتویات

 

 

 

 

 

 

 

  مثال :

<p align="center" dir="rtl">قله دماوند</p>

<font>  </font>

 با استفاده از این تگ تنظیمات فونت به متن اعمال می گردد. این تنظیمات شامل : نوع فونت - سایز فونت - رنگ فونت و... می باشد

برخی از ویژه گیهای آن در جدول زیر قید شده است: 

color="red"

تعیین کننده رنگ فونت

face="Tahoma" تعیین کننده نوع فونت
size="7" 

 تعیین کننده سایز فونت
مقادیر آن بین 1~7

 

 

 

 مثال:

<font color="red" face="Tahoma" size="7">قله دماوند</font> 

 <img> ----

 جهت نمایش دادن عکس از این تگ استفاده می شود . ویژگیهای آن در زیر معرفی شده اند.

src="C:/damavand.jpg"

این ویژگی آدرس عکس مورد نظر را مشخص می کند. این آدرس می تواند یا از رایانه شما باشد یا در اینترنتی موجود باشد.

width="200"

تعیین کننده عرض عکس

height="150"

تعیین کننده ارتفاع عکس

 

 

 

 

 

 توصیه می شود جهت حفظ مقیاس عکس یا از ویژگی
 width استفاده شود یا از height .

مثال :

 <img src="C:/damavand.jpg" width="200" height="150"> 

 <a> 

 </a

 متن و یا عکسی که ما بین این تگ قرار می گیرد Hyperlink می شود و به یک صفحه وب پیوند داده می شود.

ویژگیهای این تگ در جدول زیر بیان شده است.

href="..."

این ویژگی آدرس صفحه پیوند داده شده را مشخص می کند

title="..."

در صورت قرار گرفتن موس روی این لینک متن ... نمایش داده می شود

 

 

 

 

 مثال:

<a href="http://googleearthplus.persianblog.ir/" title="آموزش">
آموزش گوگل ارث</a> 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

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

 

مثال 1 : Hyperlink نمودن یک عکس

 

<a href="http://googleearthplus.persianblog.ir/" title="آموزش گوگل ارث">
<img src="http://images.persianblog.ir/554664_qAu3KnvW.jpg" width="200" height="150"> 
</a> 

 مثال 2 : ویرایش متن و تعیین عرض حباب

 

<p dir="rtl" style="width: 580px" >
    <font face="Tahoma" size="4">
        آموزش کامل و حرفه ای 
    </font>
    <font face="Tahoma" size="5" color="olive">
        <b>گوگل ارث</b>
    </font>
</p>

 

 

<<<صفحه نخست >>>