آموزش اچ تي ام ال

وضعیت
موضوع بسته شده است.

bache +

Well-Known Member
در اينجا ميخام اچ تي ام ال از پايه تا پيشرفته براتون اموزش بدم البته تا جايي كه در توانم هست و اميدوارم استاداي مجيد انلاين هم كمك كنن فق خواهش ميكنم از زدن پست هاي بيخود خودداري كنيد من الان دارم رو مقاله اول كار ميكنم و به زودي ميزارم
 

Ali_ix

Well-Known Member
اوه ! منتظریم استاد ! :)

(این پست من نمونه پستهای بی مورده ! اینجوری کسی پست نزنه ها ! اینم بعدا پاک میکنم :d )
 

bache +

Well-Known Member
تگهاي ابتدايي

خوب اين درس اول
چتمل(همونhtml)تمام سيستمش با كد و تگ هست خوب من اول ميشينم تگ ها رو بهتون ميگم بعد از يه ارشيو تگ ميشينيم اينارو ميچينيم كناره هم تا يه چيزي بهمون بده
خوب يه سري كد واجبو الجباره كه بايد در اول و اخر صفحه به كار بره اون كدها اين ها هستند كه دربارش توضيح ميدم
<html>
ين تگ معلوم ميكنه كه اين صفحه چتمل هست و اول و اخر صفحه قرار ميگيره و تگ پايانيش هم اينه</html>
تگ بعدي<head>هست كه نماينده قسمت بالايي صفحه و هدر هست و تگ پايانيش هم </head>ست
تگ بعدي كه بين تگ <head>قرار ميگيره تگ <title> هست كه اين نمايانگر اسم اين صفحه يا عنوان اين صفحه است كه در تيتل صفحه نمايش داده ميشه تگ پايانيش هم </title>هست
بيشترين تگ كه ماهاش كار داريم <body>ه نمايانگر بدنه صفحه است تگ پايانيش هم </body>هست
تا اينجا ما يه صفحه داريم به اين شكل
کد:
<html>
<head>
<title></title>

</head>
<body>
</body>
</html>

خوب مهمترين چيز تو يك سايت ارتباط با صفحات ديگست كه ما بهش ميگيم لينك حالا چطور ميتونيم لينك بديم تگ <a>البته اين تگ در تگ <title>كار نميده
خوب تگ پاياني اون هم </a>هست
خوب ميريم تو جزييات تگ <a>
href="آدرس لينك(ادرس صفحه اي كه ميخواين لينك بدين)"
</a>
لبته اين تگ ها كلي جزييات دارن كه موقع طراحي صفحه تك تك بهتون ميگم
خوب نمونه ميشه اين
کد:
<a href="url link">link</a>
خوب تو صفحه اين كد به اين صورت نمايش داغده ميشه
link
تگ بعد كه تگ پاياني هم نداره و خيلي كاربرد داره نقش همون اينتر رو تو ورد داره تگ <br> هست اين تگ 1 سطر فاصله ميده
تگ بعدي تگ <hr>ست كه اينم لنگه تگ بالايي هست تفاوتش اينه كه يه خط هم ميكشه يعني در اصل اگه اين تگ رو تو صفحه بزاريد هم 1 سطر فاصله ميده هم يه خط هم مياره تو صفه يعني شكل زير
__________________
بابا اينجا اچ تي ام الش خاموشه پدره ادم در مياد يه تا سطر بنويسه:mad: بقيشو بعدا مينويسم
 

bache +

Well-Known Member
<!doctype>

در اين بخش ميخواهم در مورد تگهاي قسمت <head> برايتان توضيح دهم . همانطور که ميدانيد تگهاي Html را به دو بخش اصلي تقسيم کرديم ، يکي قسمت سر يا همان head ديگري قسمت بدنه يا body که هر دو مابين دو تگ اصلي<html></html> نوشته ميشوند، اما يک تگ هم وجود دارد که خارج از اين قانون عمل ميکند و در اولين خط شروع کدنويسي بايد آنرا بنويسيم يعني قبل از تگ آغاز کننده <html>و آن DTD يک صفحه وب ميباشد که مخفف Document Type Definition است و کار آن معرفي نوع تگها خصوصيات آنها و قوانيني که بايد در آن صفحه وب بکار برده شود که بطور خلاصه در تگ مربوط به آن توصيف ميشود. تگ مشخصه DTD ، <!doctype> ميباشد و مانند بقيه تگها داراي خصوصياتي هست، البته اين تگ اختياري است چون بعضي از مرورگرها بدون آن هم صفحه را نمايش ميدهند ولي بهتر است که نوشته شود.

هر نسخه از HTML يک DTD مخصوص به خود را دارد و نسخه هاي معتبر HTML عبارتند از: 2, 3.2, 4 و نسخه جديد آن Html 4.01 ميباشد و اگر از کدهاي XHTML هم استفاده ميکنيد ، آنرا هم بايد مشخص کنيد. همانطور که در بخشهاي قبل گفتم اعلام و به رسميت شناختن تگهاو نسخه هاي HTML , XHTML به عهده W3C ميباشد .

DTD براي HTML 4.0

<!DOCTYPE html public “-//w3c//DTD HTML 4.0//en”>

و براي XHTML 1.0

<!DOCTYPE xhtml public “-//w3c//DTD XHTML 1.0 strict//en”>

بعد از اين تگ روال معمول کدنويسي را انجام ميدهيم. حالا ميپردازيم به تگهاي مربوط به قسمت سر يا همان head .

<head></head>

مابين اين دو تگ اطلاعات مربوط به همان صفحه وارد ميشود که در مرورگر نشان داده نميشود و فقط اسم صفحه است که در نوار عنوان مرورگر نمايش داده ميشود. اين اطلاعات بيشتر براي سايتهاي جستجوگر مانند گوگل مفيد ميباشند که در بخش اين سايتها بيشتر توضيح خواهم داد.

تگهاي لازم براي اين قسمت به شرح زير ميباشند:

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

<title></title>

بين اين دو تگ هر چي نوشته شود در نوار عنوان مرورگر title bar نمايان خواهد شد. دقت داشته باشيد که از اسامي کوتاه استفاده کنيد چون جمله طولاني را نصفه نشان ميدهد و همچنين اگر فارسي بنويسيد در سيستمهايي که قابليت فارسي ندارند به صورت علامت سوال نمايان ميشود.

<base>

در مواردي که بخواهيد آدرس اصلي وب سايت را همان ابتدا معرفي کنيد ، از اين تگ استفاده ميکنيد. خاصيت اين تگ اينست که در هنگام درست کردن لينکهاي داخلي وب سايت ديگر نيازي به نوشتن آدرس کامل نيست و فقط ميتوانيد در خصوصيت href=” “ لينکها، اسم دايرکتوري در صورت نياز و اسم خود فايل را بنويسيد.

<base href="http://www.sitename.com">

دقت کنيد که نوشتن پروتکل http اجباري است.

<meta>

متا تگها اطلاعات مربوط به موتورهاي جستجوگر را کنترل ميکنند. در اين تگها هر نوع اطلاعات که براي جستجو نياز باشد را وارد ميکنيد ، مانند کلمات کليدي يا نام سازنده سايت و يا تاريخ راه اندازي و از اين قبيل که در بخش سايتهاي جستجوگر بيشتر توضيح خواهم داد. خصوصياتي را که در اين تگ ميتوانيد بکار بريد،

http-equiv=” “, name=” “ , content=” “

براي معرفي کلمات کليدي سايت بايد خصوصيت http-equiv=”keyword” قرار دهيم و کلمات مورد نظر را در خصوصيت content=” “ وارد کنيم،

<meta http-equiv=”keyword” content=”html, web, amoozesh, amouzesh”>

همچنين ميتوانيد نوع رمزگذاري encoding مرورگر را در اين قسمت معين کنيد که براي بکار بردن حروف فارسي بايد از utf-8 استفاده کنيد که در قسمت فارسي نويسي توضيح خواهم داد.

<meta http-equiv=”content-type” content=”text/html;charset=utf-8”>

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

<meta name=”author” content=”your-name”>

اگر شما نميخواهيد که صفحه اي در هارد ديسک کاربر سايت شما ذخيره شود تا بتوان آنرا بصورت offline هم ببينند، از اين تگ بايد استفاده کنيد:

<meta name=”pragma” content=”no-cache”>

يا اينکه آن صفحه هر لحظه اطلاعاتش عوض ميشود و ميخواهيد تا بيننده سريع آن اطلاعات را ببيند، از خاصيت refresh مرورگر استفاده کرده و اين تگ را اضافه ميکنيد:

<meta http-equiv=”refresh” content=”5”>

که آن عدد زمان بر حسب ثانيه است. اگر ميخواهيد که بعد زمان معين همان صفحه به يک صفحه ديگر يا يک وب سايت ديگر هدايت شود خصوصيت زير را اضافه کنيد

<meta http-equiv=”refresh” content=”5;url=http://www.sitename.com/page01.htm”>

<link>

اين تگ براي زماني است که ما بخواهيم از اطلاعات يک فايل مانند style sheet در آن صفحه استفاده کنيم،

<link rel=”stylesheet” href=”stylesheets_folder/menu.css”>

<script>

کدهايي مانند javascript را در اين تگ کنترل ميکنيم که در بخش جاوا اسکريپت توضيح خواهم داد.

<style>

تگ مشخصه Style sheet ميباشد که در بخش مربوطه توضيح داده شده است.
 
آخرین ویرایش:

justin

Member
این مقالاتو من قبلاً یه جایی خونده بودم..فکر کنم تو مقالات همین مجید آنلاین بود ...آقا تو بیکاری برو کلوچه ای بزن چرا میای تاپیک بیخود میزنی آخه:d

اینم لینک مقالاتی که ورداشتی کپی کردی آوردی اینجا paste کردی :

http://www.majidonline.com/page.php?page=content&op=cntshow&code=50

http://www.majidonline.com/page.php?page=content&op=cntshow&code=60

http://www.majidonline.com/page.php?page=content&op=cntshow&code=66

آقا الان متوجه شدم که خیلی بی کاری...

(این پستو واسه این زدم که دیگه نیای تو پستهای من سرک بکشی دعوا راه بندازی....)
 
آخرین ویرایش:

bache +

Well-Known Member
علي جان لطف كن اين چرتو پرتهاي اين مرتيكه ... رو پاك كن تا نزدم اينجا لهش نكردم
اخه افغاني اين لينكهايي كه تو دادي كجاش شبيه من استغفرالله حالا بيا كار خير كن شيطونه ميگه خواهشن علي جان اين پستهاي بيخود(همين اين هم)پاك كن مرسي قسمت بعدو بزودي ميزارم
 

d@nial

Well-Known Member
علي جان لطف كن اين چرتو پرتهاي اين مرتيكه ... رو پاك كن تا نزدم اينجا لهش نكردم
اخه افغاني اين لينكهايي كه تو دادي كجاش شبيه من استغفرالله حالا بيا كار خير كن شيطونه ميگه خواهشن علي جان اين پستهاي بيخود(همين اين هم)پاك كن مرسي قسمت بعدو بزودي ميزارم

این مقالاتو من قبلاً یه جایی خونده بودم..فکر کنم تو مقالات همین مجید آنلاین بود ...آقا تو بیکاری برو کلوچه ای بزن چرا میای تاپیک بیخود میزنی آخه:d

اینم لینک مقالاتی که ورداشتی کپی کردی آوردی اینجا paste کردی :

http://www.majidonline.com/page.php?...ntshow&code=50

http://www.majidonline.com/page.php?...ntshow&code=60

http://www.majidonline.com/page.php?...ntshow&code=66

آقا الان متوجه شدم که خیلی بی کاری...

(این پستو واسه این زدم که دیگه نیای تو پستهای من سرک بکشی دعوا راه بندازی....)

توهین به کاربران سایت ممنوع!
 

Ali_ix

Well-Known Member
همین نزاشتن محدودیت سنی (بیشتر سن عقلی) هست که این مشکلات رو به وجود میاره دیگه !

شما دوتا برای چی توی حوزه استحفاظی من به هم توهین کردید ؟ :D

~ Justin به فرض که ایشون مقالات را از جایی کپی کرده باشه با نام خودش شما نباید اینطوری صحبت میکردی.
~ bache + شما هم باید به همون گزارش کردن و پیغام خصوصی اکتفا میکردی و خودت دست به کار جواب دادن و .. نمیشدی که به دیگارن توهین کنی !

حق ندارید دعواهای بین خودتونو به محیط انجمنها بکشید.

من به مدیر کل گزارش میدم تا با هردوتون برخورد کنه !

تاپیک هم تا اطلاع ثانوی قفل میشه.
 
وضعیت
موضوع بسته شده است.

جدیدترین ارسال ها

بالا