تايپيك اموزش كامل و جامع htmlاز پايه تا پيشرفته

sokoti · اردیبهشت 92

ایجاد یک خط

body>
<h1> Welcome tojoomla </h1>
<hr size="10" width="40" noshade="noshade">
<h1> What is your name? </h1>
</body>

noshade

توپر

sokoti · اردیبهشت 92

<body>
<h1> Welcome to joomla © </h1>
</body>

کپی گیری....

sokoti · اردیبهشت 92

<body>
<p> The Azarbayjan's cities are: </p>
<ul>
<li>joomla </li>
<li>sokoti </li>
<li>anjoman </li>
</ul>
</body>

برای ایجاد لیست های بولت دار از این تگ استفاده میکنیم.

sokoti · اردیبهشت 92

<body>
<p> The Azarbayjan's cities are: </p>
<ol>
<li>joomla</li>
<li>sokoti </li>
<li>html </li>
</ol>
</body

برای لیست های شماره دار از این تگ ها استفاده میشود.

sokoti · اردیبهشت 92

<body>
<p> The joomla is: </p>
<dl>
<dt>like </dt>
<dd> nemednam </dd>
</dl>
</body>

برای ایجاد لیست های تعریف

sokoti · اردیبهشت 92

<body>
<marquee loop="infinite" bgcolor="red" width="20%">
<h1> Welcome to joomla </h1>
</marquee>
</body>

من عاشق این تگم

برای ایجاد متون متحرک استفاده میشه:128fs318181:

sokoti · اردیبهشت 92

<body>
<a href="http://5646455-ggg.blogfa.com/"> Go to our site </a>
</body>

با استفاده از این تگ میتوان یک لینک به وجود اورد و به ان مسیر رفت

ویرایش شده در اردیبهشت 92 توسط sokoti

sokoti · اردیبهشت 92

<body>
<img src=".....">
</body>

قرار دادن تصویر در صفحه

جای نقطه چین مسیر تصویر را قرار دهید

sokoti · اردیبهشت 92

ادامه دارد.... منتظر بقیه پست ها باشید

reza.sh · اردیبهشت 92

ادامه دارد.... منتظر بقیه پست ها باشید

خوبه که دارید ادامه میدید ، فقط سعی کنید تگ ها رو کامل بگید ، مثلا ؛

<img src="" alt="" align="" border="" />

و یک سری مخلفات اضافی که کار رو قشنگ تره کنه

sokoti · اردیبهشت 92

خوبه که دارید ادامه میدید ، فقط سعی کنید تگ ها رو کامل بگید ، مثلا ؛
<img src="" alt="" align="" border="" /> 
و یک سری مخلفات اضافی که کار رو قشنگ تره کنه

چشم اگه بلد بودم حتما میذارم

sokoti · اردیبهشت 92

<body bgcolor="red" text="white" link="green" alink="yellow" vlink="pink">
<a href="http://65454-huh.blogfa.com/" title="Click Here to Enter Weblog"> Our Weblog</a>
</body>

تگ های مربوط به بادی

bgcolor:رنگ زمینه صفحه را مشخص میکند

text:رنگ متن رو مشخص می کند.

link:لینک های کلیک نشده در صفحه رو مشخص می کند.

alink:رنگ تمام لینک هایی که کلیک شده در صفحه را مشخص میکند ان رنگ تا زمانی که به صفحه ی بعدی نرفتیم تغییر نمیکند.

vlink:بعد از کلیک کردن روی یک لینک رنگ ان به رنگی در می اید که در alink تعریف کردیم.

background:تصویر پس زمینه

ویرایش شده در اردیبهشت 92 توسط sokoti

sokoti · اردیبهشت 92

<body>
<a href="http://imany-brothers.blogfa.com"> <img src="OurPic.jpg"> </a>
</body>

ساخت لینک با عکس یعنی زمانی که روی عکس کلیک کنیم به صفحه مورد نظر خود بریم

sokoti · اردیبهشت 92

<body>
<a href="http://imany-brothers.blogfa.com"> <img src="OurPic.jpg" alt="Can't load picture"> </a>
</body>

اگه بنا به هر دلیلی عکس مورد نظر لود نشد متنی که میخوام به جای لود نشدن تصویر نشون بده رو اینجوری منویسیم

sokoti · اردیبهشت 92

<a name="part1"></a>

نام گذاری ی بخش از ی صفحه

sokoti · اردیبهشت 92

<body>
<a href="mailto:joomla.7878@Gmail.com"> Send me Email </a>
</body>

برای زمانی که میخواهیم برای شخصی و... ایمیل ارسال کنیم.

sokoti · اردیبهشت 92

یک فرم دارای شناسه های زیادی از جمله action ، methode ،name،target می باشد.که از میان آنها به کار بردن action ضروری است.

<form action="" methode="" name="" target="" >
</form>

امکاناتی که میشه به یک فرم اضافه کرد :

در قالب یک تصویر قرار گرفت :

لینک تصویر : http://jupload.ir/do.php?imgf=joomlaforum.ir_13689618121.png

************************

دوست عزیز ارسال های خودتون رو منظم کنید ، آیتم های مرتبط رو در یک تاپیک جمع کنید نه چندین تاپیک ایجاد کنید

مثل نمونه ای که من به صورت تصویر قرار دادم

ویرایش شده در اردیبهشت 92 توسط reza.sh
منظم تر کردن تاپیک

حجت مردانه زاده · اردیبهشت 92

با سلام...

جناب آقای sokoti عزیز؛ ضمن تشکر از وقتی که دارید میگذارید و این آموزشها رو درج میکنید.اما این نوع ارسال پست ..پستهای پی در پی و مکرر به فاصله ی چندثانیه ...کاملا نمونه ی اسپم هست...

با وجود اینکه مدیران 2-3باری میشه به شما تذکر دادند. اما همچنان به همون روند ادامه میدید.در صورت ادامه ی مارتون به این شکل مجبور میشم که برای مدتی اخراج کنم...

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

sokoti · اردیبهشت 92

یک فرم دارای شناسه های زیادی از جمله action ، methode ،name،target می باشد.که از میان آنها به کار بردن action ضروری است.
<form action="" methode="" name="" target="" >
</form>
امکاناتی که میشه به یک فرم اضافه کرد :

در قالب یک تصویر قرار گرفت :

لینک تصویر : http://jupload.ir/do.php?imgf=joomlaforum.ir_13689618121.png

************************

دوست عزیز ارسال های خودتون رو منظم کنید ، آیتم های مرتبط رو در یک تاپیک جمع کنید نه چندین تاپیک ایجاد کنید

مثل نمونه ای که من به صورت تصویر قرار دادم

خب نمیدونستم اینجا قانونش اینجوریه من قبلا جاهای دیگه اینجوری کار میکردم اینجا هم برای اولین باره که کسی گفته باید همه رو خلاصه کنم و تگ به تگ توی ی تایپیک نذارم. ممنونم از اینکه گفتید اما به نظرتون اینجوری که شما نوشتین آموزش جالب میشه؟ برای مبتدی ها گیج کننده اس ی خورده من خودم و دوستم دوره دانشجویی وقتی داشتیم همین زبان رو یاد میگرفتیم وقتی به همچین تصاویر و مباحثی که اینجورین بر میخوردیم گیج می شدیم و باید کلی دوندگی میکردیم تا منظور رو بفهمیم چون چیز زیادی از زبان اچ تی ام ال نمیدونستیم. اما اگه قانون اینجا اینجوریه چشم خلاصه مینویسم .....چی بگم لابد صلاح میدونید دیگه...

sokoti · اردیبهشت 92

با سلام...
جناب آقای sokoti عزیز؛ ضمن تشکر از وقتی که دارید میگذارید و این آموزشها رو درج میکنید.اما این نوع ارسال پست ..پستهای پی در پی و مکرر به فاصله ی چندثانیه ...کاملا نمونه ی اسپم هست...

با وجود اینکه مدیران 2-3باری میشه به شما تذکر دادند. اما همچنان به همون روند ادامه میدید.در صورت ادامه ی مارتون به این شکل مجبور میشم که برای مدتی اخراج کنم...

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

سلام

ضمن خواهش میکنم خدمت شما اقای رئیس کل یا سرپرست کل ...

اولا من آقا نیستم

دوما رفتار شما آقای رئیس کل واقعا عجیب و و برخوردتون تاسف برانگیز بود

من برای اولین باره که تذکر خوردم برای نوشتن اینجوری تایپیک که باید پشت سر هم باشه و تگ ها جدا جدا نباشه که اونم نمیدونستم چون جاهای دیگه که بودم به خاطر یادگیری بچه ها تگ ها رو جدا جدا میذاشتیم البته در این مورد و دلیل این کار رو خدمت آقا رضا توضیح دادم .

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

پس دیگه با وجود تذکر ایشون دلیلی نداشت شما هم همچین برخورد تندی داشته باشید. واقعا دلیل اینکه فکر کردید چندین بار من برای جدا جدا نذاشتن مطلب در تایپیک تذکر خوردم چی بوده؟و دلیل تهدید به اخراج بنده چیه؟؟

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

و اینکه نیازی به اخراج نیست من خودم دیگه به خودم همچین اجازه ایی نمیدم که بیام اینجا که شما زحمت اخراج منو بکشید اونم برای ی تذکر.

بدورد جناب

reza.sh · اردیبهشت 92

پیشنهاد می کنم اول قوانین این انجمن رو مورد مطالعه قرار بدید : قوانین انجمنهای تخصصی جوملای ایران

سپس آموزش های خودتون رو مثل این تاپیک دربیارید : 600 مثل برنامه نویسی php - صفحه 3

در ضمن ساعت 12 امشب کلیه پستهای اضافه حذف میشوند ... تا فقط بحث آموزشیش باقی بمونه

و دوست دوست عزیز شما هم پستهای قبلی تون رو اصلاح کنید و به صورت منظم قرار بدید

حجت مردانه زاده · اردیبهشت 92

سلام علیکم

خانم sokoti عزیز. قبل از هرچیزی عذر میخوام بابت اینکه شما رو آقا خطاب کردم(سهواً)...( طبیعتا خرده ای نمیشه گرفت. محیط مجازی هست و ما هم که علم غیب بی بهره!)

گاها پیش میاد چند ماه با دوستان کار میکنیم واقعا نمیدونم.که آقا هستن یا خانم...خب نمیشه از این بابت گله ای کرد.چون نمیدونستیم!

در مورد تذکرم، تصور انجمن با این حجم کاربر و تولید محتوا در روز هرکدوم از کاربرا بخوان همچین روندی رو در پیش بگیرن واقعا چه حجم دیتای نامنظم و نامدون توی انجمن ساخته و آرشیو میشه...

کافیه خودتون رو بگذارید جای یه فردی که توی گوگل سرج زده..و میخواد سریعاً به ساده ترین جواب و راحتترین جواب برسه... خب این فرد چجوری اینهمه صفحات رو بچرخه!!؟ طبیعیه که کاربر وقتی در نگاه اول اونچیزی که میبایست بهش برسه رو نرسه و یا حتی نشانه هایی از پاسخ خودش پیدا نکنه در کمتر از چندثانیه صفحه رو میبنده و میره به منبع دیگری...

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

هرگز این فکر رو نکنین... تا کاربر نباشه. من نیستم.مدیر انجمن نیست.ناظر نیست...حرفه ای نیست.توسعه دهنده نیست...انجمن جوملای ایرانی نیست...کلاً چیزی بعنوان انجمن جوملای ایران ای معنی ای نداره در اون صورت...!!! ما که نمیتونیم انجمن بزنیم واسه دل خودمون.شب و روز خودمون توش بچرخیم....!!

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

ماهم داریم طی هدفمون در این مسیر حرکت میکنیم.. و شکر خدا هم خیلی خوب داریم پیش میریم...همه با هم ...

هرچیزی که بلد هستیم به هم یاد میدیم و هرچیزی که بلد نیستیم از هم یاد میگیریم.طبیعی هیچکسی کامل نیست...

اینم یادتون باشه که همه چیز را ، همگان دانند...

روزگارتون خوب و خوش

با احترام ....:ds6a5d::1::ds6a5d:

sokoti · اردیبهشت 92

پیشنهاد می کنم اول قوانین این انجمن رو مورد مطالعه قرار بدید : قوانین انجمنهای تخصصی جوملای ایران
سپس آموزش های خودتون رو مثل این تاپیک دربیارید : 600 مثل برنامه نویسی php - صفحه 3

در ضمن ساعت 12 امشب کلیه پستهای اضافه حذف میشوند ... تا فقط بحث آموزشیش باقی بمونه

و دوست دوست عزیز شما هم پستهای قبلی تون رو اصلاح کنید و به صورت منظم قرار بدید

آهان پس میتونم عکس نذارم منتها تا جایی که صفحه پر میشه مطلب رو بذارم ممنونم بابت اینکه لینک نمونه رو برام گذاشتین چشم از این به بعد اینجوری میذارم.

بازم از تذکر نرم و به جاتون ممنونم.

راستی منظورتون کدوم پست اضافی بود؟

sokoti · اردیبهشت 92

<form action="test.asp">
<input type="submit" value="Submit">
<form>

مخصوص تشکیل دکمه

<form action="test.asp">
<input type="reset" value="Reset">
<form>

برای ایجاد دکمه ریست و پاک کردن فرم

<form>
<textarea> </textarea>
</form>

برای ایجاد کادری برای ورود اطلاعات کاربر در چندین سطر....

شناسه های textarea:

name:اختصاص نام به جعبه ی متن برای استفاده در برنامه نویسی

cols:برای تعیین عرض کادر و تعداد کاراکتر داخل متن...

rows:تعیین تعداد سطر قابل مشاهده

readonly: باعث میشود نتوانیم در جعبه متنی یعنی همون کادر چزی بنویسیم

disabled:غیر فعال شدن جعبه ی متن و عدم ارسال مطالب بر روی صفحه فرم

اینم شکل کلیش

<textarea name="textarea0" cols="10" rows="5" readonly="readonly" disabled="disabled"></textarea>

sokoti · اردیبهشت 92

برای ایجاد dropdownlist

<form>
<select>
<option>
</option>
</select>
</form>

شناسه های سلیکت و اپشن به صورت زیر است.

<select name="select_favorites" multiple="multiple" disabled="disabled">
</select>

آپشن: و حالت کلی آن

<form>
<select name="select_favorites">
<optgroup label="sport">
<option value="sport"> Sport </option>
<option value="movie"> Movie </option>
</optgroup>
<optgroup label="computer">
<option value="soft"> Software </option>
<option value="hard"> Hardware </option>
</optgroup>
</select>
</form>

ویرایش شده در اردیبهشت 92 توسط sokoti

تايپيك اموزش كامل و جامع htmlاز پايه تا پيشرفته

54 پست در این موضوع

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

ایجاد یک حساب کاربری

ورود به حساب کاربری