نگین نقی نژاد
نگین نقی نژاد
خواندن ۲ دقیقه·۳ سال پیش

HTML Elements


باز هم سلام سلام :)

خب ادامه میدیم:

ما به طور کلی متن هارو بین تگ ها به صورت زیر قرار میدیم:

<tagname> Contents...</tagname>

فکر کنم تا اینجا دقت کرده باشین، که تگهای html تو در تو هستند. در واقع تگ html مثل ریشه میمونه بعد تگ body و درون تگ body هم دو تگ h که مربوط به هدینگ ها هستن؛ و تگ p که مربوط به پاراگراف نویسی هست.

حالا یه تگ دیگه داریم به اسم <br> که کارش اینه که خط رو میشکنه. خب قطعا باید لمسش کنید تا درست بفهمید. پس لطفا برید تو لینک زیر:

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_elements_br

HTML Attributes

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

مثلا گفته بودیم از صفت src استفاده میکنیم برای اینکه بتونیم آدرس و یا مسیر یک فایل رو نشون بدیم. ازین صفت میتونیم برای تمام تگ های زیر استفاده کنیم:

<audio> <video> <iframe> <img> <input> <source> <track> <embed>

دو تا راه هست که بتونید url رو توی صفت src مشخص کنید:

1) ابسولوت url: لینک به یک عکس اکسترنال که تو یک وبسایت دیگه ای هاست شده داده میشه، ولی باید حواستون به کپی رایت و اینا باشه و همچنین باید حواستون به عکسهایی که دسترسی ندارین باشه چون که ناگهان ممکنه از دسترس خارج بشن و یا ریموو بشن.

2) ریلیتیو url: در واقع لینک به عکسی داده میشه که تو خود وبسایت هاست شده.

اگر url با اسلش شروع بشه به دامین وابسته است، برای مثال:

src="/images/img_girl.jpg"

و اگر با اسلش شروع نشه به خود اون صفحه وابسته است.

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

در مورد صفت alt هم که در پست قبلی صحبت کردیم، در واقع توصیفی رو ارائه میکنه که اگر به خاطر slow بودن کانکشن یا ارور عکس لود نشد، این توضیح نمایان میشه.

تا اینجا برای اینکه کامل جا بیافته برید تو لینکهای زیر و شروع کنید به تمرین:

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_img_src


https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_alt
The style Attribute

خب همونطور که از اسمش پیداست، استایل رو به المان ها نسبت میده، مثل رنگ، فونت، سایز و ... دیگه نگم که لینک زیر و اینا:دی

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_style
The lang Attribute

در واقع برای مشخص کردن زبان از این صفت استفاده میکنیم. که در واقع با اینکار داریم به ماشین های جست و جو و بروزرها کمک میکنیم. ضمنا اسم کشور رو هم میتونیم اضافه کنیم، مثال های زیر رو میتونید ببینید:

<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>


<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>

The title Attribute

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

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_single_double







html
شاید از این پست‌ها خوشتان بیاید