جلسه یازدهم آموزش 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 – تگ div

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

به نام خدا

در جلسه قبل درباره تگ span توضیح دادیم.

تگ div هم تقریبا همانند تگ span عمل میکنه…

شما با تگ div میتونین یک سند html روقسمت بندی کنین. با این کار می تونین برای هر قسمت تنظیمات و استایل خاصی در نظر بگیرین. در صورتی که اینکار رو انجام بدین هر متن یا عنصری که در تگ div مربوطه قرار بدین همون استایل مشخص شده رو قبول خواهد کرد.

در جلسات آینده در اینباره توضیحات مفصلی خواهیم داد

کد زیر یک نمونه ساده از کاربرد تگ div میباشد:

<!DOCTYPE html>
<html>
<head>
<title>جلسه دهم آموزش اچ تی ام ال آنزیم - تگ div</title>
</head>
<body>
<!--Div can be used to group elements-->
<div>
tag div aval
<input type="text">
<input type="text">
<input type="text">
</div>
<div>
tag div 2vom
<input type="text">
<button> دکمه برای نمونه</button>
</div>
</body>
</html>

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

جلسه نهم آموزش html – تگ span

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

این جلسه آموزشی آنزیم خیلی کوتاهه
در این جلسه به شما تگ span رو آموزش میدیم.
تگ span در واقع تکه ای از متن رو نشونه گذاری میکنه. (همانند تگ div که در جلسه ی بعد در باره تگ div صحبت میکنیم). نشونه گذاری متنها چه کاربردی داره؟
کاربردش در این هست که شما میتونین به اون تکه متنی که نشونه گذاری کردین و یا به عبارتی با تگ span مشخص کردینش استایل خاصی بدین.مثلا اون متن رو bold کنین و یا فونتش رو تغییر بدین.
در اینجا توضیح بیشتری نمیدم. چون باعث سردرگمی شما میشه.. در کلاسهای بعدی با استفاده از تگ span و div کارهای فوق العاده ای رو انجام خواهیم داد.
به مثال زیر توجه کنین که یک نمونه ی ساده از تگ span هست.

<!DOCTYPE html>
<html>
<head>
<title>جلسه نهم آموزش اچ تی ام ال آنزیم - تگ اسپن</title>
</head>
<body>
<span>این یک متن ساده در یک تگ ساده ی اسپن است</span> این یک متن ساده بدون اسپن است.
</body>
</html>

توجه کنین که تگ span به تنهایی هیچ تاثیر ظاهری روی متن شما نخواهد گذاشت!
فایل این جلسه رو در زیر میتونین دانلود کنین

جلسه پنجم آموزش 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>

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

 

جلسه سوم آموزش html – تگ پاراگراف

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

در این جلسه میخوام تگ پاراگراف رو بهتون آموزش بدم
تگ پاراگراف به صورت <p> باز میشه و به صورت <p/> بسته میشه که وسطش هر متنی قرار بگیره به عنوان یک پاراگراف به اچ تی ام ال معرفی میشه.
پاراگراف ها میتونن استایل خاص خودشون رو داشته باشن…بعدا در کلاسهای آموزشی جلوتر آموزش استایل دهی رو هم براتون میذارم.
خب ؛نت پد را باز کنین و کدهای زیر رو توش کپی کنین و همونطور که در کلاس اول توضیح دادم به صورت یک سند اچ تی ام ال دخیره اش کنین تا ببینین چی میشه….

<!DOCTYPE html>
<html>
<head>
<title>جلسه سوم آموزش اچ تی ام ال  آنزیم - تگ  پاراگراف</title>
</head>
<body>
<p>اولین پاراگراف</p>
<p>دومین پاراگراف</p>
<p>سومین پاراگراف</p>
<p>چهارمین پاراگراف</p>
</body>
</html>

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