بایگانی

Archive for the ‘HTML’ Category

آموزش HTML بخش آخر‌: معرفی W3Schools


متاسفانه مدتی می‌شه که دیگه نمی‌تونم آموزش‌های مربوط به HTML رو ادامه بدم‌. یکی از دلایلش مشغله‌ی زیاد این روز‌هام توی اینترنت هست‌، که دیگه تقریبا وقت برای همچین روش آموزشی نمی‌گذاره‌. ( البته با توجه به این که خودم هم داشتم همزمان با همین آموزش‌های یاد می‌گرفتم می‌گم ).

یه دلیل دیگش هم یه منبع آموزشی خیلی عالی هست که چند وقتیه باهاش آشنا شدم ( البته خیلی وقته می‌شناختمش‌، ولی تا به حال تجربش نکرده بودم). آموزش‌های موجود توی سایت W3Schools در زمینه‌ی طراحی وب و توسعه‌ی وب بی‌نظیر هستند‌. طبقه‌بندی مناسب مطالب و مثال‌های کاربردی‌، در کنار هر موضوع می‌تونه به درک خیلی راحت مخاطب کمک کنه‌. از طرفی ابزار تست آنلاین کد که در بیشتر آموزش‌هاش کنار دستتونه‌، این امکان رو می‌ده که با خیال راحت کد بزنین و نتیجه‌اش رو ببینین‌.

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

Advertisements
دسته‌ها:HTML, دوره برچسب‌ها: , , ,

آموزش HTML بخش 4


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

پیوند یا لینک‌، امکان دسترسی و ارجاع آسان کاربر را به صفحات مختلف در سرتاسر وب و یا حتی در یک صفحه فراهم می‌کند. لذا نحوه‌ی استفاده‌ی درست از تگ‌های پیوند و ایجاد میانبر‌های مناسب می‌تواند، به کاربری آسان صفحه‌ی وب کمک زیادی کند!

عموما یک لینک در صفحه‌ی HTML ساختاری برابر با چیزی که در زیر می‌بینید دارد‌:

[html]
<a href="http://shahinism.com">Shahin’s personal weblog</a>
[/html]

همانطور که می‌بینید تگ A مختص ایجاد پیوند می‌باشد‌. همچنین برای تعیین مقصد لینک‌، از پارامتر href استفاده می‌شود. در اینجا لینکی به صورت Shahin’s personal weblog ایجاد کردیم‌! حال فرض کنید که می‌خواهیم، این لینک بر روی یک عکس اعمال شود‌، به طوری که پس از کلیک بر روی عکس‌، کاربر به سمت این وبلاگ راهنمایی شود‌. برای این کار از تگ a و image به صورت زیر استفاده می‌کنیم‌.

[html]
<a href="http://shahinism.com"><img src="1.jpg" alt="Shahin’s Blog" /></a>
[/html]

همانطور که می‌بینید‌، با مخلوط کردن این دو تگ به سادگی توانستیم بر روی یک عکس مقدار لینک مورد نظر را اعمال کنیم‌. شاید تا کنون دیده‌اید که بعد از کلید بر روی یک لینک به بخش خاصی از صفحه مثلا به وسط صفحه‌ی حاضر و یا حتی صفحه‌ی دیگر منتقل می‌شوید‌. این‌جاست که با مفهومی به نام Anchor یا لنگر آشنا می‌شویم‌. برای درک بهتر موضوع می‌توانید به این پست خوب در وبلاگ «‌با اینترنت‌» مراجعه کنید‌، که به صورت عملی در محیط وردپرس این مفهوم را آموزش داده‌. و حالا ما قصد داریم‌، که آن را از نظر کد بررسی کنیم‌:

برای این‌کار ابتدا باید مقصد را معین کنیم‌. لذا به صورت زیر عمل می‌کنیم‌:

[html]
<a name="middle"></a>
[/html]

همانطور که می‌بینید برای تعیین کردن مقصد به تنهایی از تگ name استفاده کردیم‌. بدیهیست که می‌توانید با دیگر پارامتر‌هایی که تا کنون یاد گرفتید‌، خواص دیگری را به این بخش از صفحه بیافزایید‌! و حالا برای لینک کردن به این بخش از صفحه نیز‌، کافیست به صورت زیر عمل کنیم‌:

[html]
<a href="#middle"></a>
[/html]

همانطور که دیدید کافیست که جلوی آدرس مقصد‌، اسم مقصد را بعد از یک # قرار دهیم‌. همچنین‌، در صورتی که بخواهید از صفحه‌ی دیگری به این لنگر در صفحه‌ لینک کنید‌، کافیست بعد از نوشتن آدرس صفحه‌، اسم لنگر را بعد از یک # وارد کنید‌.
حتما تا کنون متوجه شده‌اید که لینک‌ها در صفحه‌های مختلف رنگ‌های مختلفی دارند‌. و در برابر عمل‌های مختلف با تغییر رنگ واکنش نشان می‌دهند‌. برای تعیین این رنگ‌ها می‌توانید از پارمتر‌های Alink, Vlink در تگ body استفاده کنید‌، که به ترتیب تعیین کننده‌ی رنگ لینک‌های رویت شده‌، رنگ لینک‌های رویت نشده می‌باشند‌. نمونه‌ای از استفاده از این پارامتر‌ها را در نمونه‌ی زیر می‌بینید‌:

[html]
<body alink=yellow vlink=Red>
</body>
[/html]

رنگ‌لینک‌ها در این صفحه زرد تعیین شده و رنگ لینک‌هایی که قبلا رویت شده‌، قرمز می‌شود‌. حال اگر بخواهیم‌ که کاربر این توانایی را داشته باشد که با کلید Tab بین لینک‌ها پیمایش کند‌، می‌توانیم با اختصاص پارامتر tabindex به تگ A و تعیین یک شماره‌، ترتیب پیمایش را معین کنیم‌:

[html]
<a href="http://shahinism.com&quot; tabindex=1>Shahinism</a>
<a href="http://google.com&quot; tabindex=2>Google</a>
[/html]

و اگر بخواهیم این قابلیت را به کاربر بدهیم که بتواند با کلید‌های کیبورد لینک مورد نظر را انتخاب کند‌، یا به عبارتی میانبری برای کیبورد تعیین کنیم به صورت زیر از تگ Accesskey استفاده می‌کنیم‌:

[html]
<a href="http://shahinism.com&quot; tabindex=1 accesskey=s>Shahinism</a>
<a href="http://google.com&quot; tabindex=2 accesskey=g>Google</a>
[/html]

در این کد کاربر می‌تواند با زدن کلید S به سایت شاهینیسم و کلید G به سابت گوگل برود‌. لازم به ذکر است که در مرورگر IE باید برای استفاده از این کلید‌ها از آن‌ها به صورت ترکیبی با کلید Alt استفاده شود‌.
نکته‌ی آخر این که اگر می‌خواهید برای لینک خود یک لیبل تعیین کنید می‌توانید از تگ title همانطور که برای عکس‌ها در دروس قبل استفاده می‌شد‌، استفاده کنید‌.

دسته‌ها:HTML, دوره برچسب‌ها:

آموزش HTML بخش 3


سلام و با عرض پوزش خدمت شما دوستان‌، بابت تاخیری که در انتشار ادامه‌ی این سری آموزش رخ داد‌، می‌خواهم به ادامه‌ی آموزش بپردازم‌.

تا این‌جای کار توانستیم ساختار کلی یک فایل HTML را درک کنیم‌، و هم چنین با مقداری از تگ‌ها برای نظم‌دهی و ایجاد یک تایپو‌گرافی مناسب در صفحات HTML مان آشنا شویم‌. امروز می‌خواهیم با شیوه‌ی استفاده از عکس در صفحه‌یمان بیشتر آشنا شویم و همچنین مقداری به نحوه‌ی چینش اجزا در صفحه بپردازیم‌.

در دو فصل قبل با پارامتر‌هایی از تگ Body نظیر‌، text‌و bgcolor آشنا شدیم‌. پارامتر بعدی که امروز قصد معرفی آن را داریم‌، background است. همانطور که حتما از اسم این پارامتر متوجه شده‌اید‌، از آن به عنوان تعیین کننده‌ی تصویر به عنوان پس زمینه‌ی سند استفاده می‌شود‌. به نمونه‌ای از استفاده از این تگ در کد زیر توجه کنید‌:

[html]
<html>
<head>
<title>Shahin</title>
</head>
<body bgcolor=black background="pic1.jpg">
</body>
</html>
[/html]

مقدار این پارامتر را باید در «» قرار دهید‌. و توجه داشته باشید که در صورتی که عکس در پوشه‌ی دیگری غیر از پوشه‌ی سند HTML‌مان قرار داشت‌، باید حتما آدرس کاملی که به عکس اشاره می‌کند را به جای مقدار قرار داد‌.

تا این‌جای کار توانستیم که عکسی را به عنوان پس زمینه در سند قرار دهیم‌. حال اگر بخواهیم عکس را در کنار نوشته‌ها و دیگر اجزای صفحه قرار دهیم‌، چاره چیست‌؟
این‌جاست که تگ IMG وارد عمل می‌شود‌. این تگ از نوع اول تگ‌هایی است که در ابتدا معرفی کردیم‌. و دارای پارمتر‌هایی است که در ادامه‌ی مثال بعدی توضیح خواهم داد‌‌:

[html]
<html>
<head>
<title>Shahin</title>
</head>
<body bgcolor=black>
<img src="pic1.jpg" title="My First Pic" alt="Here is a Picture" height=200 width=200 align=right>
</body>
</html>
[/html]

همانطور که می‌بینید ما به همراه این تگ از چند پارامتر اضافه نیز استفاده کردیم‌، که به غیر از پارمتر src مابقی اختیاری است‌، ولی در صورت موجود بودن می‌تواند به SEO در صفحه‌ی وب شما کمک کند‌. پارامتر اول یعنی src یا همان سورس‌، در این‌جا تعیین کننده‌ی محلی است که قرار است تصویر از آن‌جا بار‌گذاری شود‌ -‌چیزی است شبیه به مقدار پارمتر background که در بالا توضیح دادم‌. –
پارامتر بعدی یعنی title یک تولتیپ به عکس شما اضافه می‌کند و مقدار روبرویش را در آن می‌نویسد‌. و پارمتر سوم بعنی alt نیز در صورتی که به هر دلیلی مرورگر نتواند تصویر را بار‌گذاری کند‌، مقدار روبرویش را به جای عکس می‌نویسد‌. پارامتر‌های چهارم و پنجم یعنی height و width طول و عرض عکس را تعیین می‌کنند‌. در صورتی که هر دوی این پارامتر‌ها و یا یکی از آن‌ها را تعیین نکنیم‌، مرورگر از سایز اصلی تصویر برای آن مقدار استفاده می‌کند‌.
پارامتر آخر یعنی align جهت چینش تصویر را مشخص می‌کند‌. در مثال فوق تصویر راست چین شده است‌. برای درک بهتر این پارمتر به مثال زیر توجه کنید‌:

[html]
<html>
<head>
<title>Shahin</title>
</head>
<body text=white bgcolor=black>
<img src="pic1.jpg" title="My First Pic" alt="Here is a Picture" height=200 width=200 align=right>
Hi This is Text 1
<br>
This is Text 2
<br clear=right>
This is Text3
</body>
</html>
[/html]

چنان‌که می‌بینیند‌، متن‌های اول و دوم حتی با وجود تگ BR قبل از دومی باز‌ هم در کنار تصویر نوشته می‌شوند‌. در صورتی که متن‌های موجود در این دو خط به قدری بزرگ شوند که به تصویر برسند‌، شکسته و به خط بعد می‌روند‌. حال اگر بخواهیم متن بعد از تصویر شروع به نمایش کند‌، می‌توانیم از تگ BR همراه با پارامتر Clear و مقدار align موجود در پارامتر‌های مربوط به عکس چنان‌که در مثال می‌بینیم استفاده کنیم‌.

دسته‌ها:HTML, دوره برچسب‌ها: ,

آموزش HTML بخش ۲


خوب‌، در بخش اول با ساختار کلی یک سند HTML آشنا شدیم‌، و نحوهٔ ایجاد آن را یاد گرفتیم‌. در این بخش می‌خواهیم با امکاناتی که برای تایپوگرافی در HTML قرار داده شده آشنا شویم‌.

نکته‌: بعضی از تگ‌های استفاده شده در این آموزش در نسخهٔ جدید HTML دیگر جایی ندارند‌، و آن هم به دلیل استفاده از CSS در کنار HTML است‌. ولی آشنا شدن با آن‌ها می‌تواند کمک فراوانی به یاد‌گیری سریع‌تر CSS -که در آینده قصد بر آن داریم- کند‌.

انواع تیتر‌ها‌:

در HTML تگ‌هایی برای شناساندن تیتر‌ها به مرور‌گر و در نتیجه نمایش مناسب آن‌ها در نظر گرفته شده است که ساختاری برابر <Hn> دارند‌. در این نوع تگ حرف n برابر با مقداری است که از یک شروع می‌شود‌، و به نسبت بزرگ‌تر شدن این مقدار‌، اندازهٔ تیتر به کوچک‌تر شدن میل می‌کند‌. برای درک بهتر این موضوع سعی می‌کنیم‌، در صفحه‌ای که قبلا ساختیم یک تیتر ایجاد کنیم‌:

[bash]
<html>
<head>
<title>First HTML!</title>
</head>
<body text="yellow" bgcolor="brown">
<h1>Hello World</h1>
</body>
</html>
[/bash]

نتیجهٔ این کد برابر با تصویر زیر می‌باشد‌. همانطور که می‌بینید عبارت Hello World به صورت بزرگ نوشته شده است‌.


برای درک بهتر مقدار n در <Hn> از دو مقدار دیگر <h2><h3> به صورت زیر استفاده می‌کنم‌:

[bash]
<html>
<head>
<title>First HTML!</title>
</head>
<body text="yellow" bgcolor="brown">
<h1>Hello World</h1>
<h2>This is an HTML Document</h2>
<h3>Season 2<h3>
</body>
</html>
[/bash]

همانطور که می‌بینید عبارات نوشته شده با اندازه‌های متفاوت به نمایش در آمده‌اند‌. یکی از مهم‌ترین مزایای استفاده از این تگ‌ها در Seo است که به موتور‌های جستجو امکان می‌دهد که به راحتی بخش‌های مختلف سند را درک کنند‌.

انواع نوشته‌ها‌:

  • Bold : برای نوشتن به صورت تو پر یا همان bold از تگ <b></b> استفاده می‌شود‌.
  • Italic : برای نوشتن به صورت مورب نیز از تگ<i></i> استفاده می‌شود‌.
  • Strike : برای نوستن به صورت رو خط دار از تگ <strike></strike> استفاده می‌شود‌.
  • Underline : برای نوشتن به صورت زیر خط دار از تگ <u></u> استفاده می‌شود‌.

خوب می‌خواهیم صفحهٔ ساخته شدمان را اندکی زیبا‌تر کنیم؛ برای این کار از تگ‌هایی که اخیرا یاد گرفتیم استفاده می‌کنیم‌:

[bash]
<html>
<head>
<title>First HTML!</title>
</head>
<body text="yellow" bgcolor="brown">
<h1>Hello World</h1>
<h3>This is an HTML Document <i>season #2</i></h3>
This is an free tutorial for <b>HTML</b> from <b><u>shahinism.com</u></b>
</body>
</html>
[/bash]

همانطور که می‌بینید توانستیم با تگ‌هایی ساده یک تایپوگرافی معقول ایجاد کنیم‌. تنها نکته‌ای که در مثال اخیر باید مورد توجه قرار گیرد‌، این قسمت است‌: <b><u>shahinism.com</u></b>همانطور که می‌بینید از دو تگ زیر خط و نوشتهٔ تو پر به صورت همزمان استفاده شده‌. ولی تگ‌ها از آخر به اول بسته شده‌.

موقعیت نوشته‌:

برای تعیین موقعیت نوشته‌ها نیز در HTML امکاناتی در نظر گرفته شده‌. که به تعدادی از آن‌ها اشاره می‌کنیم‌:

  • Center: برای وسط‌چین کردن نوشته استفاده می‌شود‌.
  • <br> : برای شکستن خط و شروع در خط جدید مورد استفاده قرار می‌گیرد‌.
  • <sub> و <sub> : که برای نمایش اندیس و توان مورد استفاده قرار می‌گیرد‌.

اکنون می‌خواهیم با کد‌هایی که یاد گرفتیم تغییرات دیگری را نیز در سند ایجاد کنیم‌:

[bash]
<html>
<head>
<title>First HTML!</title>
</head>
<body text="yellow" bgcolor="brown">
<center><h1>Hello World</h1></center>
<h3>This is an HTML Document <i>season <sub>#2</sub></i></h3>
This is an free tutorial for <b>HTML</b> from: <br><b><u>shahinism.com</u></b>
</body>
</html>
[/bash]


همانطور که در تصویر زیر می‌بینیم #۲ مقداری به پایین منتقل شده‌، هم‌چنین آدرس سایت نیز با توجه به اینکه در ادامهٔ خط نوشته شده‌، ولی پایین‌تر آمده‌. واضح‌ترین تغییر نیز در این مثال عبارت Hello World است که به وسط صفحه تغییر مکان داده‌.

تغییر قلم‌:

برای تغییر قلم نوشته (فونت‌) نیز می‌توانید از تگ فونت استفاده کنید‌. نمونه‌ای از استفاده از این قلم را در کد زیر ببینید‌:

[bash]
<html>
<title>Font Change</title>
</html>
<body>
Hi my friends <font face="tahoma" size=24 color=red>in this page we have 2</font> different font.
</body>
</html>
[/bash]

نتیجه‌ی مثال زیر را در تصویر زیر می‌بینیم‌:

لازم به ذکر است‌، مرور‌گر‌ها به صورت پیش‌فرض فونتی را برای نمایش نوشته در نظر می‌گیرند که با مراجعه به بخش تنظیمات هر مرورگر قابل تغییر است‌. فونت تعیین شده در کد بالا در صورتی که روی سیستم کاربر موجود باشد‌، نمایش داده می‌شود‌، در غیر این صورت از فونت پیش‌فرض استفاده می‌شود‌. در بخش آموزش CSS روشی از CSS3 را می‌آموزیم که این نقظه ضعف را پوشش می‌دهد‌.

دسته‌ها:HTML, دوره برچسب‌ها: , , ,

آموزش HTML بخش ۱

آوریل 21, 2011 2 دیدگاه

HTML تشکیل شده از سر حرف کلمات Hyper Text Markup Language است‌. از این زبان برای طراحی صفحات وب استفاده می‌شود‌. در حقیقت حتی در صورت استفاده از زبان‌های برنامه‌نویسی PHP یا ASP و… صفحهٔ نهایی وب به صورت HTML به نمایش در می‌آید‌. در این دوره از آموزش قصد بر استفاده از این زبان برای طراحی صفحات ایستا داریم‌.
اکنون به چند نکتهٔ عمومی دربارهٔ زبان HTML می‌پردازم‌:

  • صفحات تولید شده با زبان HTML با پسوند .htm یا .html ذخیره می‌شوند‌.
  • در این زبان کوچک یا بزرگ بودن حروف مهم نمی‌باشد‌.
  • کلید‌هایی که در این زبان مورد استفاده قرار می‌گیرد‌، تگ نامیده شده و با <> مشخص می‌شود‌.
  • تگ‌ها به سه دستهٔ کلی تقسیم می‌شوند‌:
  1. تگ‌هایی مانند که می‌تواند در هر کجای صفحه به صورت انفرادی مورد استفاده قرار می‌گیرد‌.
  2. . تگ‌هایی که ابتدا و انتهای مشخصی دارند‌. مانند تگ که برای نمایش نام صفحه مورد استفاده قرار می‌گیرد‌. در این نوع تگ‌ها کلمات یا عناصری که قرار است در صفحه به نمایش در آید‌، بینشان نوشته می‌شود‌.
  3. دستهٔ سوم تگ‌هایی هستند که علاوه بر مشخص کردن ابتدا و انتهایشان‌، باید پارامتر‌هایی برایشان تعیین شود‌. مانند‌: . در رابطه با این تگ در ادامه بیشتر توضیح خواهم داد‌.

برای شروع کار‌، سعی می‌کنیم که یک صفحهٔ سادهٔ html ایجاد کنیم‌. پس ویرایشگر خود را باز کنید و با ادامهٔ مطلب همراه باشید‌.
همانطور که در ابتدای بخش گفتم‌، یک صفحهٔ HTML متشکل از تگ‌های متفاوتی است‌. برای شروع می‌خواهیم ابتدا و انتهای تگ‌هایمان را تعیین کنیم‌:

[html]
<html>
.
.
.
</html>
[/html]

این تگ‌ها محدودهٔ کد‌های یک صفحهٔ HTML را تعیین می‌کنند‌. به طور کلی یک صفحهٔ HTML از دو بخشه Head و Body تشکیل شده است‌. بخش Head مربوط به ابزار‌ها و شناسنامهٔ صفحهٔ وب ما می‌باشد‌. عموما تگ‌های استفاده شده در این بخش در صفحه نمایش داده نمی‌شود‌. از این تگ برای تعیین نام صفحه‌، کلمات کلیدی صفحه و یا بار گذاری ابزار‌های Javascript و یا دیگر ابزار‌ها مورد استفاده در صفحات HTML استفاده می‌شود‌. حال این بخش را به صفحهٔ ساخته شده‌مان اضافه می‌کنیم‌.

[html]
<html>
<head>
.
.
</head>
,
,
</html>
[/html]

همانطور که می‌بینید برای خوانایی بیشتر سعی می‌شود در نوشتن کد‌ها به صورت والد و فرزند‌، تو رفتگی‌هایی ایجاد شود‌. این کار کاملاً سلیقه‌ایست‌. حال به ادامهٔ کار بر می‌گردیم‌. می‌خواهیم برای صفحه‌ای که داریم می‌سازیم‌، نامی تعیین کنیم که در میلهٔ نام مرورگر نمایش داده شود‌. برای این کار از تگ به صورت زیر استفاده می‌کنیم‌:

[html]
<html>
<head>
<title>First HTML!</title>
</head>
</html>
[/html]

نتیجهٔ کار در مرورگر به صورت زیر نمایش داده می‌شود‌:

حالا می‌خواهیم‌، بخش دوم صفحه‌، یعنی بدنهٔ آن را تعیین کنیم‌. برای این کار به صورت زیر عمل می‌کنیم‌:

[html]
<html>
<head>
<title>First HTML!</title>
</head>
<body>
Hello World
</body>
</html>
[/html]

همانطور که می‌بینید تگ Body به سند HTMLمان افزوده شد‌. بر اساس گفته‌های گذشتهٔ من می‌دانیم که هر عنصر یا نوشته‌ای که بین این تگ قرار گیرد‌، در صفحهٔ نهایی نمایش داده می‌شود‌. ما در این‌جا پیغام Hello World را چاپ می‌کنیم‌.
همچنین باید اضافه کنم که تگ Body از نوع سوم تگ‌هایی است که در ابتدا معرفی کردم‌. یعنی می‌توان به پارامتر‌های آن مقدار دهی کرد‌. البته‌، در این کار اجباری نیست‌، ولی برای شروع کار بد نیست که این کار را انجام دهیم‌.

[html]
<html>
<head>
<title>First HTML!</title>
</head>
<body text="yellow" bgcolor="brown">
Hello World
</body>
</html>
[/html]

نتیجهٔ کار به صورت زیر است‌:

در اینجا ما به دو پارامتر text و bgcolor مقدار دهی کردیم‌. پارامتر text که رنگ زرد را در این کد به آن افزودیم‌، تعیین کنند رنگ متن موجود در تگ body می‌باشد‌. و تگ bgcolor نیز‌، که با رنگ قهوه‌ای تعیین شده‌، پس‌زمینه را برایمان رنگ‌آمیزی می‌کند‌! همچنین می‌توان برای تعیین رنگ در صفحات HTML از کد هگز به صورت #ff88ff نیز استفاده کرد‌. خوبی استفاده از این نوع کد این است که انتخاب بیشتری برای تعیین نوع رنگ‌ها در دستمان است‌.
نکته‌: لازم به ذکر است که برای دیدن نتیجهٔ کار‌، متن نوشته شده در ویرایشگر را با یک نام دلخواه برای مثال به صورت‌: test۱. html ذخیره کنید و با یک مرورگر نظیر Firefox فایل ساخته شده را باز کنید‌.
بخش اول آموزش در این‌جا به پایان رسید‌. منتظر ادامه آن باشید‌.

دسته‌ها:HTML, دوره برچسب‌ها: , ,