یک فایل HTML چیست؟

 یک فایل اچتمل متنی از نوع text است که از عناصر یا element ها تشکیل

میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود.

تگ های اچتمل (HTML Tags)

  عناصر اچتمل (HTML Elements)

 شناسه های یک تگ (Tag Attributes)

انشعاب فایل htm یا html ؟

نکته ای در مورد ادیتورهای اچتمل ( HTML Editors )

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

؟HTML چیست

یک فایل HTML چیست؟

 یک فایل اچتمل متنی از نوع text است که از عناصر یا element ها تشکیل

میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود.

تگ های اچتمل (HTML Tags)

- با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.

-در زبان اچتمل حدود 80 عنصر تعریف شده است.

-تگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند

-تگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند test

-تگ اول در یک زوج تگ مثلا تگ شروع و تگ دوم مثلا تگ پایانی

نام دارد.

-متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا lement content 

نامیده میشود، مثلا "test"

-تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا

 بزرگ (upper case) بنویسید و case sensitive نیستند. برای مثال دو تگ

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

 سازگاری با XHTML از حروف کوچک استفاده شود.

 عناصر اچتمل (HTML Elements)

 
Title of page
This is my first html page.
 This text is bold




*** نمونه ای از یک عنصر اچتمل:









This text is bold


عنصر اچتمل بالا با تگ  شروع شده و با تگ  پایان می یابد. 


محتوای این عنصر عبارت "This text is bold" است. لازم به ذکر است 


که کاربرد تگ  نمایش توپر یا bold متون است. 


*** مثال دوم از یک عنصر اچتمل :


 
This is my first homepage. This text is bold
 عنصر اچتمل بالا با تگ  شروع شده و با تگ  پایان
 می یابد.
 همانطور که میبینید گاهی یک عنصر حاوی یک یا چند تگ دیگر میباشد.
وظیفه تگ  تعیین بدنه اصلی یا body یک متن اچتمل است.لازم
 به یادآوری است که تنها اطلاعات بخش  یک فایل اچتمل در 
صفحه مرورگر نمایش داده خواهد شد. 
شناسه های یک تگ (Tag Attributes) 
تگ ها میتوانند حاوی اطلاعات اضافی دیگر باشند، به این اطلاعات
 شناسه یا Attribute میگویند و وظیفه آنها بیان دیگر اطلاعات یک
 عنصر یا Element میباشد. مثلا در مورد تگ شناسه ای
 به نام bgcolor وجود دارد که رنگ زمینه متن (background) را تعیین
 میکند برای نمونه اگر میخواهید که رنگ زمینه صفحه اچتملتان 
سیاه باشد کافی است که به شکل زیر عمل کنید : 
 
در مثال زیر تگ  دارای چهار شناسه مختلف با نامهای width،
 height ، align و border و مقادیر center، 60، 100 و 0 میباشد. 

...... 
 
 
شناسه ها به صورت کلی "مقدار=نام" یا "name=value" 
نوشته میشوند و همیشه به تگ شروع یک عنصر یا Element 
اضافه میشوند و نهایتا اگر در یک عنصر یا Element 
شناسه ها قید نشوند از مقادیر قراردادی یا default
 آنها استفاده خواهد شد مثلا در تگ body اگر شناسه
 bgcolor نوشته نشود از رنگ سفید برای زمینه صفحه
 استفاده خواهد شد. مقدار یک شناسه را میتوانید
 داخل نویسه های " و یا ' بنویسید و اختیار دست شما
 است فقط در مواردی که مقدار یک شناسه شامل نویسه "
 هم میشود باید از نویسه ' استفاده شود. 


یک فایل HTML چیست؟


HTML-* را "اچ تی ام ال" و یا اچتمل بخوانید. 


HTML-* برگرفته از حروف اول Hyper Text Markup Language میباشد. 


-*یک فایل HTML فایلی از نوع text میباشد که متشکلmarkup tag ها میباشد. -


-*مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید


صفحه را نمایش بدهد. 


-*یک فایل HTML باید دارای انشعاب htm و یا html باشد. 


-*یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای 


قابل ایجاد است. 


-*وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی


نمایش اطلاعات میباشد. 






میخواهید که یک فایل اچتمل بسازید؟


اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند. ) و متن زیر را در آن تایپ کنید:









Title of page
This is my first html page. This text is bold




سپس فایل را با نام مثلا test.html در درایو c:\ ذخیره کنید.


برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان ( معمولا اینترنت اکسپلورر و یا نتسکیپ نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده بخوانید. ( به آدرس فایل در قسمت Address توجه کنید، مثلا c:\test.html) 
یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی این لینک فایلی شبیه فایل ذخیره شده توسط شما از روی وب سرور توسط مرورگرتان خوانده شده و سپس نمایش داده خواهد شد!!! 


توضیح مثال بالا


اولین تگ مثال بالا تگ  میباشد. از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از روی  انتهای متن اچتمل را میبابد.


متن بین تگ  و تگ  اطلاعات شناسنامه ای یا "Header information" متن اچتمل بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهای  و <title/> تیتر و یا Title صفحه که در این مثال عبارت "Title of page" میباشد در بالای مرورگر نمایش داده خواهد شد. </P>
<P dir=rtl>متن بین تگ <body> و انتهای آن یعنی تگ <body/> تنها اطلاعاتی است که توسط مرورگرنمایش داده خواهند شد. </P>
<P dir=rtl>متن بین تگ <b> و انتهای آن یعنی تگ <b/> بصورت Bold و یا توپر نمایش داده خواهند شد. </P>
<H5 dir=rtl>انشعاب فایل htm یا html ؟</H5>
<P dir=rtl>اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.)</P>
<H5 dir=rtl>نکته ای در مورد ادیتورهای اچتمل ( HTML Editors ) </H5>
<P dir=rtl>با وجودیکه با استفاده از ادیتورهای اختصاصی اچتمل مانند FrontPage و یا Claris Home Page امکان نوشتن و طراحی صفحات اچتمل بصورت WYSIWYG یا "<B>W</B>hat <B>Y</B>ou <B>S</B>ee <B>I</B>s <B>W</B>hat <B>Y</B>ou <B>G</B>et" وجود دارد اما توصیه میشود که از ادیتورهای معمولی متن برای تهیه صفحات خود استفاده کرده، عملکرد تگها را شناخته و هیچگاه بدون اینکه بدانید کاربرد یک تگ چیست آنرا بکار نبرید.</P></DIV></DIV>
 <div class="clear"></div>
</div>
<!-- end postcontent --> 
 


    
 


</div>
<!-- end postbody -->

  <div class="postinfo">
       <a href="/post/331">+</a> نوشته شده در <span dir="ltr">22 Apr 2010</span> ساعت ۱۰:۲۱ ق.ظ توسط امین مهرکیش
        | <span dir="rtl" comment-for="331"></span>
       <div class="clear"></div>
   </div>

</div>
<!-- end post -->










</div>
<!-- end content -->

<div id="sidebar">


   
    <div class="profile">
     <img src="https://www.blogfa.com/photo/ad/entezarooo.jpg" >
	  دراینجاهرچه میخواهد دل تنگت بگو
     </div>
   


<div class="menu">
                <ul>
                    <li><a href="/">خانه</a></li>
                    
                    <li><a href="mailto:a.mehrkish@gmail.com">پست الکترونیک</a></li>
                    <li><a href="/archive">آرشیو وبلاگ</a></li>
                    <li><a href="/posts/">عناوین نوشته ها</a></li>
                </ul>
</div>



 




                <div class="box">
                    <h6>نوشته‌های پیشین</h6>
                    <ul>
                        
                            <li><a href="/1391/03/2">۱۳۹۱/۰۳/۰۸ - ۱۳۹۱/۰۳/۱۴</a></li>
                        
                            <li><a href="/1390/06/3">۱۳۹۰/۰۶/۱۵ - ۱۳۹۰/۰۶/۲۱</a></li>
                        
                            <li><a href="/1389/11/2">۱۳۸۹/۱۱/۰۸ - ۱۳۸۹/۱۱/۱۴</a></li>
                        
                            <li><a href="/1389/04/3">۱۳۸۹/۰۴/۱۵ - ۱۳۸۹/۰۴/۲۱</a></li>
                        
                            <li><a href="/1389/02/3">۱۳۸۹/۰۲/۱۵ - ۱۳۸۹/۰۲/۲۱</a></li>
                        
                            <li><a href="/1389/02/2">۱۳۸۹/۰۲/۰۸ - ۱۳۸۹/۰۲/۱۴</a></li>
                        
                            <li><a href="/1389/02/1">۱۳۸۹/۰۲/۰۱ - ۱۳۸۹/۰۲/۰۷</a></li>
                        
                            <li><a href="/1389/01/3">۱۳۸۹/۰۱/۱۵ - ۱۳۸۹/۰۱/۲۱</a></li>
                        
                            <li><a href="/1389/01/2">۱۳۸۹/۰۱/۰۸ - ۱۳۸۹/۰۱/۱۴</a></li>
                        
                            <li><a href="/1388/06/2">۱۳۸۸/۰۶/۰۸ - ۱۳۸۸/۰۶/۱۴</a></li>
                        
                            <li><a href="/1388/06/1">۱۳۸۸/۰۶/۰۱ - ۱۳۸۸/۰۶/۰۷</a></li>
                        
                            <li><a href="/1388/05/4">۱۳۸۸/۰۵/۲۲ - ۱۳۸۸/۰۵/۳۱</a></li>
                        
                            <li><a href="/1388/04/4">۱۳۸۸/۰۴/۲۲ - ۱۳۸۸/۰۴/۳۱</a></li>
                        
                            <li><a href="/1388/02/4">۱۳۸۸/۰۲/۲۲ - ۱۳۸۸/۰۲/۳۱</a></li>
                        
                            <li><a href="/1387/12/4">۱۳۸۷/۱۲/۲۲ - ۱۳۸۷/۱۲/۳۰</a></li>
                        
                            <li><a href="/1387/11/1">۱۳۸۷/۱۱/۰۱ - ۱۳۸۷/۱۱/۰۷</a></li>
                        
                            <li><a href="/1387/10/4">۱۳۸۷/۱۰/۲۲ - ۱۳۸۷/۱۰/۳۰</a></li>
                        
                    </ul>
                </div>




 











                <div class="box">
                    <h6>پیوندها</h6>
                    <ul>
                        
                            <li><a href="http://matlabpc.blogfa.com" target="_blank">وبلاگ matlabpc</a></li>
                        
                            <li><a href="http://hadi-doost.blogfa.com" target="_blank">وبلاگ جالب با مطالب خواندنی بسیار</a></li>
                        
                            <li><a href="http://yar-mehraban.blogfa.com" target="_blank">وبلاگ بچه های آموزشکده فنی شهید صدوقی یزد</a></li>
                        
                            <li><a href="http://tyaman.blogfa.com" target="_blank">وبلاگ تخصصی در زمینه نرم افزارهایsolid work &catia</a></li>
                        
                    </ul>
                </div>




<div class="custombox">
                
<div class="clear"></div>
</div>
            

 <div class="copyright">
                    <a href="http://www.blogfa.com">BLOGFA.COM</a>
 </div>            


</div>
<!-- end sidebar -->

<div class="clear"></div>

</div>
<!-- end container -->

</div>
<!-- end wrapper -->


</body>

</html>