جلسه یازدهم آموزش html – متن تاکید شده

آموزش اچ تی ام ال
۰۹ بهمن
0

امروز با آموزش یه کد html تقریبا منسوخ شده در خدمتتون هستیم 🙂
این آموزش صرفا جهت یادگیری شماست و تقریبا هیچ گونه کاربردی در زبان فارسی نداره
اما در انگلیسی میتونین ازش استفاده کنین
وقتی در انگلیسی بخوان روی یک متن تاکید کنن اون متن رو یه مقدار کج مینویسن… قبلا بهتون مورب کردن متون رو آموزش دادیم.. این کد هم شبیه همون کد عمل میکنه
کافیه از تگ <em> مثل کد زیر استفاده کنین:

<!DOCTYPE html>
<html>
<head>
<title>جلسه یازدهم آموزش اچ تی ام ال آنزیم - متن تاکید شده</title>
</head>
<body>
matne mamooli<br>
<em>matne takid vA moshakhas shode</em>
</body>
</html>

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

جلسه هفتم آموزش html – تعیین عرض خطوط افقی

آموزش اچ تی ام ال
۱۲ دی
0

در جلسات قبل  نحوه ایجاد خطوط افقی و سایز و رنگ دهی به اون رو آموزش دادیم

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

<!DOCTYPE html>
<html>
<head>
<title>جلسه هفتم آموزش اچ تی ام ال - عرض دهی به خطوط افقی</title>
</head>
<body>
خط اول
<hr width="50%" size="10px" color="red">
خط دوم
<hr width="80%" color="green">
خط سوم
<hr color="blue">
</body>
</html>

کد آماده ی بالا رو در یک نوت پد کپی کنین و اون رو همانطور که در جلسه اول آموزش دادم به صورت یک سند html ذخیره کنین تا نتیجه ی کار رو ببینین.

در اینجا ما جلوی عبارت width از درصد استفاده کردیم. این به این معنیه که خط همون درصد از عرض صفحه ایجاد میشه..اگر بیشتر کنیم یا کمتر عرض خط هم تغییر میکنه. دلیل استفاده از درصد این هست که اگر پنجره ی مرورگر رو بزرگ یا کوچک کنیم سایز خط هم به تناسب همون پنجره تغییر میکنه یا به عبارتی ریسپانسیو میشه… و کل کدهای ریسپانسیوی که برای قالبها نوشته میشه تقریبا از همین شیوه استفاده میکنن.البته با چندتا ترفند دیگه

اگر بخوایم که مقدار عرض خط در اثر تغییر سایز پنجره مرورگر تغییر نکنه باید عبارت جلوی width رو به پیکسل نشون بدیم. مثل ۲۰۰px

عبارت px یادتون نره 🙂

کل فایل آماده ی این کلاس هم از باکس زیر قابل دانلود می باشد.

جلسه پنجم آموزش html – رنگ بندی خطوط افقی

آموزش اچ تی ام ال
۰۶ دی
0

با عرض سلام

با جلسه پنجم آموزش html در سایت آنزیم در خدمتتون هستیم…

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

در این جلسه به شما آموزش میدم که چطور رنگ های مختلفی برای این خطوط افقی در نظر بگیرین

برای این کار باید داخل کد <hr> عبارت “نام رنگ انتخابی”=color  را وارد کنین و در قسمت رنگ انتخابی باید نام رنگ به زبان انگلیسی را وارد کنیم. البته ناگفته نماند که فعلا از نام رنگ استفاده میکنیم و بعدا از کدهای مربوط به طیف های رنگی (مطابق استانداردهای جهانی) استفاده خواهیم کرد.

کد زیر رو در یک نوت پد وارد کنین و به عنوان یک سند html (همانطور که در جلسه اول گفته شد) ذخیره کنین تا شاهد نتیجه باشین

<!DOCTYPE html>
<html>
<head>
<title>جلسه پنجم آموزش اچ تی ام ال آنزیم - رنگ بندی خطوط افقی</title>
</head>
<body>
خط اول
<hr color="red">
خط دوم
<hr color="green">
خط سوم
<hr color="blue">
</body>
</html>

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