✅ به نام خدا
⭕️ جلسه هفتم(مشخصه ها یا صفت ها در Html)

💠 صفت ها در Html توضیحات بیشتری درباره المان ها میدهند.

💢 همه ی المان ها در html میتوانند attribute داشته باشند.
💢 صفت ها(Attributes) همیشه در اول تگ تعریف میشوند.

🌀 href Attribute

💢 تگ <a> یک هایپرلینک را تعریف میکند. صفت href تعیین میکند که لینک تعریف شده در صفحه به کجا هدایت شود:

<a href="https://www.Google.com">Html & Css </a>

❗️ در جلسات اینده در مورد لینک ها توضیحات بیشتری به شما میدهیم.

🌀 Src Attribute

💢 تک <img> برای وارد کردن عکس در صفحه استفاده می شود. تگ Src آدرس عکس را تعیین می کند:

<img src="img_Car.jpg">


🌀 Height and Width Attribute

💢 تگ img باید شامل اتریبیوت های width و height باشد. این صفت ها طول و عرض عکس را تعیین میکنند:

<img src="img_Car.jpg" width="500" height="600">


🌀 Title Attribute

💢 این attribute اطلاعات اضافه ای را در مورد یک المان نشان میدهد. مقدار وارد شده در این اتریبیوت به عنوان یک tooltip در بالای المان نشان داده میشود:

<p title="I'm a tooltip">This is a paragraph.</p>


❗️ نکته 1: همیشه از حروف کوچک برای attribute ها استفاده کنید. البته شما میتوانید هم 🔵از حروف کوچک استفاده کنید هم از حروف بزرگ ولی پیشنهاد ما به شما این است که از حروف کوچک استفاده کنید. مثلا به جای نوشتن TITLE بنویسید title.

❗️ نکته 2: همیشه از دابل کوتیشن استفاده کنید.
🔵 html به شما اجازه میدهد که از دابل کوتیشن استفاده #نکنید. ولی پیشنهاد ما به شما این است که استفاده کنید.
(در آینده خواهید فهمید)
✅ <a href="https://www.google.com">Visit our HTML tutorial</a>

❌ <a href="https://www.google.com">Visit our HTML tutorial</a>




✳️ خلاصه این فصل:

⭕️ همه ی عناصر در Html میتوانند Attribute داشته باشند.
⭕️ صفت href تعیین میکند که لینک تعریف شده به کدام صفحه هدایت شود.
⭕️ صفت Src آدرس عکس را در تگ img تعیین میکند.
⭕️صفت های height و width به ترتیب طول و عرض یک شکل یا عکس را تعیین میکند.
⭕️ صفت title اطلاعات اضافه ای را در مورد تگ تعیین میکند.

⚜️ آزمون این فصل در جلسات بعد گرفته میشود.

⌨️ @Html_Css100

✅ اتریبیوت title

⌨️ @Html_Css100

✅ به نام خدا
⭕️ جلسه هشتم(سرصفحه ها یا Heading در Html)

💠 سرصفحه ها در html عنوان هایی هستند که شما میخواید در صفحه Html مشاهده میکنید.

💢 سر صفحه ها در Html

سر صفحه ها در Html با تگ های <h1> الی <h6> تعیین میشود

🔰 تگ <h1> بزرگترین و مهم ترین سرصفحه است. تگ <h6> کم اهمیت ترین و کوچکترین سر صفحه است.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

💯 سر صفحه ها مهم هستند.
❗️تگ <h1> باید برای مهم ترین موضوع استفاده شود. هر چه شماره تگ ها بیشتر شود اهمیت آن کمتر میشود

❗️ موتور های جستجو برای دسته بندی ساختار وب سایت شما از سرصفحه ها استفاده میکنند.


💠 سر صفحه های بزرگتر !!!

⭕️ هر سر صفحه سایز پیش فرض خود را دارد. اگرچه شما میتوانید سایز همه ی سر صفحه هارا تغییر دهید. میتوانید این کار را به وسیله اتریبیوت Style و پراپرتی font-size انجام دهید

💢 مثال:
<h1 style="font-size:60px;">Heading 1</h1>


⚜️ آزمون این فصل در جلسات بعد گرفته میشود.

⌨️ @Html_Css100

💢 نمونه هایی از سرصفحه ها(Heading)

⌨️ @Html_Css100

‍ #html
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه

❇️ جلسه اول

💢 @Html_Css100

‍ ‍ #html
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه(آموزش تگ ها)

❇️ جلسه دوم

💢 @Html_Css100

‍ ‍ ‍ #html
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه(آموزش صفت ها)

❇️ جلسه سوم

💢 @Html_Css100

‍ ‍ ‍ ‍ #html
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه(آموزش سر صفحه ها)

❇️ جلسه چهارم

💢 @Html_Css100

‍ ‍ ‍ ‍ ‍ #html
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه(آموزش بولد کردن ، ایتالیک کردن و تگ های تو در تو)

❇️ جلسه پنجم

💢 @Html_Css100

‍ ‍ ‍ ‍ ‍ ‍ #html
✅ آموزش اچ تی ام ال و طراحی وب مفاهیم اولیه(آموزش تگ استایل)

❇️ جلسه ششم

💢 @Html_Css100

✅ لطفا پست های کانالمون رو به دوستاتون ارسال کنید تا کیفیت پست های کانال بهتر بشه❤️

💢 @Html_Css100