آموزش HTML – مرور مفاهیم

 

معرفی HTML

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

Html به معنای: (html: Hyper Text Markup Language) — (زبان نشانه گذاری شده فراتر از متن)

دلیل این نام گذاری این است که ما متنی را سرچ می‌کنیم و آن عکس یا ویدیو و … را به ما نشان می‌دهد.

نکته: زبان html فقط پیکر و بدنه سایت را طراحی می‌کند.

شروع کار با HTML

در مکان مورد نظر از طریق کلیک راست یک فایل text درست می‌کنیم و فرمت این فایل را به html یا htm تغییر می‌دهیم برای تغییر صحیح پسوند فایل به آدرس: Tools/ folder options/ view و در این قسمت تیک گزینه hide extensions for known file types را بردارید.

ما از ویرایشگر notepad++ استفاده می‌کنیم. ویژگی‌های این ویرایشگر محبوب: کم حجم و سریع بودن.

– چرا ما از این ویرایشگر استفاده می‌کنیم؟

ایجاد نکردن وابستگی به بعضی برنامه‌ها مانند: Adobe Dreamweave

برای شروع کار کافی است راست کلیک کرده و بر روی notepad++ کلیک کنیم.

نکته: همه چیز در html در قالب تگ ارائه می‌شود. تگ به معنای نشانه است

– تگ‌ها چه کاربردی دارند؟

تگ‌ها در واقع بیانگر شروع کاری هستند. برای مثال تمام صفحات وب توسط تگ html شروع می‌شوند و با تگ html بسته خاتمه پیدا می‌کنند.

<html>

</html>

نکته: همان‌طور که در بالا می‌بینید تمامی تگ‌ها بین علامت <> قرار می‌گیرند

نکته: تمام تگ‌های بسته (/) در کنارشان دارند.

به تگ‌هایی مانند تگ <html> تگ باز گویند و به تگ‌هایی مانند تگ </html> تگ بسته گویند، هر کاری که ما در صفحه وب می‌خواهیم انجام بدهیم باید بین این دو تگ (<html> و </html>) باشد.

– به چه تگ‌هایی تگ‌های زوج میگویند؟

به تگ‌هایی که تگ‌های باز و بسته مجزایی دارند تگ‌های زوج میگویند مانند تگ: <html>

– به چه تگ‌هایی تگ‌های فرد میگویند؟

به تگ‌هایی که تگ‌های باز و بسته مجزایی ندارند تگ‌های فرد گویند مانند تگ: <meta charset>

<meta charset=”uft-8” />

نکته: در داخل تگ html به طور مستقیم ما می‌توانیم فقط از ۲ تگ و استفاده کنیم:

<head>

</head>

<body>

</body>

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

وقتی ما می‌خواهیم فرزندان تگی را بنویسیم باید یک تو رفتگی ایجاد کنیم. این تو رفتگی را می‌توان با tab ایجاد کرد.

برای مثال:

<html>

                <head>

                </head>

                <body>

                </body>

</html>

– چرا وقتی می‌خواهیم صفحه وبی را توسط html ایجاد کنیم باید تورفتگی (دندانه دار نوشتن) ایجاد کنیم؟

۱- خوش ساختار باشد

۲- راحت بتوانیم آن را debug کنیم

۳- بتوانیم به راحتی در داخل آن بالا و پایین شویم

نکته: زبان html به ما هیچ اروری (خطا) نمی‌دهد و ما باید خودمان خطاهایمان را برطرف کنیم.

 

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

 

 

 

 




0 پاسخ

ارسال یک پاسخ

در گفتگو ها شرکت کنید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *