آموزش HTML – المنت head

المنت <head> یک مکان برای اعلان اسکریپتها،استایل ها،اطلاعات meta و .. است.

المنتهایی که میتونندر قسمت <head> قرار بگیرن:

<title>, <style>, <meta>, <link>, <script>, <noscript> , <base>

با همه این تگها در ادامه آشنا میشید اما اینجا چند تا مثال براتون میزنم.

مثال ها

مثال اول – مشخص کردن عنوانی برای صفحه

برای اینکار از المنت <title> استفاده میکنیم:

<!DOCTYPE html>
<html>

<head>
  <title>Welcome to our tutorial center!</title>
</head>

<body>
The content
</body>

</html>

وقتی که این صفحه رو باز کنید عبارت “!Welcome to our tutorial center” رو در داخل tab فعال مرورگرتون میتونید ببینید (مثل عبارت “آموزش HTML – المنت head” که الان در tab فعال مشاهده میکنید).

ادامه

آموزش HTML – لینکها

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

برای ایجاد لینک از تگ  (<anchor (<a  استفاده میکنیم و برای مشخص کردن آدرس مقصد باید اون رو در مشخصه  (href (Hypertext Reference بذاریم.

شما میتونید یک متن و یا تصویر رو با این روش به یک هایپرلینک (یا لینک) تبدیل کنید.

شکل کلی

<a href="url">Link text</a>

بجای Link text متنی که باید بصورت لینک دار نمایش داده بشه و بجای url آدرس مقصد رو وارد میکنیم.

ادامه

آموزش HTML – کامنت گذاری

یکی از مباحثی که در همه زبانها از زبان های کامپایلری، اسکریپتی گرفته تا نشانه کذاری وجود داره مبحث کامنت گذاریه.

برای توضیح دادن قسمتی از کد که چه کاری انجام میده یا غیر فعال کردن موقت کد برای مشکل یابی از کامنت گذاری استفاده میشه.

کامنت گذاری در HTML

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

برای تعیین محل شروع کامنت از –!> و برای پایان محدوه کامنت از  <–  استفاده میکنیم و متن مورد نظرمون رو مثل المنتهای HTML داخل دو عبارت قرار میدیم (<– comment –!>).

مثال ها

مثال اول

کامنت گذاری برای گذاشتن توضیحاتی در باره کد:

<!--
You can change back ground url by changing src attrib value.
-->
<img src="/images.bg.png" alt="softafzar" />

ادامه

آموزش HTML – پاراگراف بندی

برای پاراگراف بندی کردن متن در HTML از تگ <p> استفاده میکنیم.

پاراگرف بندی در HTML

برای پاراگراف کردن متن اون رو در تگ <p> قرار میدیم ، مرورگر قبل و بعد این تگ بصورت خودکار فاصله ای رو در نظر میگیره.

مثال

<p>this is a paragraph</p>
this is not a paragraph<br/>this is not a paragraph
<p>this is a paragraph</p>

خروجی:

this is a pharagraph

this is not a paraghrap
this is not a paraghrap

this is a pharagraph

ادامه

آموزش HTML – تگ عنوان گذاری (Heading)

Heading یا به زبان فارسی “عنوان گذاری،عنوان بندی” یکی از المنتهای مهم در HTML هست.
همونطور که از اسمش معلومه برای عنوان گذاری استفاده میشه.
heading در HTML با تگهای <h1> تا <h6> مشخص میشن. <h1> مهمترین عنوان و<h6> کمترین اهمیت رو داره، شاید بپرسید چرا از کلمه مهمترین عنوان استفاده کردم؟ علتش اینه که تگ <h6> برای موتورهای جست و جو مهمتره!  یعنی موتورهای جست و جو از heading ها برای index کردن ساختار و محتوای سایت استفاده میکنن.

تگهای <h1> تا <h6>

همونطور که همین الان دارید میبینید من برای عنوانبندی عنوان این پاراگراف “تگهای <h1> تا <h6>” از heading و از <h2> استفاده کردم. وقتی از heading استفاده میکنید مرورگز بصورت خودکار قبل و بعد از هر heading یه فضای خالی میذاره. هر چی شماره heading بیشتر باشه فونت اون هم بزرگتر بزرگتر میشه که البته با CSS قابل ویرایش هست.

ادامه

آموزش HTML – مشخصه ها(Attributes)

Attribute(به فارسی مشخصه، ویژگی) ها اطلاعات بیشتری درمورد المنتها میدن و اونها رو شخصی سازی میکنن. مثلا میتونن مشخص کنن که یک المنت، راست چین ، وسط چین و یا چپ چین باشه. تمام تگهای HTML میتونن Attribute داشته باشن.

مشخصه ها در HTML

  • المنتهای HTML میتوانند مشخصه داشته باشند.
  • مشخصه ها اطلاعات بیشتری در مورد یک المنت ارائه میدهند.
  • مشخصه ها همیشه باید در تگ شروع تعریف شوند.
  • مشخصه ها بصورت نام مشخصه=”مقدار” می آیند.

ادامه

آموزش HTML – مقدمه

به نام خدا

سلام، به بخش آموزش HTML سایت خوش اومدید، اینجا شما زبان HTML رو از پایه یاد میگیرید فقط اگر این اولین باره که این اموزش رو دارید میخونید و با HTML آشنایی قبلی ندارید بهتره همه درس ها رو به ترتیب بخونید و برید جلو، همینطور به شما توصیه میکنیم روزانه مدت ۱۵ دقیقه رو صرف تمرین کردن این زبان کنید تا بتونید به خوبی یاد بگیرید.  اصلا نترسید! یاد گرفتن HTML خیلی سادست چون یک زبان برنامه نویسی نیست بلکه یه زبان نشانه گذاریه و یادگیری این زبان ها بسیار راحته، با کمی تمرین شما میتونید قورتش بدید!

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

با ما باشید 😉

 

HTML چیست؟

  • HTML مخفف Hyper Text Markup Language و به معنای زبان نشانه گذاری ابر متن است.
  • HTML زبان نشانه گذاری (Markup language) اصلی برای ساخت صفحات وب (Web pages) و نمایش اطلاعات در مرورگر وب (Web browser) است.

یک زبان نشانه گذاری مجموعه تگ ها(Tag) است که محتویات سند رو شرح میدن.

نکته: به اسناد HTML یا HTML documents  صفحات وب (Web pages) هم گفته میشه.

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

HTML یه زبان برنامه نویسی(Programming language) نیست بلکه یه زبان نشانه گذاریه. اگر شما از قبل زبانهای نشانه گذاری دیگه ای مثل XML رو بلدید یاد گرفتن HTML براتون خیلی ساده تر خواهد بود!
ادامه

تابع implode در PHP

تابع ()implode آیتمهای موجود در یک آرایه رو بصورت رشته ای به هم متصل میکنه و این تابع رو عکس تابع ()explode میدونیم.

شکل کلی

string implode ( [string $glue ,] array $pieces )

پارامترها:

  • glue$ – پارامتر اختیاری. کاراکتر یا رشته ای که میخواهید از آن برای متصل کردن تکه ها استفاده شود را مشخص میکند و بصورت پیشفرض یک رشته خالی است.
  • pieces$- آرایه مورد نظر.
نکته: این تابع Binary-Safe است.

ادامه

تابع explode در PHP

تابع ()explode به ما این اجازه رو میده تا یه رشته رو به چندین بخش تقسیم کنیم، بعد از تقسیم، این تابع رشته ها رو در یک آرایه قرار میده.

شکل کلی

array explode ( string $delimiter , string $string [, int $limit ] )

پارامترها:

  • delimiter$ – عبارت شاخص. عبارتی است که برای جدا کردن رشته به بخش های متخلف از آن استفاده میشود.
  • string$ – رشته مورد نظر.
  • limit$ – پارامتر اختیاری. تعداد تکه ها را مشخص میکند. این پارامتر از ورژن ۴٫۰٫۱ به بعد اضافه شده و از ورژن ۵٫۱٫۰ اعداد منفی را هم قبول میکند.
نکته: این تابع binary-safe است.

ادامه