آموزش خاصیت ها در html
خاصیت ها می توانند ویژگی یک عنصر در صفحه ی html را تعیین کنند.این ویژگی ها در صفحات وب وظایف خاصی انجام می دهند و عنصر مورد نظر را برای اهداف برنامه نویس ایجاد می کنند.
روش نوشتن خاصیت ها در html
اول باید ببینیم که چگونه خاصیت ها را ایجاد کنیم و بعد به سراغ معرفی چند نوع حاصیت بپردازیم.برای یادگیری می توانیم از تکه کد زیر استفاده کنیم.
در کد بالا قسمتی که به رنگ قرمز است یک خاصیت را نشان می دهد.بنابراین شما برای نوشتن یک خاصیت برای اصولی را رعایت کنید.که به شرح زیر می باشد.
- شما خاصیت ها را باید در تگ اغازی بنویسید.
- خاصیت شما از دو قسمت نام و مقدار تشکیل شده است.
- شما باید مقدار خاصیت را درون تک کوتیشن و جفت کوتیشن بنویسید.(" "/ ' ') البته در Html جفت کوتیشن رایج تر است.
- باید بین مقدار و نام علامت مساوی قرار دهید.
معرفی خاصیت های html
در این قسمت می خواهیم چند خاصیت کاربردی html را برایتان معرفی کنیم.
خاصیت lang
این خاصیت زبان مربوط به عنصر را مشخص می کند.
شما می توانید این خاصیت را در تگ html بنویسید.توجه داشته باشید این خاصیت برای موتور های جستجوگر مهم می باشد پس حتما آن را بکار ببرید.
خاصیت width
این خاصیت اندازه ی عنصر را در حالت افقی تعیین می کند.
شما می توانید این خاصیت ها را در عناصر میختلف از قبیل div ، img ، table و ... بکار ببرید.
کد بالا یک عنصر div با پهنای 100px ایجاد می کند.
خاصیت height
این خاصیت اندازه ی عناصر را در حالت عموی تعیین می کند.
شما می توانید این خاصیت ها را در عناصر میختلف از قبیل div ، img ، table و ... بکار ببرید.
کد بالا یک عنصر div با درازای 100px ایجاد می کند.
خاصیت href
این خاصیت می تواند آدرس یک لینک یا فایل را مشخص کند.
بنابراین شما می توانید از این لینک در تگ a که برای ایجاد لینک استفاده می شود و تگ link که برای ارجاع به یک فایل خارجی استفاده می شود.
خاصیت src
این خاصیت تا حدودی شبیه خاصیت href می باشد با این تفاوت که برای دیگر تگ های html در نظر گرفته شده است.
شما می توانید از این خاصیت در تگ img که یک تصویر را در صفحه ی وب قرار می دهد استفاده کنید و آدرس تصویر مورد نظر را مشخص کنید.
خاصیت title
عنوان عناصر مورد نظر را تعیین می کند.
این عنوان ها برای موتور های جستجوگر جز فاکتور های مهم برای رنک سایت می باشند.
این خاصیت را می توانید در تگ های p , div , img و... قرار دهید.
خاصیت alt
این خاصیت در واقع یک متن را به عنوان مقدار می گیرد و در صورتی که عنصر مورد نظر نتواند نمایش داده شود این متن نمایش داده می شود.
بعنوان مثال وقتی عکسی لود نمی شود می توان از این خاصیت برای متن جایگزین استفاده کرد.
چند نکته در استفاده از خاصیت ها
- شما می توانید خاصیت ها را با حروف بزرگ و کوچک بنویسید ولی استفاده از حروف کوچک رایج تر و همچنین تایپ آن آسان تر می باشد.
-
در مورد کوتیشن های جفتی و تکی در صورتی که مجبور باشید از دو کوتیشن در یک خاصیت استفاده کنید باید یک در میان از خارج به داخل کوتیشن های جفتی و تکی بنویسید:
<p title=' hello " daniyal " '>daniyal</p>
باتشکر از وبلاگ شما برنامه نویس گرامی.
از زحمات شما و راهنماییتان در نوشتن صفحات وب ممنونم.