قالب وردپرس

افزونه وردپرس

آموزش وردپرس

دانلود قالب وردپرس,دانلود افزونه وردپرس,دانلود پوسته وردپرس

قالب وردپرس رایگان,افزونه وردپرس رایگان,پوسته وردپرس رایگان
روز تم
خانه / آموزش طراحی سایت با html / آموزش مقدماتی و گام به گام HTML
html5-coursebit

آموزش مقدماتی و گام به گام HTML

آموزش مقدماتی و گام به گام HTMLReviewed by روز تم on Mar 12Rating: 5.0

آموزش مقدماتی و گام به گام HTML – درس 1

 

با عرض سلام و خسته نباشید خدمت همراهان عزیز سایت روز تم

این بار در خدمتان هستیم با آموزش مقدماتی و گام به گام HTML .

آموزش مقدماتی و گام به گام HTML

معنی  HTML :

به زبان ساده یک صفحه وب یا سند HTML یک فایل متنی ساده است که با استفاده ازHypertext Markup Language (HTML)

یا زبان علامت گذاری فرامتنی نوشته شده است تا با فرمت ها و قالب های زیبا درون یک مرورگر نمایش داده شوند . در اینجا معنی HTML را به صورت کلمه به کلمه می بینید :

Hypertext : متنی که وقتی روی آن کلیک میکنید از یک سند به یک سند دیگر میروید . این توانایی یک صفحه وب برای ایجاد لینک به یک صفحه وب دیگر است .

Markup : تگ یا برچسب هایی که چیدمان و قالب گرافیکی را روی یک متن ساده اعمال میکنند .

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

آشنایی با تگ های HTML  :

کد درون یک فایل HTML حاوی متنی است که درون تگ ها ( tag ) قرار میگیرد . این تگ ها نشان دهنده جایی هستند که یک قالب بندی باید اعمال شود و چگونگی ظاهر شدن چیدمان عناصر را تعیین میکنند و به عنوان مثال مشخص میکنند که یک تصویر باید در یک مکان خاص ظاهر شود .

به عنوان مثال فرض کنید که میخواید یک عبارت خاص به صورت ایتالیک ظاهر شود مانند این :

Everything is on sale .

در HTML برخلاف برنامه های واژه پرداز هیچ دکمه ایتالیک وجود ندارد که روی آن کلیک کنید تا متن ایتالیک شود . بنابراین باید عبارتی که میخواهید ایتالیک شود را تگ بزنید . کدی که باید مشخص کنید ایتالیک کردن از کجا شروع شود به صورت <i> است ( تگ باز ) و کدی که مشخص میکند ایتالیک کردن کجا خاتمه پیدا کند به صورت </i> می باشد ( تگ بسته )  . کد HTML شما برای متن بالا چیزی مانند این خواهد بود :

<i>Everything</i> is on safe .

معرفی تگ <img> :

تگ <img> نسبت به تگ <i> متفاوت است . ابتدا این یک تگ یک طرفه است یعنی دارای تگ بسته نیست و خاصیت هایی را دریافت میکند . یک خاصیت متنی درون یک تگ است که حاوی اطلاعاتی درباره چگونگی رفتار تگ است . به عنوان مثال برای یک تگ <img> باید مکان فایل گرافیکی را نیز مشخص کنید که کد منبع نام دارد . برای انجام این کار از خاصیت src استفاده می شود :

<img src=”tree.gif”>

این تگ <img> از خاصیت src= استفاده کرده و با استفاده از آن تعیین میکند که فایل tree.gif باید نمایش داده شود .

معرفی تگ هایپرلینک :

تگ برای یک هایپرلینک به صورت <a> است که یک تگ دو طرفه می باشد اما بدون استفاده از خاصیت مشخص کننده مکان هدف بدون استفاده است . به عنوان مثال برای ایجاد یک هایپرلینک روی عبارت ( اینجا کلیک کنید ) که باعث باز شدن فایل index.htm می شود , کد می تواند به این صورت باشد .

<a href=” index.htm”> click here </a>

چرا از HTML5 استفاده کنیم ؟

HTML5 به شما اجازه می دهد تا کدهای بهتر و آسان تری را بنویسید . HTML5 تگ های جدید مهمی را اضافه کرده که باعث می شود تا یکپارچه کردن صدا , ویدئو و برنامه های کاربردی آسانتر و بهتر انجام شود .

 

با ما در سایت روز تم همراه باشید برای ادامه آموزش های HTML به زبان ساده و کاربردی .

منبع: روز تم بزرگترین مرجع آموزش وردپرس و قالب وردپرس و افزونه وردپرس

 

 

کلمات کلیدی : آموزش مقدماتی و گام به گام HTML , آموزش مقدماتی HTML , معنی HTML , آموزش مقدماتی , HTML5 , آشنایی با تگ ها , روز تم , آموزش گام به گام HTML , طراحی سایت با HTML

باکس دانلود

پاسخ دهید

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


قالب وردپرس پوسته وردپرس افزونه وردپرس آموزش وردپرس

پوسته وردپرس

خرید قالب وردپرس

قالب رایگان وردپرس

افزونه رایگان وردپرس

خرید افزونه وردپرس
آموزش رایگان وردپرس