حالت موضوع بندي | حالت خطي

**parazitt** · 11-14-2008, 06:14 PM

به نام خدا
طبق تاپیک قبلی (آموزش گام به گام php ) تصمیم گرفیتم آن تاپیک را متوقف کرده و تاپیک آموزش html را ایجاد کنیم تا دوستان از html شروع کنند

معرفی Html

html یک زبان نشانه ایست که برخی آن را به معنی زبان ابر متن و برخی به معنی زبان نشانه گذاری فرا متن می دانند Html مخفف HyperText Markup Language برای اطلاعات بیشتر در مورد این زبان به آدرس Html بروید

**Morteza** · 11-14-2008, 06:29 PM

خیلی کار خوبی کردی
ممنون
طراحی وب بدون اچ تی ام ال معنایی نداره .
تمام زبان ها (پی اچ پی ، ای اس پی ، پرل ، همه و همه ) وابسته به اچ تی ام ال و سی اس اس است .
ممنون هادی جان

**bigane** · 11-14-2008, 07:14 PM

یا الله ...

ئههههههههههههههههه! خب جفتشو با هم ادامه بدین . اون یکیو تعطیل نکنید که !!!!!

**Morteza** · 11-14-2008, 07:22 PM

الان به نظرم بحث پی اچ پی به نقطه ی مطلوبی رسیده .
شما می تونید تاپیکی ایجاد کنید با عنوان سوالات متفرقه ی پی اچ پی و جهت رفع اشکال ازش استفاده کنید .
چون پی اچ پی به حد قابل قبولی پیش رفته و جا داره که یه مقداری هم روی بحث اچ تی ام ال و سی اس اس کار بشه .
ولی اگه شما در زمینه ی پی اچ پی هنوز سوال بی جواب دارید عرض کردم چطوری می تونید رفع اشکال کنید !
موبق باشید

**parazitt** · 11-15-2008, 02:30 AM

(11-14-2008 07:14 PM)bigane نوشته : یا الله ...

ئههههههههههههههههه! خب جفتشو با هم ادامه بدین . اون یکیو تعطیل نکنید که !!!!!

بله می شود برای من کاری ندارد می توانم 10 تا تاپیک دیگر را هم ادامه دهم ولی فقط من و دوست خوبمان بیگانه نیستیم بسیاری دیگر هم حتی کسانی کاربر این سایت نیستند به فراگیری زبان برنامه نویسی پرداخته اند ما فکر آنهاییم واقعا نمی توانند بعضی از مفاهیم را به درستی تحلیل کنند مثلا همین تفاوت صفحه مرورگر و سورس صفحه و بسیاری موارد دیگر از ایجاد تنش در بین آموزش خودداری کنید به خاطر دیگر دوستان اگر مسئله کم ارتباط با تاپیک دیدید پ خ کنید تا پاسخ دهم
خیلی با ادبیات نوشتم:دی

**parazitt** · 11-22-2008, 10:29 PM

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

ایجاد یک فایل Html

برای ایجاد یک فایل html باید یا از ادیتور های خاص مانند دریم ویور ، فرانت پیج ، کافی کوپ و... استفاده کنید یا از ادیتور متنی ویندوز مانند Notpad نوت پد ویندوز خود را اجرا کنید
Start >all program >Accessories > Notepad
و عبارت زیر را تایپ کنید:

کد:

<html>

</html>

در عبارت بالا Html یک تگ است تمامی عناصر html تگ نامیده می شوند معمولا هر تگ که باز می شود بسته می شود مثلا تگ بالا با <html> باز شده و با </html> بسته شده این تگ به مرورگر می فهماند که صفحه جاری به زبان html نوشته شده و باید تگ های html را ترجمه کند(چون زبان های دیگری هستند که با مرورگر اجرا می شوند که مهمترین آنها xlm است)
برای ذخیره فایل باید به شرح زیر عمل کنید :
در قسمت File name: ( [تصوير: 21jslg6.jpg]

) حتما در آخر نام فایل html. را اضافه کنید
در قسمت Save as type: ( [تصوير: opdapd.jpg]

) باید مقدار All Files را برگزینید
در آخر هم اگر سند شما کلمات فارسی دارد Encoding: ( [تصوير: 2qwkl8x.jpg]

) را حتما UFT-8 مقدار دهید
حالا فایل ایجاد شده را باز کنید می بینید که مرورگر شما یک صفجه خالی را نمایش می دهد در قسمت های بعدی این صفحه را پر خواهید کرد

**parazitt** · 11-23-2008, 02:07 PM

اجزای html

یک صفحه html مثل یک موجود زنده از دو بخش اصلی تشکیل شده است
مثل شما که یک بدن و یک سر دارید html هم یک head یا سر (سربرگ ) و یک body یا بدنه دارد
در سر شما چه می گذرد؟
در سر شما زبانی که صحبت می کنید زبانی که می نویسید و غذاهایی که می خوردید و....
در سر html هم زبان و غذاهایی که می خورد وجود دارد
پس یک صفحه html رسمی سر و بدنه را شامل می شود و به صورت زیر است:

کد:

<html>

<head>

</head>

<body>

</body>

</html>

چیزهایی که در سر html می گذرد در تگ head یعنی بین <head> و <head/> نوشته می شوند و چیز هایی که دیده می شوند در بدنه یعنی body نوشته می شوند
اگر بخواهید فارسی هم در html شما باشد باید زبان فارسی را html شما در سر داشته باشد
حالا در سر برنامه خود عنوان را مشخص کنید به عبارت دیگر :

کد:

<html>

<head>

<title>parazitt</title>

</head>

<body>

</body>

</html>

هیچ محدودیتی وجود ندارد که شما نوشته باشید:

کد:

<html>

<head>

<title>parazitt</title>

</head>

<body>

</body>

</html>

یا

<html>

<head>

<title>

                parazitt

</title>

</head>

<body>

</body>

</html>

اصلا می توانید کل یک صفحه html را در یک خط بنویسید
هر جور که می نویسید برای ما اهمیتی ندارد برنامه را اجرا کنید می بینید که بالای صفحه نوشته شده parazit- Intenet Exlporer عبارت Internet Explorer نام مرورگر است و ممکن است هر چیز دیگر به جای آن نوشته شده باشد
اگر ما تگ title را ننویسیم به جای title آدرس صفحه را نمایش خواهد داد و زیاد جالب نخواهد شد
برای نوشتن یک متن در صفحه متن خود را در تگ body بنویسید مثال:

کد:

<html>

<head>

<title>parazitt</title>

</head>

<body>

hadisalati stands for parazitt

</body>

</html>

**parazitt** · 12-17-2008, 07:50 PM

تگ های بدنه :
هر آن چیزی که در یک صفحه html قابل مشاهده است جز تگ های بدنه حساب می شود مانند نوشته ها تصاویر پیوندها صدا ها و...
تگ های متنی
این تگ ها برای حالت دهی به متن به کار می روند وگرنه برای وارد کردن متن در صفحه نیاز به تگ خاصی نیست در محدوده body می توانید متون خود را بنویسید
تگ b: این تگ متن شما را به صورت برجسته یا bold در می آورد مثال:

کد:

<b>a Text</b>

تگ big :این تگ متن شما را نسبت به سایر نوشته ها بزرگتر می کند :

کد:

<big>a text</big>

تگ blockquote : این تگ به معنای بلوک نقل قول است معمولا هنگام نقل قول از این تگ استفاده می شود ببینید:

کد:

<blockquote>a text</blockquote>

تگ center متن را وسط چین می کند:

کد:

<center>a text</center>

تگ div برای قسمت بندی متن به کار می رود معمولا این تگ را با css به کار می برند
تگ های h1 وh2 وh3 و h4 وh5 وh6 :این تگ ها برای نوشتن عناوین به کار می روند h1 برای عنوانهای بسیار بزرگ و h6 برای عناوین کوچک یعنی هرچه عدد h کوچک تر باشد متن بزرگ تر است
تگ marquee این تگ متن را در صفحه به حرکت در می آورد
small: متن را ریز می کند
strong: متن را بزرگ می کند
sub:متن را به پایینتر از حد معمول می برد
sup:متن را به بالاتر از حد معمول می برد (مانند توان)
جدول ها و لیست ها در پست های بعد

**parazitt** · 12-18-2008, 12:39 PM

جدول ها و لیست ها
جدول را با تگ table به html معرفی می کنیم هر جدول (خارج از html ) چند ویژگی خاص دارد یکی خود جدول دیگری سطر های جدول و آخر هم داده های جدول html هم به همین صورت خود جدول با table آغاز می شود برای ایجاد یک سطر از تگ tr استفاده می شود و برای ایجاد هر خانه از td توجه داشته باشید خانه ها باید در سطر ها باشند

کد:

<table>

    <tr>

        <td>text 1</td>

        <td>text 2</td>

    </tr>

<tr>

        <td>text 3</td>

        <td>text 4</td>

    </tr>

</table>

لیست ها
چند نوع لیست مختلف وجود دارد
1. لیست هایی که با دایره شروع می شوند:
این نوع لیست ها با تگ ul آغاز می شود و هر مورد از لیست در تگ li نوشته می شود مثال:

کد:

<ul>

    <li>head tag</li>

    <li>body tag</li>

</ul>

2. لیست ها چند لیستی این لیست ها برای تعریف زیر مجموعه به کار می رود در مثال زیر واضع تر کاربرد این لیستها را خواهید دید اما تگ شروع dl است و تگ سر موضوع dt و تگ زیر موضوع dd می باشد:

کد:

<dl>

    <dt>header tag</dt>

        <dd>title</dd>

        <dd>meta</dd>

        <dd>link</dd>

    <dt>body tag</dt>

        <dd>a</dd>

        <dd>b</dd>

        <dd>big</dd>

        <dd>,...</dd>

</dl>

3. لیست های نشانه دار مثلا لیست هایی که با اعداد 1 و 2 و 3 و.... یا a , b ,c ,... آغاز می شوند این لیست ها هم مانند بالا فقط با این تفاوت که در ابتدای لیست از تگ ol استفاده می شود

کد:

<ol>

    <li>head tag</li>

    <li>body tag</li>

</ol>

خروجی بالا به صورت زیر است:

نقل قول :1.head tag
2.body tag

حالا اگر بخواهیم با حروف انگلیسی یعنی a , b , c ,... لیست را آغاز کنیم باید از خصوصیات استفاده کنیم در اینجا زیاد درمورد خصوصیات توضیح نمی دهیم برای اینکار مقدار مشخصه type را تغییر می دهیم مقدایر type عبارت اند از "1" برای اعداد "A" برای حروف (capital leter ) و "a" برای حروف "I" برای نشانه گذاری به صورت I , II ,, III , IV ,... به کار می رود و در آخر هم "i" هم که مانند I است با این تفاوت که این یکی با حروف کوچک نوشته می شود