دستورات HTML
دستورات HTML
با استفاده از این دستور می‌توان متن تأکیدی را مشخص کرد. متنی که با این دستور مشخص می‌شود، معمولاً بصورت پررنگ نوشته می‌شود. این دستور، یک دستور منطقی است نه فیزیکی. دستور زیر را ببینید
دستور <STRONG>
با استفاده از این دستور می‌توان متن تأکیدی را مشخص کرد. متنی که با این دستور مشخص می‌شود، معمولاً بصورت پررنگ نوشته می‌شود. این دستور، یک دستور منطقی در طراحی سایت است نه فیزیکی. دستور زیر را ببینید:
It is really <STRONG> Important </STRONG> to pay attention.
با اجرای این دستور، بر کلمه Important تأکید می‌شود.
دستور <DIV>
این دستور محتویاتی را مشخص می‌کند که باید به عنوان یک واحد منطقی مورد استفاده قرار گیرند. دستورات زیر را ببینید:
<DIV ALIGN = "JUSTIFY">
All text within this division will be justified
(but only under netscape 4.0 and above).
</DIV>
<DIV ALIGN = "right">
Get ready to animate and stylize this.
</DIV>
دستور <SPAN>
با این دستور می‌توان ویژگی خاصی را به متنی اعمال کرد. یعنی می‌توان متن را گروهبندی کرد و بر روی آن متن، صفات خاصی را تعیین نمود. دستور زیر را ببینید:
<H1> <SPAN CLASS = "black"> CSS </SPAN>
<SPAN CLASS = "white"> Fun <SPAN> </H1>
دستور <EM>
این دستور برای تأکید بر روی یک متن مورد استفاده قرار می‌گیرد. متنی که بین <EM> و </EM> قرار می‌گیرد، برای مرورگر به عنوان تأکید محسوب می‌شود و آن را به شیوه خاصی نشان می‌دهد.
This is an <EM> important point </EM> to consider.
دستور <BLOCKQUOTE>
اگر بخواهید متنی را داخل کوتیشن قرار دهید و آن را از سایر متنها جدا کنید، از این دستور استفاده کنید. این دستور، به متن مورد نظر تورفتگی می‌دهد. دستور زیر را ببینید:
<BLOCKQUOTE>
"This text is very important"
</BLOCKQUOTE>
مثال 4-3
برنامه‌ای که کاربرد دستورات <EM>، <DIV>، <BLOCKQUOTE> و <SPAN> را نشان می‌دهد. اجرای آن در شکل 6-3 آمده است.
<HTML>
<HEAD>
<TITLE> Last example </TITLE>
</HEAD>
</BODY> <DIV ALIGN = "right">
<H2> <SPAN> Internet </SPAN> </H2>
<H2> <SPAN CLASS = "black"> Programming </SPAN> </H2>
<H3> We are now at the <STRONG> END </STRONG> <BR>
Of chapter nine. We learned about <EM> simple statement </EM> <BR>
In HTML. <SPAN CLASS = "red"> I WILL SEE YOU IN CHAPTER TEN. </SPAN>
</H3> </DIV>
<BLOCKQUOTE> <H3> "This is a text that
Identified by a simple statement." </H3>
</BLOCKQUOTE>
</BODY>
</HTML>
کاراکترهای ویژه
گاهی لازم است کاراکترهای خاصی مثل >، <، .، {،} و غیره را به صفحه خود اضافه کنید. برای این منظور از کدهای خاصی به شکل &code استفاده می‌شود که code یک کلمه یا یک عدد است که کاراکتری را مشخص می‌کند. بعضی از این کاراکترها در جدول 2-3 آمده‌اند.
مثال 5-3
برنامه HTML که کاربرد کاراکترهای ویژه را نشان می‌دهد. نتیجه اجرا در شکل 7-3 آمده است.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Character Entities Example </TITLE>
</HEAD>
<BODY>
<H1 ALIGN = "center"> Olom Rayaneh Inc. 's Tagging Products </H1>
<H3>
<P> Character entities like &copy; allow users to insert
characters like ©. </P>
<P> One entity that is both useful and abused is the nonbreaking
space. </p>
Inserting spaces is easy with &nbsp;<BR>
Look: S P
A C E
S.
<HR>
<P> {
Contents of this page © is about the
<B> Book tag </B> and ⁢O> ™ is a registered trademark
of Olom Rayaneh, Inc.
} </P>
</H3>
</BODY>
</HTML>
دستورات بلوکی
دستورات بلوکی، ساختارهای بلوکی را ایجاد می‌کنند، مثل دستورات مربوط به پاراگرافها و لیستها (در ادامه بررسی می‌شود). اگر برنامه HTML به سبک بلوک نوشته شود، خوانایی آن بالا است. دستوراتی مثل <P>، <DIV> و <BODY> از دستورات بلوکی‌اند.
دستورات متنی
دستورات HTML به دو دسته فیزیکی و منطقی تقسیم می‌شوند. دستورات فیزیکی مثل <B> برای پررنگ کردن متن و <I> برای ایتالیک کردن متن، مشخص می‌کنند که متن چگونه باید نمایش داده شود. دستورات منطقی مثل <STRONG> و <EM> متن چیست و الزاماً چگونگی نمایش آن را مشخص نمی‌کنند.
مقالات مرتبط به طراحی سایت :
دستورات HTML
توضیحات در HTML
صفات عمومی دستورات HTML
شکل کلی دستورات و برنامه HTML
استفاده از تگ html
کد HTML