در ابتدای آموزش اچی تی ام ال لازم است بدانید که html مخفف شده
Hyper
Text
Markup
Language می باشد و به معنی علامت گذاری استاندارد برای صفحات وب می باشد تمامی دستوات زبان برنامه نویسی html داخل <> قرار میگیرد و فرقی ندارد چه زبان برنامه نویسی سروری استفاده می کنید (php یا asp و…. ) تمامی زبان ها برای اجرا باید در داخل html قرار بگیرد حتی اگر شما بخواهید آموزش سئو ببینید و سئو سایت را یاد بگیرید نیز به آموزش html نیاز دارد . ما در ادامه قصد داریم به صورت کامل به شما یاد دهیم که چگونه برنامه نویسی html را انجام دهید با ما تا انتهای این آموزش همراه شوید و درصورتی که سوال نیز داشتید در انتهای همین بخش می توانید سوال خود را ارائه دهید تا کارشناسان ما در مدت زمان اندکی پاسخ شما را ارائه دهند
نصب ادیتور
ابتدا یک ادیتور که می تواند هر ادیتوری باشد و شما با جستجوی ادیتوری برنامه نویسی در اینترنت می توانید لیستی از آنها را مشاده نمایید ، یکی را به دلخواه دانلود نمایید پیشنهاد ما ادیتور Rapid PHP می باشد
باز و بسته کردن html
تمامی دستورات داخل یک <> ,</> قرار میگیرد که برای شروع <html> و برای پایان و بسته شدن تگ از </html> استفاده می شود مانند تصویر زیر
قسمت head
در این قسمت از html تمامی تگ هایی که کاربر در صفحه نمی تواند ببیند و تنها در زمان جستجو در صفحات نتایج گوگل مشاهده می شود مانند عنوان صفحه ،
متا دیسکریپسن ، تگ کنونیکال و تگ های شبکه های اجتماعی قرار میگیرد
تگ تایتل
عنوان هر صفحه در این تگ نوشته می شود
متا دیسکریپشن
در این قسمت برای هر صفحه یک توضیحات نوشته می شود . لازم به ذکر می باشد متن توضیحات در داخل content قرار میگیرد
تگ <body>
هر عنصری که بخواهد در صفحه نمایش داده شود در این قسمت قرار میگیرد مانند محتوا ، تصاویر و لینک ها و…
قرار دادن محتوا
برای قرار دادن محتوا از تگ <p> استفاده می شود دقیقا مانند تصویر زیر
قرار دادن تصویر
برای قرار دادن تصویر باید از تگ <img > استفاده کرد . در این تگ آدرس عکس در خصوصیت src قرار میگیرد و یک خصوصیت مهم دیگر در این تگ به نام ALT وجود دارد که زمانی که عکس به هر دلیل نمایش داده نمی شود ، این متن نمایش داده می شود
قرار دادن لینک
برای قرار دادن لینک نیز از تگ <a> استفاده می شود و در خصوصت href شما باید آدرس سایت مقصد را قرار دهید و متنی که قرار است لینک داده بشود و روی آن کلیک شود تا به وب سایت مقصد برسد بین دو تگ a قرار میگیرد مانند عکس زیر
تگ های <h>
این تگ ها از <h1> تا <h6> وجود دارند و برای فهرست بندی محتوا مورد استفاده قرار میگیرند . در اولویت بندی این تگ ها <h1> از همه مهمتر می باشد و <h6> از همه ضعیف تر.
تگ <ul>
برای لیست بندی محتوا استفاده می شود و برای هر ایتم نیز از <li> استفاده می شود
تگ <table>
برای کشیدن جدول نیز از <table> استفاده می شود . در این تگ از <tr> برای هر ردیف و از
<th
> برای سر ستون و هدر هر ستون و از <td> برای ایجاد سلول استفاده می شود .
