شما اینجا هستید

به عناصر HTML میتوان ویژگی افزود و این ویژگی ها جزییات بیشتری به عنصر میدهند. ویژگی ها همیشه در تگ آغازین مشخص میشوند. ویژگی ها را به شکل ارزش/نام مانند: "name="value مینویسند.

ویژگی عنوان

همینطور که یک پاراگراف را در HTML با تگ <p> مشخص میکنیم، میتوانیم برای آن ویژگی عنوان تعریف کنیم. در مثال زیر مقدار این ویژگی را "درباره پویا پرداز" قرار میدهیم:

<html>

  <body>


    <h1>درباره پویا پرداز</h1>


    <p title="درباره پویا پرداز ">

شرکت پویا پرداز به هدف فعالیت در زمینه فناوری اطلاعات تاسیس شده. عمده فعالیت شرکت در طراحی وب سایت است ما تلاش می کنیم که بهترین خدمات و محصولات را به مشتریان ارائه دهیم. شرکت پویا پرداز همواره در طراحی وب سایت، جدیت و خلاقیت را با هم بکار میگیرد به همین منظور یک تیم متخصص از برنامه نویسان و یک تیم حرفه ای از طراحان گرافیک تشکیل داده ایم.</p>


    <p><b>

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

    </b></p>


  </body>

</html>

 

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

 

ویژگی href

پیوندها در HTML با تگ <a> تعریف میشوند و این تگ دارای یک ویژگی به نام href میباشد که آدرسی را که باید به آن لینک شود مشخص میکند.

<html>

  <body>


    <a href="http://www.puyapardaz.ir">مشاهده شرکت طراحی وب سایت پویا پرداز</a>


  </body>

</html>

در ادامه تگ <a> را به صورت کامل توضیح خواهم داد.

ویژگی سایز

تصاویر در HTML با تگ <img> مشخص میشوند در این تگ ویژگی  src نام فایل را مشخص میکند، و اندازه تصویر را ویژگی های width و height مشخص میکنند.

<html>

  <body>


    <img src="puyapardaz.jpg" width="100" height="140">


  </body>

</html>

 برای نمایش تصویر باید یک تصویر با نام puyapardaz.jpg در کنار فایل HTML خود در یک پوشه داشته باشید.

اندازه تصویر با واحد پیکسل مشخص میشود "width="100 به این معنی است که پهنای آن به اندازه 100 پیکسل میباشد.

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

ویژگی alt

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

صفحه خوان ها ابن متن جایگزین را میتوانند بخوانند، این روش به افرادی که میخواهند صفحه وب را گوش کنند مانند اشخاص نابینا کمک میکند.

<html>

  <body>


    <img src="puyapardaz.jpg" alt="puyapardaz.ir" width="100" height="140">


  </body>

</html>

 

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

 

از نقل قول تکی (') استفاده کنیم یا نقل قول جفت (")؟

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

<'p title='John "ShotGun" Nelson>

یا بالعکس

<"p title="John 'ShotGun' Nelson>

دیدگاه‌ها

صفحه‌ها

افزودن دیدگاه جدید

دیدگاه

  • تگ‌های HTML مجاز: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.

Plain text

  • تگ‌های HTML مجاز نیستند.
  • نشانی صفحه‌ها وب و پست الکترونیک بصورت خودکار به پیوند تبدیل می‌شوند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
كد امنيتي
این پرسش برای جلوگیری از ارسال اسپمهای اتوماتیک است.