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

[ali_boujari]

اول از همه سوالاي كه مبتدي ها مي پرسند اينكه اچتيمل نياز به چه برنامه اي داره
بايد بگم اچتيمل با نتپد منويسن البته با برنا مه هاي ديگري هم مي نويسن كه نام بردنش در اين بحث نمي گجند

[ali_boujari]

مخصوص وبلاگ نويسان

برای اینکه تگها رو درست ببینید حتما این نوشته رو در نوت پد کپی کنید و در حالت چپ به راست آن را مشاهده کنید

گذاشتن لینک:
برای قرار داد لینک در وبلاگ (یا هر جای دیگری) باید از تگ a استفاده کرده که به صورت زیر خواهد بود.
<a href="URL">Name</a>
به جای URL باید آدرس صفحه ای که میخواهید به آن لینک دهید استفاده کنید و به جای Name نامی است که شما آنرا نوشته تا بازدیدکننده با کلیک بروی این نوشته به صفحه مورد نظر منتقل شود. :
حال اگر بخواهید این لینک در صفحه ای جدید باز شود می توانید از کد زیر استفاده کنید:
<a target="_blank" href="URL">Name</a>
برای لینک ایمیل می توانید از تگ زیر استفاده کنید:
<A href="mailto:E-mail Address">Name</a>

گذاشتن عکس و لوگو:
شما عکسی رو بروی انترنت دارید و میخواهید آنرا در وبلاگ قرار دهید. می توانید با کلیک راست بروی عکس به گزینه Properties رفته و آدرس عکس رو گرفته و در کد زیر قرار دهید:
<img border="0" src="آدرس عکس">
و اگر بخواهید برای عکس خود طول و عرضی, و شرحی بنویسید می توانید از تگ زیر استفاده کنید:
<img src="آدرس عکس" width=عرض عکس HEIGHT=طول عکس BORDER=0 ALT="شرح عکس">
برای مثال:
حال اگر بخواهید بروی عکس خود لینک بگذارید می توانید از تگ زیر استفاده کنید.:
<a href="URL"><img border="0" src="آدرس عکس"></a>



قرار دادن لوگو در وبلاگ:

قرار دادن لوگو هم مانند عکس می باشد. حال اگر بخواهید به خواننده این اختیار را بدهید که به سادگی به وبلاگ شما بلینکند شما می توانید تگهای لوگوی خود را درون کادری قرار دهید. برای اینکار می توانید از تگ زیر استفاده کنید.
<input name="هر نامی که دوست دارید" size="اندازه کادر" value="متن تگها">
اگر بخواهید برای این کادری که گذاشته اید استایلی مشخص کنید می توانید از کد زیر استفاده کنید:

<input name="for logo" size="اندازه کادر" class='mbx7-fsp' value="نوشته ها و کدها">
برای مثال:
<input type="text" name="T1" size="20" class='mbx8-fsp'>

[ali_boujari]

در محيط وب، صفحات اچتمل با کمک پيوندها به يکديگر متصل ميشوند. اصطلاح ابرمتن(Hyper

Text) در مقابل متن خطی قرار دارد. در يک متن معمولی خواندن به شکل خطی و از ابتدا به انتها

ميباشد و در مقابل در يک متن مختلط با کمک پيوندها ميتوان از يک متن به هر صفحه ديگر در وب

متصل شد.اين کار با کمک عنصری معلوم الحال! به نامA ياAnchor ميسر ميگردد.

تگ Anchor و شناسه href

[ali_boujari]

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

[<br>] [<p></p>] [<center></center>] [<pre></pre>]
[<h1></h1>] [<hr>] [<div></div>] [<span></span>]
[<marquee></marquee>] [<--!...-->] [<bdo></bdo>]



تگهاي متن را ميتوان به دو دسته تقسيم کرد، تگهاي اوليه که بيشتر وظيفه خط بندي، پاراگراف بندي و يا تنظيمات در ارتباط با متن را به عهده دارند و تگهايي که شکل و آرايش حروف را کنترل ميکنند که به آنها formatting مي گويند. بهتر است که Notepad يا هر برنامه ويرايشگر متن را که داريد باز کنيد و هر کدام از اين تگها را امتحان کنيد تا کاربرد آنها در ذهن شما جاي گيرد.



<br>
براي خط بندي از اين تگ استفاده ميشود و متن بعد از آن به يک خط پايين تر منتقل ميشود که نيازي به تگ پايان دهنده هم ندارد.
مثال

<p></p>
پاراگراف بندي متن را به عهده دارد و فاصله بيشتري را نسبت به <br> بين خطوط ايجاد ميکند. اين تگ داراي خصوصيت align= " " ميباشد که محل قرارگيري پاراگراف را در يک سطر کنترل ميکند و با کلمات "left", "center", "right", "justify"مقداردهي ميشود. مثال

<p align="left">...</p>

<center></center>
همانطور که از اسمش پيداست متن بين اين دو تگ در وسط يک سطر قرار خواهد گرفت، البته اين تگ را براي عناصر ديگر وب نيز ميتوان بکار برد.مثال

<pre></pre>
مرورگرها فاصله هر کلمه را در حد استاندارد نشان ميدهند و اگر شما بخواهيد که يک متن با فاصله هاي زيادي نمايش داده شود يعني آنطور که ميخواهيد نشان داده شود از اين تگ استفاده ميکنيد.مثال

<h1></h1>
به اين تگHeading مي گويند و براي مشخص کردن سرفصلها و تيترها بکار ميرود. اين تگ از عدد يک تا شش درجه بندي دارد که عدد يک بزرگترين حد و شش کوچکترين حد حروف را نمايش ميدهند. در ضمن داراي خصوصيت " "=align ميباشند و با left, center , right مقداردهي ميشود.مثال

<hr>
اين تگ روي خود متن کاري صورت نميدهد و فقط با ترسيم يک خط افقي آنها را از هم جدا ميکند که داراي خصوصيات زير ميباشد.

width=" "طول خط را کنترل ميکند که هم با عدد در مقياس پيکسل و هم با درصد ميتوان مقدار دهي کرد.

align=" " که محل قرار گيري خط در يک سطر را کنترل ميکند.

color=" "رنگ خط که ميتوانيد اسم رنگ يا کد هگز رنگ را بنويسيد.

size=" " اين خصوصيت ضخامت خط را تعيين ميکند که هرچه عدد بزرگتر باشد ، ضخامت بيشتر است. بصورت پيش فرض خط داراي سايه ميباشد و اگر خصوصيت noshade را به تگ اضافه کنيد ديگر سايه را نشان نميدهد.

<div></div>
اين تگ کاربرد فراواني براي مدل دادن به متن دارد و مانند تگ <br> آن قسمت از متن را جدا ميکند وبه خط بعد منتقل ميکند . خصوصيت class='mbx7-fsp' در اين تگ توانايي اعمال يک الگوي خاص در آن قسمت از متن را ميدهد. بطور مثال هر گاه کاربر نشانگر موس را روي آن متن برد ، نوشته هاي ما خط دار شود، البته هر نوع Style که تعريف شود همان را بکار ميبرد.

<span></span>
اين تگ هم مانند تگ بالا ميباشد با اين تفاوت که مخصوص يک کلمه يا حتي يک حرف ميباشد چون مانند div متن را از بقيه جدا نميکند و داراي خصوصيت class='mbx7-fsp' ميباشد که بر فرض هنگام قرار گرفتن موس روي يک کلمه زمينه آن رنگي شود. مثال

<marquee></marquee>
متن بين اين دو تگ متحرک خواهد شد و داراي خصوصيات زير ميباشد، البته اين تگ ممکن است در همه مرورگرها عمل نکند ولي در مرورگر اينترنت اکسپلورر (IE) مشکلي براي نمايش ندارد. خصوصيات اين تگ عبارتند از :

align=" "محل قرار گرفتن متن را تعيين ميکند که با کلمات top, middle, bottom مقدار دهي ميشود.

behavior=" "اين خصوصيت نحوه حرکت متن را کنترل ميکند که آنرا برابر با scroll اگر قرار دهيم، متن بصورت متناوب از يکطرف صفحه وارد و از طرف ديگر خارج ميشود و اگر برابر با alternate قرار دهيم ، متن از صفحه خارج نميشود و در عرض مرورگر حرکت ميکند، همچنين اگر برابر با slide باشد ، متن از يکطرف وارد صفحه شده و در طرف ديگرميايستد.

bgcolor=" " رنگ زمينه آن تگ را مشخص ميکند که يا نام رنگ يا کد هگز آنرا مينويسيد.

direction=" "جهت ورود متن به صفحه را کنترل ميکند و با کلمات left, right, top, down که از چپ ، راست، بالا و پايين ميتواند وارد شود.

height=" "ارتفاع کادر marquee را به عدد در مقياس پيکسل يا به درصد تعيين ميکند.

hspace=" " حاشيه چپ و راست را کم وزياد ميکند.

loop=" "تعداد چرخش متن را کنترل ميکند.

scrolldelay=" " سرعت حرکت متن را تعيين ميکند.

vspace=" " حاشيه بالا و پايين متن را مشخص ميکند.

width=" " عرض کادر را کنترل ميکند.



<-- !.....-->
از اين تگ براي افزودن نظريه يا هر نوشته ديگري که نميخواهيد در مرورگر نمايش داده شود و يا عملي را انجام دهد استفاده ميکنيد که بجاي نقطه چين هر متني را ميتوانيد وارد کنيد .

<bdo></bdo>
اين تگ فقط مخصوص مشخص کردن متن ازطرف چپ يا راست که داراي خصوصيت dir=” “ ميباشد و با ltr يعني از چپ به راست و rtl يعني از راست به چپ مقدار دهي ميشود.

[ali_boujari]

اين مطالب را من چند وقت پيش در وبلاگم گذاشته بودم

استافاده از مطالب فقط با نام بردن انجمن هاي پسي ورلد يا وبلاگ من مجاز است

[x-ray]

مرسی ادامه بده

[Nesta]

سلام
چيو ادامه بده آقا اينرو لطفاً لااقل پی دی اف کن تا دانلود کنن مردم اينطوری که همش حدر ميره

[ali_boujari]

چگونه مرورگر به صفحات وب واکنش نشان میدهد
به درخواست سرور مرورگرها مانند Internet Explorer یا Mozilla Firefox به صفحات واکنش نشان می دهند و درخواست یک استاندارد HTTP است که آدرسهای صفحات را دربر میگیرد.آدرس یک صفحه مانند [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] میباشد.
همه صفحات وب دستورعملهایی برای نشان دادن دارند و مرورگرها توسط خواندن این دستورعملها صفحه را نشان میدهند بیشترین تولیدات این دستورعملها توسط تگهای HTML انجام میگیرد.تگهای HTML یه چیزی مانند <p>This is a Paragraph</p> هستند. و اما چه کسانی استانداردهای وب را میسازند.
استانداردهای وب توسط Netscape یا Microsoft ساخته نمیشوند این قواعد توسط W3C ساخته میشوند و W3C یعنی World Wide Web Consortium .
اساسیترین استانداردها HTML, CSS و XML هستند و آخرین استاندارد HTML ی که استفاده میشه XHTML 1.0 میباشد.

[ali_boujari]

قرار دادن عکس بعنوان background یا زمينه وب
پس از يادگيری اين قسمت شما ميتوانيد بجای اينکه تنها يک رنگ در زمينه خود داشته باشيد .
يک عکس در ان قرار دهيد البته زمينه های زيادی وجود دارند که ميتوانيد از انها استفاده کنيد.
بعد از اينکه عکس را در زمينه قرار داديد اگر عکس در اندازه بزرگ بود به همان اندازه خودش ولی اگر در اندازه کوچک بود چندين بار در زمينه تکثير ميشود .

کد زیر برای قرار دادن عکسی بعنوان زمينه است ميتوانيد هر عکسی را که در هر سايتی و يا جای ديگری وجود دارد را بعنوان زمينه قرار دهيد حتی خودتان ميتوايند با فتوشاپ زمينه ای مناسب برای خود طرای کرده و در وبلاگتان قرار دهيد.
اين کد را در ويرايش قالب صفحه اصلی قرار دهيد سپس ادرس اينترنتی عکس مورد نظر خودرا بعد از url قرار دهيد .
كد :

<body class='mbx9-fsp'آدرس عکس")">

[ali_boujari]

ديگه يواش يواش مي خواهيم وارد بح ث هاي تخصصي شويم