آموزش HTML در ده دقیقه - آشنائی با HTML

ما در مقاله قبلی با عنوان آموزش طراحی سایت در 30 دقیقه مقدماتی را مطرح کردیم ، لطفا ابتدا مقاله با لینک زیر را مطالعه کنید .

بخش اول از آموزش اچ تی ام ال

آشنایی با طراحی سایت ، شناخت اچ تی ام ال برای مبتدیان.

در حالی که بسیاری از راهنمایهای در اینترنت سعی می کنند HTML را با استفاده از نظریه های گیج کننده بسیاری آموزش دهند ، این آموزش در عوض بر ارائه مهارت های عملی برای ایجاد اولین سایت شما تمرکز می کند.

هدف این است که نحوه ایجاد اولین صفحه وب خود را بدون هزینه کل آموزش با تمرکز زیاد بر روی "چرا" به شما نشان دهد.

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

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

اچ تی ام ال HTML چیست؟

بسیار خوب ، بنابراین این تنها تئوری اجباری است. برای شروع نوشتن HTML ، اگر بدانید چه می نویسید ، کمک می کند.

اچ تی ام ال بزرگترین دستاورد وب است ، بدون آن با هیچ سایتی نداشتیم. آن بیشتر به یک معجزه شبیه است.

شما با یادگیری اچ تی ام ال و البته CSS به راحتی می توانید سایت طراحی کنید. هر سایت زیبائی را می توانید طراحی کنید.

اچ تی ام ال HTML زبانی است که وب سایت ها با آن نوشته می شوند. HTML کدهای قابل فهم مرورگرها مانند کروم می باشد. یعنی اگر با زبان های دیگر هم کد بنویسید در نهایت برای نمایش در مرورگر باید تبدیل به HTML شود.

کد مورد استفاده برای جذابیت بصری آنها به عنوان CSS شناخته می شود و ما در آموزش بعدی بر روی آن تمرکز می کنیم. در حال حاضر ، ما بر آموزش ساخت و ساز به جای طراحی تمرکز می کنیم.

تاریخچه HTML

اچ تی ام ال HTML برای اولین بار توسط تیم برنرز لی ( مخترع وب ) ، روبرت Cailliau و دیگران در سال 1989 ایجاد شد. HTML مخفف Hyper Text Markup Language است.

منظور از ابرمتن این است که سند حاوی پیوندهایی است که به خواننده اجازه می دهد به مکانهای دیگر سند یا به طور کلی به سند دیگری بپرد. آخرین نسخه با نام HTML5 شناخته می شود.

زبان نشانه گذاری راهی است که رایانه ها برای کنترل نحوه پردازش و ارائه متن با یکدیگر صحبت می کنند. برای انجام این کار ، HTML از دو چیز استفاده می کند: tags و attributes. تگ ها و ویژگی ها.

تگ ها و ویژگی ها چیست؟

تگ (برچسب ) ها و ویژگی ها اساس HTML هستند.

آنها با هم کار می کنند اما عملکردهای متفاوتی را انجام می دهند - ارزش تمایز دو دقیقه برای تمایز این دو را دارد.

تگ های HTML چیست؟

تگ ها برای نشان دادن شروع یک عنصر HTML استفاده می شوند و معمولاً در براکت های زاویه دار قرار می گیرند. یک مثال از یک برچسب عبارت است از: <h1>.

اکثر تگ ها برای عملکرد باید <h1> باز و بسته شوند </h1>.

ویژگی های HTML چیست؟

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

نمونه ای از یک ویژگی عبارت است از:

<img src = "mydog.jpg" alt = "عکسی از سگ من.">

در این مثال ، منبع تصویر (src) و متن alt (alt) ویژگی های برچسب <img> هستند.

قوانین طلایی برای به خاطر سپردن

اکثریت قریب به اتفاق تگ ها باید باز شوند (<tag>) و بسته شوند (</tag>) با اطلاعات عنصر مانند عنوان یا متن بین تگ ها.

هنگام استفاده از تگ های متعدد ، برچسب ها باید به ترتیبی که باز شده اند بسته شوند. مثلا:

<strong> <em> این واقعاً مهم است؟ </em> </strong>

ویرایشگرهای HTML

اکنون که نظریه اصلی را از سر راه برداشته ایم. زمان آن فرا رسیده است که نحوه ساخت اولین وب سایت خود را بیاموزیم.

در ابتدا ، ما باید اطمینان حاصل کنیم که ابزارهای مناسب را داریم. مهمتر از همه ، ما به ویرایشگر HTML نیاز داریم.

انتخاب های زیادی وجود دارد. من ویرایشگر نوت پد ++ را برای ابتدای کار پیشنهاد می دهم.

ویرایشگر ++Notepad

از گزینه های رایج برای HTML و دیگر برنامه نویسان زبان ، Notepad PLus plus است. این یک برنامه کوچک برای بارگیری و انجام توابع مورد نیاز برای نوشتن کد تمیز است.

نت‌پد++ (به انگلیسی: ‎Notepad++‎) یک ویرایش‌گر متن و ویرایش‌گر کد مبدأ آزاد برای ویندوز است.[۲] یکی از نقاط برتری نت‌پد++ بر ویرایش‌گر جاسازی شده در ویندوز نت‌پد، داشتن ویرایش‌گر تب‌دار است که کار را برای ویرایش هم‌زمان چند پروندهٔ باز شده آسان می‌سازد.
,ویکی پدیا

منتظر نوشته های آموزش در مورد HTML و CSS باشید ، خواندن هر کدام حدود کمتر از 10 دقیقه زمانی می برد و بعد شما طراح سایت خواهید بود .

متشکرم

داریوش زمانی وب برتر - شهریور 1400