Alireza Alireza پنجشنبه 19 بهمن 1396 04:58 ب.ظ نظرات ()

آموزش اصول html


به نام خدا

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

آشنایی با زبان نشانه گذاری HTML

HTML از سرواژه های Language Markup Text Hyper و زبان استاندارد طراحی صفحات وب است.

یک سند HTML یک پرونده مبتنی بر متن (based–Textو دارای مجموعه ای از دستورات است که برچسب (tagنام دارند و قالب بندی صفحه را تعیین میکنند.

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

یک فایل HTML الزاما دارای دو پسوند .html و htm. باشند.

شما می توانید برای ایجاد فایل HTML از یک ویرایشگر متنی ساده مثل Notepad استفاده کنید.

 

ایجاد اولین صفحه وب

برای شروع نمی خوام شما را زیاد اذیت کنم و به همین دلیل از همون برنامه Notepad استفاده می کنم و در جلسات بعدی حتما Notepad ++ نصب کنید و با اون آموزشارو پیش ببرید.

برنامه Notepad را اجرا کنید که یکی از نرم افزارهایی است که هنگام ویندوز نصب می شود و داخل تمام ویندوزها وجود دارد.

 

کد زیر را داخل Notepad تایپ کنید:

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<body/>
<html/>

در انتها فایل را با پسوند .html ذخیره کنید.


اطلاعات ذخیره فایل HTML


در کادر قرمز رنگ اولی نام فایل با پسوند .html تایپ می کنیم.

در کادر قرمز رنگ دومی "Encoding" را به UTF-8 تغییر بدید و در نهایت فایل را ذخیره کنید.

خب،حالا فایل HTML ذخیره شده را با کمک یکی از مرورگرهای ویندوزتان باز کنید (روی فایل دو بار کلیک کنید یا راست کلیک کنید "Open with " را انتخاب کنید)

اولین برچسب در فایل HTML شما،تگ <html> می باشد.این تگ مرورگر شما را متوجه می سازد که این یک فایل HTML است و این تگ به این صورته که <html> شروع می شود و با <html/> به پایان می رسد.

تگ <body> ظاهر سایت شما را مشخص می کند و به صورت کلی شما اون چیزایی که توی سایت می بینید داخل این تگ قرار می گیرد و با <body> شروع می شود و با <body/> به پایان می رسد.

سرتیتر و عنوان ها با استفاده از تگ <h1> تا <h6> مشخص می شود.

<h1> مهم ترین عنوان را تعریف می کند و هر چه از <h1> به <h6> نزدیک می شویم عنوان ما کوچک تر می شود.

پاراگراف ها و متن های HTML با تگ <p> تعریف می شود.

فعلا تا همینجا کافیه لطفا کدها را کپی نکنید و فقط تایپ کنید تا کاملا یاد بگیرید.


 

فیلم آموزشی به زودی اضافه می شود...