بهترین اطلاعات کامپیوتری

تگ Anchor و شناسه href | HTML , | علی فیروزجنگ

تگ Anchor و شناسه href
برای ایجاد پیوند به صفحات دیگر از تگ <a> استفاده میشود. پیوندها میتوانند به بخش دیگری از همان صفحه، صفحات دیگر وب، تصاویر، فایلهای صوتی یا حتی فیلم ها و ... اشاره کنند.
فرم کلی یک پیوند به قرار زیر است:
<a href="url">Some Text</a>
در مثال بالا تگ <a> برای ایجاد پیوندی به صفحه ای دیگر که آدرس اینترنتی آن url میباشد بکار رفته است. برای تعیین مقصد و یا آدرس صفحه جدید از شناسه ای به نام href که همان hyerlink reference میباشد، استفاده میشود و مقدار این شناسه در واقع همان آدرس اینترنتی صفحه مقصد است. بخش قابل رویت پیوند و در واقع متــنــی (و یا تصویری ) که توسط مرورگر نمایش داده خواهد شد و بازدیدکننده روی آن کلیک خواهد کرد میان تگهای <a> و </a> قرار داده میشود و هر چند که در مثال بالا این بخش متن "Some Text" است ولی میتواند حتی یک تصویر باشد.
برای نمونه کد اچتمل زیر پیوندی به سایت google.com ایجاد خواهد کرد:
<a href="http://www.google.com/">Visit Google Site</a>
و مرورگر پیوند بالا را به شکل زیر نمایش داده و در اثر کلیک روی پیوند توسط بازدیدکننده، مرورگر به سایت Google خواهد رفت.

|+| نظرات ()

تاریخ ثبت : چهارشنبه 23 شهریور 1384 ساعت : 10:09 ق.ظ

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

دو نکته بسیار مهم در مورد فارسی نویسی
روش کدگزاری UTF-8
اکیدا توصیه میشود که برای تایپ و تمایش متون فارسی از استاندارد یونیکد و روش کدگزاری UTF-8 اسنفاده شود و این روشی است که مطالب این سایت و ادیتور آنلاینش از آن استفاده میکند.نکته مهم در نمایش صحیح متون فارسی تعیین نوع کدگزاری یا encoing صفحات فارسی است که برای اینکار باید از متاتگ خاصی به نام http-equiv در بخش head صفحات اچتمل به شکل زیر استفاده شود:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
در اینصورت مرورگر یا Browser قبل از نمایش صفحه از روی متاتگ فوق نوع کدگزاری (Encoding) را تشخیص داده و دیگر مثلا نیازی به تعیین دستی (دراکسپلورور 5 : View/Encoing/Unicode / UTF-8 ) نوع Encoing توسط بازدیدکننده سایت نخواهد بود.
 شناسه یا attribute ی به نام dir
جهت نمایش متون لاتین به صورت پیش فرض و default از چپ به راست (ltr) میباشد.در مورد متون و جملات فارسی باید با کمک روشی جهت نمایش پیش فرض را به "راست به چپ" تغییر دهید. شناسه یا attribute ی به نام dir یا همان direction این کار را برای شما انجام میدهد. این شناسه دارای دو مقدار ممکن میباشد :

dir="ltr" , Left-to-right text. - چپ به راست
dir="rtl" , Right-to-left text. - راست به چپ
مثلا برای نمایش جمله فارسی "سلام بر دنیای وب!" با کمک عناصر p یا div کافی است که به یکی از شکلهای زیر عمل شود:
<p dir="rtl"> سلام بر دنیای وب </p>
<div dir="rtl"> سلام بر دنیای وب </div>
در بسیاری از عناصر و تگ های اچتمل امکان استفاده از شناسه dir میسر بوده و به عنوان نمونه میتوان از عناصر زیر نام برد:
<p> , <div> , <html> , <body> , <table> , <tr> , <td> , <h1 ... h6> , <input> , <pre> , <select> , <span> , ...

|+| نظرات ()

تاریخ ثبت : یکشنبه 20 شهریور 1384 ساعت : 08:09 ق.ظ

تگ های HTML | HTML , | علی فیروزجنگ

تگ های HTML
تگ های اچتمل (HTML Tags)
با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.
در زبان اچتمل حدود 80 عنصر تعریف شده است.
تگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند.
تگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند <b>test</b>
تگ اول در یک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پایانی نام دارد.
متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا "test"
تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) بنویسید و case sensitive نیستند. برای مثال دو تگ <b> و <B> معادل هم هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود.
عناصر اچتمل (HTML Elements)
مثال بخش مقدمه را در نظر بگیرید:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first html page. <b>This text is bold</b>
</body>
</html>
*** نمونه ای از یک عنصر اچتمل:
<b>This text is bold</b>
عنصر اچتمل بالا با تگ <b> شروع شده و با تگ <b/> پایان می یابد. محتوای این عنصر عبارت "This text is bold" است. لازم به ذکر است که کاربرد تگ <b> نمایش توپر یا bold متون است.
*** مثال دوم یک عنصر اچتمل (معلوم الحال) :
<body>
This is my first homepage. <b>This text is bold</b>
</body>
عنصر اچتمل بالا با تگ <body> شروع شده و با تگ <body/> پایان می یابد. همانطور که میبینید گاهی یک عنصر حاوی یک یا چند تگ دیگر میباشد.وظیفه تگ <body> تعیین بدنه اصلی یا body یک متن اچتمل است.لازم به یادآوری است که تنها اطلاعات بخش <body> یک فایل اچتمل در صفحه مرورگر نمایش داده خواهد شد.
شناسه های یک تگ (Tag Attributes)
تگ ها میتوانند حاوی اطلاعات اضافی دیگر باشند، به این اطلاعات شناسه یا Attribute میگویند و وظیفه آنها بیان دیگر اطلاعات یک عنصر یا Element میباشد. مثلا در مورد تگ <body> شناسه ای به نام bgcolor وجود دارد که رنگ زمینه متن (background) را تعیین میکند برای نمونه اگر میخواهید که رنگ زمینه صفحه اچتملتان سیاه باشد کافی است که به شکل زیر عمل کنید :
<body bgcolor="black">
در مثال زیر تگ <body> دارای چهار شناسه مختلف با نامهای width، height ، align و border و مقادیر center، 60، 100 و 0 میباشد.
<table border="0" width="100" height="60" align="center" >
......
</table>
شناسه ها به صورت کلی "مقدار=نام" یا "name=value" نوشته میشوند و همیشه به تگ شروع یک عنصر یا Element اضافه میشوند و نهایتا اگر در یک عنصر یا Element شناسه ها قید نشوند از مقادیر قراردادی یا default آنها استفاده خواهد شد مثلا در تگ body اگر شناسه bgcolor نوشته نشود از رنگ سفید برای زمینه صفحه استفاده خواهد شد.
مقدار یک شناسه را میتوانید داخل نویسه های " و یا ' بنویسید و اختیار دست شما است فقط در مواردی که مقدار یک شناسه شامل نویسه " هم میشود باید از نویسه ' استفاده شود.

|+| نظرات ()

تاریخ ثبت : شنبه 19 شهریور 1384 ساعت : 08:09 ق.ظ

قرار دادن تصویر در صفحات و کد جدول | HTML , | علی فیروزجنگ

قرار دادن تصویر در صفحات و کد جدول
پیوند دادن یک تصویر:
       امروز یک کدی رو به شما معرفی کنم که بوسیله اون میتونید از ترکیب کردن دو تگ <A> و <IMG> برای یک تصویر ÷یوند ایجاد کنید یعنی با کلیک کردن روی تصویر به صفحه دلخواه برید یا کار دلخواه خودتون رو انجام بدید.

<A Herf="/html/about.htm"><Img Src="/image/01.gif"></A>

            اگر کد بالا رو درون طراحی خودتون قرار بدید و آدرس صفحه و همچنین آدرس تصویر رو درست تنظیم بکنید تصویری که انتخاب کردید به یک لینک تصویری تبدیل میشه.

تگ <Table> :
            این تگ یکی از مهمترین تگهای زبان HTML میباشد که بوسیله این تگ و پارامترهایی که داره شما میتونید در صفحات وب خودتون جدول نیز رسم کنید.ابتدا تگ و پارامترهاش رو معرفی میکنم بعد یک مثال میزنم.

            حالت کلی:
            <Table>

</Table>
پارامترها :
            از پارامتر اول جهت رسم ردیف استفاده میشود و از پارامتر دوم جهت رسم یک ستون مورد استفاده قرار می گیرد.
            پرامتر سوم مشخص میکند که خطهای جدول چه مقدار ضخامتی داشته باشند که N برابر با یک عدد میشود.
            نهایت پارامترچهارم برای تعیین اندازه سطر یا ستونهای جدول استفاده میشود.
            در نهایت پارامتر آخر جهت قرار دادن جدول در یک سمت از صفحه نمایش مورد استفاده قرار میگیرد.

<TR></TR>
<TD></TD>
Border = N
Width – Heigh
Align = "Left – Right – Center"

یک مثال کلی :
<Html>
        <Body>

<center><h1><b>Create The table</Center></b></h1><Br>

          <"Table border=1 align="center>
         <Tr>
                <td>Part-1</td>
                        <Td>Click</Td>
                        <Td>Register</Td>
         </Tr>

         <Tr>
                <td>Part-2</td>
                        <Td>Click</Td>
                        <Td>Register</Td>
</Tr>

         <Tr>
                <td>Part-3</td>
                        <Td>Click</Td>
                        <Td>Register</Td>
            </Tr>

            <Tr>
                <Td>Part-4</tdT
                        <Td>Click</Td>
                        <Td>Register</Td>
         </Tr>

<Table/>
</Body>
</Html>

در این قسمت شما با یکی دیگه از تگهای زبان HTML آشنا شدید که کار اون رسم جدول بود که فکر کنم خیلی در طراحی صفحات وب کاربرد داشته باشه.فکر کنم طریقه دیدن مثال بالا رو هم بلد باشید.اول اون رو تو محیط NOTEPAD کپی کنید بعد اون رو با پسوند *.HTM ذخیره کنید بعدش هم ببینید.

|+| نظرات ()

تاریخ ثبت : شنبه 19 شهریور 1384 ساعت : 08:09 ق.ظ

Last Posts

+ فعالیت نوین، تجارت نوین
+ نسخه نهایی مسنجر 8 یاهو سرانجام عرضه شد
+ Office 2007 بیش از 3 میلیون بار بارگذاری شد
+ فهرست 100 فیلم جذاب تاریخ سینمای آمریكا منتشر شد
+ یک امکان مجاز
+ Yahoo و MSN
+ Gangهای اینترنت باز
+ ویندوز قلابی
+ Samsung و ipod
+ مایكروسافت در آسیا
+ هكرها و سانسور اینترنت
+ گوگل رسما صرف شد
+ گوگل و سلامتی
+ Google و ebay
+ راز مشكلات امنیتی نرم افزار آفیس فاش شد