پاسخ با نقل قولتگ HTML
يک تگ Html ، کدی است که به مرورگر اعلام می نمايد با متن مورد نظر چه رفتاری را می بايست داشته باشد. هر تگ بصورت حروف و يا کلماتی که بين علامت < و > می باشند ، نشان داده می شود ( مثلا" <Body> ). برای اعلام خاتمه عمليات مورد نظر در رابطه با يک تگ خاص به مروگر، از "/" بهمراه تگ مربوطه استفاده می شود ( مثلا" <Body/> ) . اکثر تگ ها بصورت زوج ( شروع و پايان) استفاده می گردند. برخی از تگ ها تابع قانون فوق نمی باشند.
هر صفحه وب دارای تگ های زير در ابتدای صفحه است :
<HTML> . ابتدای يک صفحه وب را مشخص می نمايد.
<HEAD> . هدر صفحه وب را مشخص می نمايد
<TITLE> . عنوان در نظر گرفته شده برای صفحه وب را مشخص می نمايد.
<BODY> . ابتدای محتويات صفحه وب را مشخص می نمايد.
تگ های زير می بايست در انتهای صفحه بسته گردند.
<HTML> . ابتدای يک صفحه وب را مشخص می نمايد.
<BODY> . ابتدای محتويات صفحه وب را مشخص می نمايد.
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
نمایش نتایج 1 تا 10 از 13 مجموع
موضوع: مسائل و مفاهیم وب
-
11-04-09 09:06 #1
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
مسائل و مفاهیم وب
WEB
وب يکی از مهمترين سرويس های اينترنت است . حريم اطلاعات در وب " صفحه وب " ناميده می شود. صفحات وب در ارائه سرويس وب دارای نقشی حياتی می باشند. صفحات وب با استفاده از HTML ايجاد می گردند. HTML شامل مجموعه ای از تگ های از قبل تعريف شده و ثابت بوده که با استفاده از آنان می توان نحوه نمايش محتويات يک صفحه وب را برای نمايش دهندگان صفحات وب ( مرورگرها ) مشخص کرد. مرورگرهای وب دارای نرم افزار لازم برای تفسير هر يک از تگ های مربوطه و نمايش آنها می باشند.
قبل از بررسی HTML و امکانات مربوطه آن، لازم است در ابتدا با برخی از موارد مرتبط آشنائی اوليه بوجود آيد.
● صفحه وب . صفحه وب يک فايل ساده متنی بوده که محتويات آن علاوه بر متن، شامل تگ های HTML نيز می باشد. تگ های فوق ، نحوه نمايش اطلاعات توسط يک مرورگر را مشخص و تشريح می نمايند. تگ های HTML ، دستورالعمل های ساده ای بوده که نحوه نمايش محتويات صفحه را برای مرورگر وب ، تبين می نمايد. مرورگر بمنظور اتخاذ تصميم در رابطه با نحوه نمايش اطلاعات ، تگ های HTML را تفسير می نمايند.
● HTML يک " زبان نشانه گذاری " است . زبان فوق نحوه فرمت ( قالب ) يک صفحه را تشريح می نمايد. با استفاده از زبان فوق می توان : نوع ، اندازه و رنگ يک فونت ، ايجاد جداول ، استفاده از فايل های گرافيکی بهمراه صفحات وب ، استفاده از فايل های صوتی تصويری بهمراه صفحات وب و ... را مشخص نمود.
● مرورگر وب . مرورگر وب ( نظير Internet Explorer و يا Netescape Navigator) ، نرم افزاری است که دو کار اصلی را انجام می دهد:
▪ مرورگر وب با نحوه درخواست يک صفحه وب از سرويس دهنده وب آشنائی دارد. بدين ترتيب برنامه های فوق قادر به درخواست يک صفحه وب از سرويس دهنده وب و نمايش آن بر روی کامپيوتر سرويس گيرنده می باشند.
▪ مرورگر وب با نحوه تفسير تگ های HTML آشنائی دارد. پس از تفسير تگ های HTML زمينه نمايش اطلاعات موجود در صفحه وب با فرمت مشخص شده ، بوجود می آيد.
● سرويس دهنده وب . سرويس دهنده وب ، نرم افزاری است که قادر به پاسخگودی به مرورگر وب و ارسال صفحه درخواستی برای مرورگر است . صفحات وب بر اساس يک ساختار مشخص و تحت يک نام واحد ( نام حوزه ) بر روی سرويس دهنده وب ذخيره می گردند. بر روی يک سرويس دهنده وب امکان استقرار صفحات وب متعدد و با ساختارهای متمايز وجود دارد.
مشاهده محتويات اوليه يک صفحه وب
بمنظور مشاهده محتويات اوليه (Source) يک صفحه وب می توان با استفاده از گزينه "View Source" محتويات آن را مشاهده کرد. بدين منظور می توان کليد سمت راست موس را فعال ( زمانيکه صفحه مورد نظر توسط مرورگر نمايش داده شده است ) و گزينه "View Source" را انتخاب کرد. در ادامه پنجره ای فعال و کلمات و کاراکترهای مربوطه نمايش داده می شود. کلمات و کاراکترهای فوق ، کدهای برنامه نويسی Html می باشند. هر عنصر(Element) بهمراه کد مربوط ، يک تگ Html می باشد.
منبع: tehrandata
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
آخرین ویرایش توسط امپراطور در تاریخ 11-04-09 انجام شده است
-
11-04-09 09:09 #2
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
تگ HTML
-
11-04-09 09:10 #3
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
ايجاد يک صفحه وب
ايجاد يک صفحه وب
برای ايجاد صفحات وب از روش های متعددی استفاده می گردد.صدها شرکت در اين زمينه ابزارهائی را بدين منظور طراحی و عرضه نموده اند. در مقطع فعلی هدف صرفا" آشنائی با اصول اوليه صفحات وب می باشد ، بنابراين می توان از ابزارهای ساده ای نظير اديتورهای ساده متنی استفاده کرد. با توجه به نوع سيستم عامل نصب شده بر روی کامپيوتر می توان از گزينه های متفاوتی در اين زمينه استفاده کرد. مثلا" کاربران ويندوز می توانند از نرم افزار Notepad که يک اديتور ساده متنی است ، استفاده نمايند. اديتور را فعال و تگ های Html زير را در آن تايپ نمائيد :
<html>
<head>
<title> اولين صفحه وب </title>
</head>
<body>
اين اولين صفحه وبی است که نوشته می گردد
</body>
</html>
پس از تايپ تگ های فوق ، فايل را با نام دلخواه و انشعاب html و يا htm ذخيره نمائيد. در ادامه مرورگر موجود بر روی کامپيوتر خود را فعال و فايل فوق را با استفاده از آن فعال (open) نمائيد. صفحه وب در مرورگر بصورت زير نمايش داده می شود.
در ادامه برخی از تگ های متداول Html توضيح داده می شود.
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
-
11-04-09 09:11 #4
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
تگ های Bold,Italic,Underline
● تگ های Bold,Italic,Underline
برای پررنگ نمودن هر قسمت از متن دلخواه می توان ، آن را بين تگ های <B> و <B/> قرار داد.
خروجی
تگ Html
اين قسمت پر رنگ است
اين قسمت <B> پر رنگ <B/> است.
برای ايتاليک نمودن هر قسمت از متن دلخواه می توان ، آن را بين تگ های <I> و <I/> قرار داد.
خروجی
تگ Html
اين قسمت ايتاليک است
اين قسمت <I> ايتاليک <I/> است.
برای زيرخط داشتن هر قسمت از متن دلخواه می توان ، آن را بين تگ های <U> و <U/> قرار داد.
خروجی
تگ Html
اين قسمت زيرخط دارد
اين قسمت <U> زيرخط <U/> دارد
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
-
11-04-09 09:12 #5
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
تگ های پاراگراف و خط فاصله
● تگ های پاراگراف و خط فاصله
با استفاده از <BR> می توان بين خطوط فاصله ( خط خالی ) ايجاد کرد.
خروجی
تگ Html
اين قسمت
خط دوم نمايش داده می شود
اين قسمت <BR> خط دوم نمايش داده می شود
تگ <P> ، باعث ايجاد يک پاراگراف می گردد. در اين حالت بين خطوط ، فواصل بيشتری بوجود می آيد.
خروجی
تگ Html
اين قسمت
خط دوم نمايش داده می شود
اين قسمت <P> خط دوم نمايش داده می شود
تگ <hr> باعث ايجاد يک خط افقی می شود.
خروجی
تگ Html
اين يک خط افقی است.
--------------------------------------------------------------------------------
اين يک خط افقی است. <hr>
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
-
11-04-09 09:14 #6
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
تگ های نوع ، اندازه و رنگ فونت
● تگ های نوع ، اندازه و رنگ فونت
بمنظور تغيير رنگ متن دلخواه از تگ <Font color="color"> ... </Font> استفاده می شود.
خروجی
تگ Html
اين قسمت آبی است
اين قسمت <" Font color="Blue> آبی<Font/> است
برای تعيين رنگ می توان از کد معادل آن ( بصورت مبنای شانزده ) نيز استفاده کرد :
<font color= "#FDFD00">
در صورتيکه قصد اختصاص يک رنگ برای تمام نوشته های موجود در يک صفحه وب را داشته باشيد ، می توان در بخش <Body> از text=color بصورت زير استفاده کرد.
<Body text="blue" >
برای تغيير نوع فونت از تگ <font face="fonttype"> ...</font> استفاده می گردد.
خروجی
تگ Html
اين قسمت با فونت تيتر نوشته شده است
اين قسمت با <" Font face="Titr> فونت تيتر<Font/> نوشته شده است
برای تغيير اندازه فونت از تگ <font size="value"> ...</font> استفاده می گردد. اندازه فوتت پيش فرض سه است . در صورت تمايل می توان در بخش value از مقاديری بصورت 2 + ( افزايش به اندازه دو ) و يا 2 - ( کاهش به اندازه دو ) نيز استفاده کرد.
خروجی
تگ Html
اين قسمت با اندازه فونت نوشته شده است
اين قسمت با <" Font size="4> اندازه فونت<Font/> نوشته شده است
اين قسمت با اندازه فونت نوشته شده است
اين قسمت با < Font size=+2> اندازه فونت<Font/> نوشته شده است
اين قسمت با اندازه فونت نوشته شده است
اين قسمت با <Font size= -2> اندازه فونت<Font/> نوشته شده است
برای تغييراندازه يک فونت می توان از تگ های <small> و يا <big> نيز استفاده کرد.
خروجی
تگ Html
اين قسمت کوچک است
اين قسمت <small> کوچک <small/> است.
اين قسمت بزرگ است
اين قسمت <big> بزرگ <big/> است.
با استفاده از تگ های هدينگ ، نيز می توان اندازه يک فونت را تغيير داد. ( متن مورد نظر بصورت پررنگ نيز نوشته می شود)
خروجی
تگ Html
اين عنوان يک است <H1>اين عنوان يک است<H1/>
اين عنوان دو است <H2>اين عنوان دو است<H2/>
اين عنوان سه است <H3>اين عنوان سه است<H3/>
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
-
11-04-09 09:15 #7
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
تغيير رنگ زمينه يک صفحه
● تغيير رنگ زمينه يک صفحه
برای تغيير رنگ زمينه يک صفحه بهمراه تگ <Body> از bgcolo=color استفاده می شود.
خروجی
تگ Html
<body bgcolor="Red">
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
-
11-04-09 09:16 #8
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
ايجاد ليست
●ايجاد ليست
سه نوع ليست وجود دارد : Unordered ,Ordered,Descriptive در ادامه به نحوه استفاده از هر يک اشاره می گردد.
- يک ليست Unordered بصورت زير است :
Unordered list
مورد يک
مورد دوم
مورد سوم
برای ايجاد يک ليست unordered ، از تگ <ul> و برای مشخص نمودن هر آيتم ليست از تگ <li> استفاده می شود. نوع bullet ( قبل هر آيتم قرار می گيرد) می تواند Circle , square , disc باشد . بمنظور تغيير نوع bullet می توان بهمراه تگ <ul> از type استفاده کرد.
خروجی
تگ Html
مورد يک
مورد دوم
مورد سوم
<UL>
<li> مورد يک
<li> مورد دوم
<li> مورد سوم
</UL>
- يک ليست ordered بصورت زير است :
Ordered list
مورد يک
مورد دوم
مورد سوم
برای ايجاد يک ليست ordered ، از تگ <ol> و برای مشخص نمودن هر آيتم ليست از تگ <li> استفاده می شود.
خروجی
تگ Html
مورد يک
مورد دوم
مورد سوم
<OL>
<li> مورد يک
<li> مورد دوم
<li> مورد سوم
</OL>
نحوه مرتب سازی ليست ( قبل هر هر آيتم قرار می گيرد) می تواند تغيير داده شود . بمنظور تغيير نوع ليست می توان بهمراه تگ <ol> از type استفاده کرد. در اين حالت می توان از "A" بمنظور مرتب سازی ليست بر اساس حروف بزرگ ، از حرف "a" برای مرتب سازی ليست بر اساس حروف کوچک ، از حرف "I" برای مرتب سازی ليست بر اساس حروف بزرگ رومی و از حرف "i" برای مرتب سازی ليست بر اساس حروف رومی کوچک استفاده کرد. مثلا" دستور زير باعث نمايش ليست با استفاده از حروف رومی می گردد:
<OL type="I" >
يک ليست Descriptive ، ليستی از آيتم ها را ايجاد که در سطر دوم متن مورد نظر دارای تورفتگی است.
Descriptive list
مورد يک
مورد مربوط به يک
مورد دوم
از تگ <dl> برای تعريف ليست استفاده می شود. تگ <dt> برای سطرهای معمولی و از تگ <dd> برای سطرهائی شامل تورفتگی استفاده می شود.
خروجی
تگ Html
مورد يک
مورد مربوط به يک
مورد دوم
<DL >
<dt> مورد يک
<dd>مورد مربوط به يک
<dt> مورد دوم
</DL>
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
-
11-04-09 09:17 #9
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
لينک به ساير سايت ها و صفحات
● لينک به ساير سايت ها و صفحات
يکی از ويژگی های جالب صفحات وب ، امکان ايجاد لينک ( پيوند ) به ساير صفحات و سايت ها است . بدين منظور از تگ <a> بهمراه href که آدرس مورد نظر را مشخص می کند در ابتدای عنوان مورد نظر استفاده شده و در انتهای عنوان نيز از تگ </a> استفاده می شود.
<a href = "http://www.oursite.com"> برای ورود به سايت در اين محل کليک نمائيد </a>
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
-
11-04-09 09:18 #10
کاربر شهرسختافزار
- تاریخ عضویت
- Apr 2009
- ارسالها
- 75
- تشکر
- 2
- 31 تشکر در 20 ارسال
● پنجره جديد
در صورتيکه قصد داشته باشيم ، کاربران سايت پس از اينکه بر روی يک لينک ، کليک می نمايند ، صفحه حاوی لينک را کماکن در اختيار داشته باشند ، می توان از تگ <target=_Blank> همراه تگ <a> استفاده کرد. در چنين حالتی ، پس از اينکه کاربران بر روی لينک مورد نظر ، کليک نمودند ، يک پنجره خالی حديد فعال و محتويات سايت و يا صفحه لينک شده در آن نمايش داده خواهد .
<a href = "http://www.oursite.com/" target="_Blank" > برای ورود به سايت در اين محل کليک نمائيد </a>
● رنگ لينک ها
رنگ آبی بعنوان رنگ پيش فرض برای لينک ها در نظر گرفته شده است . بمنظور تغيير رنگ لينک ( قبل از مشاهده صفحه لينک شده ) و رنگ لينک ملاقات شده ( مشاهده شده ) می توان از تگ های <link> و <vlink> استفاده کرد . مثال زير نحوه عمليات فوق را نشان می دهد:
<body link = "Red" vlink = "gray" >
● لينک دريافت نامه الکترونيکی
در صورتيکه بخواهيم بر روی صفحه يک لينک بمنظور دريافت E-mail داشته باشيم ، بهمراه تگ <a> ، آدرس E-mail مربوطه را نيز مشخص نمود.
<a href = "mailto:Test@Test.com"> برای ارسال نامه الکترونيکی در اين محل کليک نمائيد </a>
● اضافه کردن تصوير و گرافيک
برای اضافه نمودن تصوير در يک صفحه وب از تگ زير استفاده می شود.
<img src= " نام فايل گرافيکی مورد نظر " >
● تراز متن
متن و تصاوير استفاده شده در يک صفحه وب ، بصورت پيش فرض " تراز از سمت چپ " می گردند. در صورتيکه بخواهيم بخش های خاص از صفحه در وسط قرار بگيرد ، از تگ <center> در ابتدای بخش مورد نظر و از تگ <center/> در انتهای بخش ، استفاده می شود.
برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید برای مشاهده این لینک/عکس می بایست عضو شوید ! برای عضویت اینجا کلیک کنید
 |
|
|
اطلاعات موضوع
کاربران در حال مشاهده موضوع
1 کاربر در حال مشاهده این موضوع. (0 عضو و 1 میهمان)
قوانین ارسال
Bookmarks