آموزش html از مبتدی تا پیشرفته

[moji5]

در زبان اچتمل رنگها بر اساس ترکيب سه منبع نوري قرمز(Red)، سبز(Green) و آبي(Blue) تعريف ميشوند و هر منبع نوري شدتي بين 0 تا 255 را ميتواند داشته باشد. در اين استاندارد نور سفيد رنگي است حاصل از تداخل سه منبع نوري با شدت کامل يعني 255 و رنگ سياه حاصل تداخل سه نور با شدت 0 خواهد بود.(در واقع هر نقطه رنگي يا پيکسل بر روي صفحه مانيتور حاصل برخورد سه اشعه نوري قرمز، سبز و آبي ساخته شده توسط لامپ تصوير ميباشد.)

توجه داشته باشيد که مطابق تعريف ذکر شده امکان استفاده از 256 x 256 x 256 يا حدود 16 ميليون (16,777,216) رنگ مختلف وجود داشته و در شناسه هاي مختلف به يکي از سه روش زير قادر به تعيين رنگ متن يا ناحيه اي خواهيد بود:
استفاده از مقادير شدت نور در مبناي 16 با فرمت #RRGGBB که RR، GG, BB مقادير مبناي شانزده نورهاي قرمز، سبز و آبي ميباشند.
استفاده از مقادير شدت نور در مبناي 10 با فرمت rgb(RRR,GGG,BBB) که RRR، GGG, BBB مقادير مبناي ده نورهاي قرمز، سبز و آبي ميباشند.
استفاده از نامهاي استاندارد رنگها مانند red ، green و ... مطابق جدول انتهائي اين صفحه
جدول زير حاوي جندين مثال و رنگ ترکيبي در مبناي ده و شانزده ميباشد:

Color مبناي 16 (Color HEX) مبناي 10 (Color RGB) نام رنگ
#000000 rgb(0,0,0) Black

#FF0000 rgb(255,0,0) Red

#00FF00 rgb(0,255,0) Lime

#0000FF rgb(0,0,255) Blue

#FFFF00 rgb(255,255,0) Yellow

#00FFFF rgb(0,255,255) Cyan

#FF00FF rgb(255,0,255) Fuchsia

#FFFFFF rgb(255,255,255) White

#C0C0C0 rgb(192,192,192) Silver



مثالهائي از نحوه استفاده از رنگها در اچتمل:
<p style="color:#FF00FF">Hello!</p> استفاده از مقدار در مبناي 16

<p style="color:rgb(255,0,255)">Hello!</p> استفاده از مقدار در مبناي 10

<p style="color:Fuchsia">Hello!</p> استفاده از نام رنگ

body{ color: #444400; } تعيين رنگ نوشته المان body در Style sheet ها

body{ background-color:#FFFFFF; } تعيين رنگ زمينه صفحه در Style sheet ها

HR { color : #EEEECC;} تعيين رنگ خطوط افقي در Style sheet ها

a:link {color:#c00B09;} تعيين رنگ پيوندها در Style sheet ها

p {color:Yellow;} تعيين رنگ متون پاراگرافها در Style sheet ها



جدول رنگهاي پايه اچتمل بر اساس مقادير هگز
#EEEEEE #DDDDDD #CCCCCC #BBBBBB #AAAAAA #999999
#888888 #777777 #666666 #555555 #444444 #333333
#000000 #000033 #000066 #000099 #0000CC #0000FF
#330000 #330033 #330066 #330099 #3300CC #3300FF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#003300 #003333 #003366 #003399 #0033CC #0033FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#CC6600 #CC6633 #CC6666 #CC3399 #CC66CC #CC66FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF



جدول رنگهاي نامگذاري شده و مقادير معادل هگز آن به ترتيب حروف الفباء
Aliceblue
#F0F8FF Antiquewhite
#FAEBD7 Aqua
#00FFFF
Aquamarine
#7FFFD4 Azure
#F0FFFF Beige
#F5F5DC
Bisque
#FFE4C4 Black
#000000 Blanchedalmond
#FFEBCD
Blue
#0000FF Blueviolet
#8A2BE2 Brown
#A52A2A
Burlywood
#DEB887 Cadetblue
#5F9EA0 Chartreuse
#7FFF00
Chocolate
#D2691E Coral
#FF7F50 Cornflowerblue
#6495ED
Cornsilk
#FFF8DC Crimson
#DC143C Cyan
#00FFFF
Darkblue
#00008B Darkcyan
#008B8B Darkgoldenrod
#B8860B
Darkgray
#A9A9A9 Darkgreen
#006400 Darkkhaki
#BDB76B
Darkmagenta
#8B008B Darkolivegreen
#556B2F Darkorange
#FF8C00
Darkorchid
#9932CC Darkred
#8B0000 Darksalmon
#E9967A
Darkseagreen
#8FBC8F Darkslateblue
#483D8B Darkslategray
#2F4F4F
Darkturquoise
#00CED1 Darkviolet
#9400D3 Deeppink
#FF1493
Deepskyblue
#00BFFF Dimgray
#696969 Dodgerblue
#1E90FF
Firebrick
#B22222 Floralwhite
#FFFAF0 Forestgreen
#228B22
Fuchsia
#FF00FF Gainsboro
#DCDCDC Ghostwhite
#F8F8FF
Gold
#FFD700 Goldenrod
#DAA520 Gray
#808080
Green
#008000 Greenyellow
#ADFF2F Honeydew
#F0FFF0
Hotpink
#FF69B4 Indianred
#CD5C5C Indigo
#4B0082
Ivory
#FFFFF0 Khaki
#F0E68C Lavender
#E6E6FA
Lavenderblush
#FFF0F5 Lawngreen
#7CFC00 Lemonchiffon
#FFFACD
Lightblue
#ADD8E6 Lightcoral
#F08080 Lightcyan
#E0FFFF
Lightgoldenrodyellow
#FAFAD2 Lightgreen
#90EE90 Lightgrey
#D3D3D3
Lightpink
#FFB6C1 Lightsalmon
#FFA07A Lightseagreen
#20B2AA
Lightskyblue
#87CEFA Lightslategray
#778899 Lightsteelblue
#B0C4DE
Lightyellow
#FFFFE0 Lime
#00FF00 Limegreen
#32CD32
Linen
#FAF0E6 Magenta
#FF00FF Maroon
#800000
Mediumaquamarine
#66CDAA Mediumblue
#0000CD Mediumorchid
#BA55D3
Mediumpurple
#9370D8 Mediumseagreen
#3CB371 Mediumslateblue
#7B68EE
Mediumspringgreen
#00FA9A Mediumturquoise
#48D1CC Mediumvioletred
#C71585
Midnightblue
#191970 Mintcream
#F5FFFA Mistyrose
#FFE4E1
Moccasin
#FFE4B5 Navajowhite
#FFDEAD Navy
#000080
Oldlace
#FDF5E6 Olive
#808000 Olivedrab
#688E23
Orange
#FFA500 Orangered
#FF4500 Orchid
#DA70D6
Palegoldenrod
#EEE8AA Palegreen
#98FB98 Paleturquoise
#AFEEEE
Palevioletred
#D87093 Papayawhip
#FFEFD5 Peachpuff
#FFDAB9
Peru
#CD853F Pink
#FFC0CB Plum
#DDA0DD
Powderblue
#B0E0E6 Purple
#800080 Red
#FF0000
Rosybrown
#BC8F8F Royalblue
#4169E1 Saddlebrown
#8B4513
Salmon
#FA8072 Sandybrown
#F4A460 Seagreen
#2E8B57
Seashell
#FFF5EE Sienna
#A0522D Silver
#C0C0C0
Skyblue
#87CEEB Slateblue
#6A5ACD Slategray
#708090
Snow
#FFFAFA Springgreen
#00FF7F Steelblue
#4682B4
Tan
#D2B48C Teal
#008080 Thistle
#D8BFD8
Tomato
#FF6347 Turquoise
#40E0D0 Violet
#EE82EE
Wheat
#F5DEB3 White
#FFFFFF Whitesmoke
#F5F5F5
Yellow
#FFFF00 YellowGreen
#9ACD32

[moji5]

NAME W3C HTML NS MSIE DESCRIPTION
A HTML40 NS3+ MSIE3+ anchor

ABBR HTML40 abbreviated form (e.g., WWW, HTTP, etc.)

ACRONYM HTML40

ADDRESS HTML40 NS3+ MSIE3+ information on author

APPLET HTML40 NS3+ MSIE3+ Java applet

AREA HTML40 NS3+ MSIE3+ client-side image map area

B HTML40 NS3+ MSIE3+ bold text style

BASE HTML40 NS3+ MSIE3+ document base URI

BASEFONT HTML40 NS3+ MSIE3+ base font for the page

BDO HTML40 MSIE5+ I18N BiDi over-ride

BGSOUND MSIE3+ background sound

BIG HTML40 NS3+ MSIE3+ enlarge text style

BLINK NS3+ blinking text

BLOCKQUOTE HTML40 NS3+ MSIE3+ long quotation

BODY HTML40 NS3+ MSIE3+ document body

BR HTML40 NS3+ MSIE3+ forced line break

BUTTON HTML40 MSIE4+ push button

CAPTION HTML40 NS3+ MSIE3+ table caption

CENTER HTML40 NS3+ MSIE4+ shorthand for DIV align=center

CITE HTML40 NS3+ MSIE3+ citation font format

CODE HTML40 NS3+ MSIE3+ computer code fragment

COL HTML40 MSIE3+ table column

COLGROUP HTML40 MSIE3+ table column group

COMMENT MSIE3+ comment ignored by the browser

DD HTML40 NS3+ MSIE3+ definition description

DEL HTML40 MSIE4+ deleted text

DFN HTML40 MSIE3+ instance definition

DIR HTML40 NS3+ MSIE3+ directory list

DIV HTML40 NS3+ MSIE3+ generic language/style container

DL HTML40 NS3+ MSIE3+ definition list

DT HTML40 NS3+ MSIE3+ definition term

EM HTML40 NS3+ MSIE3+ emphasis

EMBED NS3+ MSIE3+ embeds external object in HTML

FIELDSET HTML40 MSIE4+ form control group

FONT HTML40 NS3+ MSIE3+ local change to font

FORM HTML40 NS3+ MSIE3+ interactive form

FRAME HTML40 NS3+ MSIE3+ subwindow

FRAMESET HTML40 NS3+ MSIE3+ window subdivision

H1 HTML40 NS3+ MSIE3+ heading

H2 HTML40 NS3+ MSIE3+ heading

H3 HTML40 NS3+ MSIE3+ heading

H4 HTML40 NS3+ MSIE3+ heading

H5 HTML40 NS3+ MSIE3+ heading

H6 HTML40 NS3+ MSIE3+ heading

HEAD HTML40 NS3+ MSIE3+ document head

HR HTML40 NS3+ MSIE3+ horizontal rule

HTML HTML40 NS3+ MSIE3+ document root element

I HTML40 NS3+ MSIE3+ italic text style

IFRAME HTML40 MSIE3+ inline subwindow

ILAYER NS4+ positioning content

IMG HTML40 NS3+ MSIE3+ Embedded image

INPUT HTML40 NS3+ MSIE3+ form control/field

INS HTML40 MSIE4+ inserted text

ISINDEX HTML40 NS3+ MSIE4+ single line prompt

KBD HTML40 NS3+ MSIE3+ text to be entered by the user

KEYGEN NS4+ for use in web-based certificate management systems

LABEL HTML40 MSIE4+ form field label text

LAYER NS4+ positioning content

LEGEND HTML40 MSIE4+ fieldset legend

LI HTML40 NS3+ MSIE3+ list item

LINK HTML40 NS4+ MSIE3+ a media-independent link

MAP HTML40 NS3+ MSIE3+ client-side image map

MARQUEE MSIE3+ scrolling text field

MENU HTML40 NS3+ MSIE3+ menu list

META HTML40 NS3+ MSIE3+ generic metainformation

MULTICOL NS3+ multiple column formatting

NOBR NS3+ MSIE3+ ensures that a line of text does not wrap to the next line

NOEMBED NS3+ alternative text for embedded objects

NOFRAMES HTML40 NS3+ MSIE3+ alternate content container for non frame-based rendering

NOLAYER NS3+ positioning content

NOSCRIPT HTML40 NS3+ MSIE3+ alternate content container for non script-based rendering

OBJECT HTML40 NS4+ MSIE3+ generic embedded object

OL HTML40 NS3+ MSIE3+ ordered list

OPTGROUP HTML40 option group

OPTION HTML40 NS3+ MSIE3+ selectable choice

P HTML40 NS3+ MSIE3+ paragraph

PARAM HTML40 NS3+ MSIE3+ named property value

PLAINTEXT NS3+ MSIE3+ text format

PRE HTML40 NS3+ MSIE3+ preformatted text

Q HTML40 MSIE4+ sets apart a quotation in text

S HTML40 NS2+ MSIE3+ strike-through text style

SAMP HTML40 MSIE3+ sample program output, scripts, etc.

SCRIPT HTML40 NS3+ MSIE3+ script statements

SELECT HTML40 NS3+ MSIE3+ option selector

SERVER NS3+ specifies server-side JavaScript statements

SMALL HTML40 NS3+ MSIE3+ small text style

SPACER NS3+ inserts a space in a document

SPAN HTML40 NS4+ MSIE3+ generic language/style container

STRIKE HTML40 NS3+ MSIE3+ strike-through text

STRONG HTML40 NS3+ MSIE3+ strong emphasis

STYLE HTML40 NS4+ MSIE3+ style info

SUB HTML40 NS3+ MSIE3+ subscript

SUP HTML40 NS3+ MSIE3+ superscript

TABLE HTML40 NS3+ MSIE3+ table

TBODY HTML40 MSIE4+ table body

TD HTML40 NS3+ MSIE3+ table data cell

TEXTAREA HTML40 NS3+ MSIE3+ multi-line text field

TFOOT HTML40 MSIE4+ table footer

TH HTML40 NS3+ MSIE3+ table header cell

THEAD HTML40 MSIE4+ table header

TITLE HTML40 NS3+ MSIE3+ document title

TR HTML40 NS3+ MSIE3+ table row

TT HTML40 NS3+ MSIE3+ teletype or monospaced text style

U HTML40 NS3+ MSIE3+ underlined text style

UL HTML40 NS3+ MSIE3+ unordered list

VAR HTML40 NS3+ MSIE3+ instance of a variable or program argument

[moji5]

چنانچه قصد داريد برنامه نويسي را شروع كنيدمناسب است كه به نكات زير توجه نماييد.
? در دنياي اينترنت از پروتكل هاي مختلف (پروتكل-Protocol- زبان قابل فهم بين كامپيوترها است)استفاده ميشود. دو پروتكل زير بيشترين كاربرد را در كار يك برنامه نويس دارد.
1- پروتكل HTTP (Hyper text Transfer Protocol)
عمدتا از اين پروتكل براي ارسال درخواستها و پاسخها كه بين مرورگر –Browser- وسرور وب انجام ميشود استفاده مي گردد . ابتدا مرورگر درخواستي را براي سرور مي فرستد . سرور درخواست را بررسي كرده وجواب آن را براي مرورگر ارسال ميكند . web server مشهور IISوApachi ميباشد.
2- پروتكل FTP (File Transfer Protocol)
هنگاميكه بخواهيد فايلهاي آماده شده براي سايت را به مكان اصلي آنها بر روي يك سرور وب (web host) منتقل كنيد كه اين سرور از لحاظ مكاني دور از دسترس شما قرار دارد (مثلا شما در ايران هستيد وسرور شما در كانادا مي باشد ) از اين پرووتكل براي رد وبدل فايلها بين كامپيوترها استفاده مي كنيد . ابزارهايي براي اين كار تهيه شده است.
? اسكريپت نويسي (كدهاي برنامه نويسي است كه شما در كنار HTML هاي خود قرار مي دهيد تا كيفيت وتوان سايت را افزايش دهند )كه معمولا براي يك سايت صورت مي گيرد به دو دسته زير تقسيم ميشوند.
1- اسكريپت نويسي طرف مرورگر (Client) كه عمدتا با زبان javascript نوشته ميشود . علت استفاده از اين زبان ، پشتيباني اكثر مروگر ها از آن ميباشد. زبان ديگر اسكريپت نويسي طرف مرورگر VBScript است كه فقط مرورگر Internet Explorer با آن مي تواند كار كند .
برنامه اي كه شما مي نويسيد توسط مرورگر اجرا خواهد شد . اين برنامه ها نمي توانند كاري خارج از محيط مرورگر انجام دهند (مثلا نميتوانند فايلي ساخته يا فايلي را از روي هارد كاربر پاك كنند)
2- اسكريپت نويسي طرف سرور (Server) كه قابليتهاي آن بسيار بيشتر از نوع قبلي است و بر روي كامپيوتر سرور web اجرا مي شوند و نتايج آنها به صورت html يا xml براي مرورگر استفاده مي شود .مثلا اگر بخواهيد از بانكهاي اطلاعاتي در سايت خود استفاده كنيد يا e-mail كاربران را دريافت كرده و در بانك خود ذخيره كنيد يا e-mail هايي را براي كاربران خود بفرستيد ، با يستي از اسكريپت طرف سرور استفاده كنيد. براي نوشتن اين اسكريپتها زبانهاي مختلفي وجود دارد كه از جمله آنها موارد زير هستند.
- ASP (Active Server Page) بر روي كامپيوترهاي ويندوز و سرور وب
IIS (Internet Information Server) كار ميكند .
- JPS (Java Server Page) بر روي كامپيوترهاي ويندوز و IIS يا Unixو Linux و Apachi (سرور وب) كار مي كند.
- PHP بر روي كامپيوترهاي ويندوز و IIS و Unixو Linux و Apachi كار مي كتد .
- Perl بر روي كامپيوترهاي ويندوز و IIS و Unixو Linux و Apachi كار مي كتد .
- CFML (Cold Fusion Markup Languege) كه با سرور Cold Fusion محصول شركت ماكرومديا كار مي كند و بر روي كامپيوترهاي ويندوز وUnix قابل استفاده است.
در بررسي هاي انجام شده نشان مي دهد كه اگر بخواهيد يك كار مشخص را با زبانهاي فوق بنويسيد بيشترين حجم كد نويسي را در PHP و كمترين حجم كدنويسي را در CFML خواهيد داشت.
هنگام انتخاب زبان دقت به نكته زير بسيار بسيار مهم است.
چون برنامه هايي كه مي نويسيد بر روي سرور وب (Web Host) اجرا خواهند شد لذا بايستي مطمئن شويد كه سرور نهايي اينترنت شما از كداميك از اين زبانها پشتيباني ميكند.
در بين اين زبانها ASP و PHP در ايران بيشتر استفاده شده است. چون ويندوز وIIS وASP محصول شرمت مايكروسافت هستند لذا با هم بيشتر سازگار بوده و سرعت بيشتري نسبت PHP روي ويندوز و IIS ارائه مي دهند. ولي PHP بر روي سرور Unixو Linux و Apachi با كارايي بسيار بالايي كار مي كند. ASP نميتواند روي سرورهاي Linux و Apachi كار مي كند.
نكته: علاوه بر زبانهاي اسكريپت نويسي طرف سرور ، امكان استفاده از فايلهايي باينري CGI كه همان DLL ها وEXE ها هستند نيز وجود دارد.
اين نوع از فايلها چون Visual Cttو Visual Basicو Delphi و مانند اينها ساخته شده و در سرور وب نصب مي شوند. اين روش قديمي بوده و در حال حاضر كاربرد كمي دارد.
قوانين اصلي براي تهيه يك سايت:
1- بايستي ابتدا تحليل وتراحي شده و به خوبي سازماندهي شود . تعيين ساختار سايت و اهداف آن قدم اول خواهد بود .
2- طراحي صفحات بايستي به گونه اي باشد كه كاربر سريعا به موضوع مورد نظر برسد.
3- بگونه اي طراحي شود كه امكان Update سايت براي شما يا مدير سايت راحتر باشد.
4- روشهاي مختلفي براي حركت بين صفحات (navigation) را در اختيار بازديد كننده قرار دهد.
5- از درج ليستها و منوهاي با طول رياد خودداري شود.
نكات فني :
1- ساختار روبرو نمونه اي از ساختار مناسب براي يك سايت چند زبانه است.
2- تا جايي كه ممكن است سايت را Flat طراحي كنيد تا آدرس دهي كوتاه شده و FTP آن راحتتر شود.
3- از فهرستهاي مجازي –Virtual Directory- استفاده كنيد.
4- تقسيم بندي فايل بستگي به كاربرد ومحتويات آن دارد . مثلا تقسيم بندي فيزيكي بر اساس محصولات يا بر اساس نوع محتويات مانند Sample , Reference , Resource
براي ساخت Virtual Directory مراحل زير را طي كنيد.
1- برنامه Internet Services Managerرا از آدرسControl Panel\Administrative Tools اجرا كنيد.
2- منويVirtual Directory IIS\Default Web Site\New\ را اننتخاب كنيد.
3- نام فهرست مجازي را وارد كنيد.
4- آدرس فيزيكي مرتبط با نام مجازي را مشخص كنيد.
5- مجوزهاي دسترسي به اين فهرست را تعيين كنيد.
براي اطلاعات بيشتر به help برنامه IIS مراجعه كنيد.
مثلا نام مجازي فهرست D:\Site\ Download را Download مي گذاريد. براي اشاره به فايلهاي درون اين مسير از URL زير استفاره مي كنيد.

http://localhost/ Download/…

Frame يا بدون فريم:
مزاياي استفاده از فريم ها
1- navigate بين صفحات را آسان كرده و يك نقطه مرجع براي كل سايت بوجود مي آورد.
2- صفحه را به چند بخش تقسيم مي كند و ميتواند طراحي وساخت صفحات را ساده نمايد.
3- سبب Loud شدن سريعتر صفحات مي شود چرا كه بعضي ازبخشهاي صفحه نياز به Loud مجدد ندارد.
4- بهترين را ه براي ساخت Control Panel است.
معايب استفاده از فريم ها
1- بخشهايي از صفحه بصورت ثابت درآمده و از فضاي فعال صفحه مي كاهد.
2- گاهي اوقات پيچيدگي برنامه نويسي طرف سرور و طرف مرورگر را افزايش مي دهد.
3- براي اولين بار كه كاربر به سايت وصل ميشود بار بيشتري را روي سرور قرار مي دهد چرا كه در آن واحد چندين فايل html يا asp وغيره بايستي براي مرورگر فرستاده مي شود .
4- فريم ها با همه مرورگرها سازگار نيستند.
براي آنكه بتوان در مرورگرهايي كه امكان نمايش فريم ها را ندارند امكاناتي را فراهم نمود مي توان به صورت زير يك HTML تهيه كرد.
.
.

.
<Frameset …>
</ Frameset>
<NoFrames>

متن مورد نظر براي مرورگرهايي كه امكان كار با فريم ها را ندارند ويك Link براي رفتن به صفحه بدون فريم

</ NoFrames>

براي ايجاد سايت دو نسخه از آن نياز است يا بهتر است دو نسخه باشد.
1- نسخه اول كه نسخه آزمايشي بوده و بر روي كامپيوتر محلي خود ساخته ميشود. هر گونه تغيير وتحولي را ابتدا روي اين نسخه انجام داده و وقتي صفحه اي كامل شد يا بخشي از سايت تكميل گرديد به مكان اصلي آن سرور Remote است انتقال دهيد.
2- نسخه نهايي كه در سرور اصلي قرار ميگيرد و بازديدكنندگان ازآن استفاده مي كنند در بيشتر حالات اين سرور دور از دسترس قرار دارد.
براي انتقال نسخه آزمايشي يا صفحات تكميل شده به سرور اصلي (remote) از FTP استفاده مي شود.
ابزارهايي كه معمولا براي FTP استفاده ميكنند شامل WS-FTP و Cute-FTP و Windows Commander و Explorer ويندوز مي باشد.
بعضي از برنامه ها مانند Front Page و remote r مي تواند يك سايت remoteرا خوانده و ساختار آن را ايجاد نموده و سپس با تغيير هر فايل آن را به سرور اصلي FTP كنند.
براي FTP كردن حداقل سه پارامتر زير نيازاست.
1- نام سرور ftp مانند ftp.yahoo.com
2- نام كاربر Username
3- رمز عبور Password
ابزارهاي مورد استفاده در طراحي صفحات
معروفترين ابزارها براي ساخت فايلهاي css , javascript , asp , html وغيره موارد زير هستند. البته FrontPage در زمينه html توانايي زيادي داردولي در بقيه موارد ضعف دارد.
1- Front Page
2- Dreamweavermx
3- Code Charge
4- ASP Edite
كدام مرورگر ؟
با بررسي هاي انجام شده و آمارهاي موجود در اينترنت بيشترين مرورگر استفاده شده در اينترنت Internet Explorer با نسخه هاي 6.0 , 5.0 , 4.0 مي باشد كه حدود 75% كاربران را پوشش مي دهد. 25% بقيه را Netscape و Opera وغيره هستند.
با توجه به اينكه javascript و استفاده از امكانات خاص اسكريپت نويسي (DOM) در اين مرورگرها متفاوت است لذا بنظر مي رسد اگر بنظر مي رسد اگر سرمايه گذاري براي Internet Explorer شود نتيجه بهتري خواهد داشت . البته بعضي ها كدهاي javascriptرا براي انواع مرورگرها مي نويسند تا بر روي همه آنها كار كند . اين زحمت زيادي به دنيال خواهد داشت.
بعضي از tag هاي خاص كه در بخش <HEADE> صفحه html قرار مي گيرند.
1- تك META يكي از tag هاي مهم اين بخش از صفحه Html است . اولين نوع آن ، نوع كاراكترهاي درون صفحه را تعيين ميكند.


<META HTTP-EQUIV = "Content-Type" CONTENT="text/html;charset= window-1256">


سبب مي شود صفحه html داراي داده هاي سازگار با Codepage استاندارد 1256 شود. اين كد پيج براي صفحاتي بكار مي روند كه داده هاي آن فارسي يا عربي استاندارد Unicode هستند.
براي تايپ اين نوع حروف مي توانيد از ويندوزها ي2000 يا XP كه صفحه كليد فارسي يا عربي دارند استفاده كنيد. چنانچه به اين روش عمل كنيد ، صفحات توليد شده شما بر روي هر نوع كامپيوتري كه ازسيستم Unicode استاندارد پشتيباني مي كنند قابل ديدن خواهد بود بدون آنكه نياز به نصب فونت باشد براي صفحات انگليسي از windows-1252 استفاده مي شود.
2- مدل دوم META سبب ميشود تا صفحه شما در موتورهاي جستجو مانند yahoo يا google بدرستي ايندكس شوند و هنگام جستجو جوابهاي صحيح توليد شود.


<META NAME ="KEYWORDS" LANG= "EN" CONTENT="food , travel , family">


آنچه درون CONTENT مي آيد كليدواژه هاي مربوط به متون صفحه است.
3- مدل سوم META سبب مي شود صفحه شما بطور اتوماتيك بعد از n ثانيه مجدد Load شده و Refreshشود.


<META NAME = "REFRESH" CONTENT="10 , http://MySite/file.htm">


شماره 10 تعيين مي كند ككه بعد از 10 ثانيه صفحه جاري ، جاي خود را به صفحه اي با آدرس URL ذكر شده بدهد.
در پايان اميد است اين نكات به طراحي شما كمك كرده باشد.
با آرزوي موفقيت

[moji5]

تگهاي اصلي (Basic Tags)
<html></html> ايجاد سندي اچتمل
<head></head> ايجاد اطلاعات شناسنامه اي سند مانند عنوان و ...
<body></body> ايجاد بدنه و قسمت قابل مشاهده سند اچتمل

تگهاي ناحيه Header
<title></title> تعيين عنوان سند

شناسه هاي مهم تگ body
<body bgcolor=?> تعيين رنگ زمينه بر اساس نام رنگ يا معادل هگز
<body text=?> تعيين رنگ نوشته بر اساس نام رنگ يا معادل هگز
<body link=?> تعيين رنگ پيوندها بر اساس نام رنگ يا معادل هگز
<body vlink=?> تعيين رنگ پيوندهاي بازديدشده بر اساس نام رنگ
<body alink=?> تعيين رنگ پيوند فعال بر اساس نام رنگ يا معادل هگز

تگهاي متن و نوشته
<pre></pre> نمايش متن هاي از قبل فرمت شده (preformatted)
<hl></hl> ايجاد بزرگترين سر تيتر
<h6></h6> ايجاد کوچکترين سر تيتر
<b></b> ايجاد متن توپر
<i></i> ايجاد متن مورب و ايتاليک
<tt></tt> ايجاد متن از نوع تله تايپي
<cite></cite> ايجاد citation معمولا ايتاليک
<em></em> نمايش تاکيد شده متن (توپر يا مورب)
<strong></strong> نمايش تاکيد شده متن (توپر يا مورب)
<font size=?></font> تعيين اندازه قلم از 1 تا 7
<font color=?></font> تعيين رنگ قلم بر اساس نام رنگ يا مقدار هگز آن

پيوندها
<a href="URL"></a> ايجاد پيوند
<a href="mailto:EMAIL"></a> ايجاد پيوندي از نوع mailto
<a name="NAME"></a> ايجاد پيوندي نامگذاري شده در يک سند
<a href="#NAME"></a> ارجاع به يک پيوند نامگذاري شده

فرمت دهي
<p></p> ايجاد پاراگرافي جديد
<p align=?> ترازبندي پاراگراف در سمت left, right, or center
<br> رفتن سر سطر جديد
<blockquote> </blockquote> عنوان سازي متن
<dl></dl> ايجاد فهرستهاي تعريفي
<dt> ايجاد عنصري از يک فهرست تعريفي
<dd> ايجاد شرح و توصيف يک عنصر فهرست تعريفي
<ol></ol> ايجاد فهرستهاي مرتب
<li></li> ايجاد يک قلم اطلاعاتي از يک فهرست
<ul></ul> ايجاد فهرستي نامرتب
<div align=?> تگي براي فرمت دهي بلوکي بزرگ از کدهاي اچتمل

المانهاي گرافيکي
<img src="name"> ايجاد يک تصوير
<img src="name" align=?> تراز بندي تصوير (left, right, center; bottom, top, middle)
<img src="name" border=?> تعيين ضخامت مرز يک تصوير
<hr> درج خطي افقي
<hr size=?> تعيين ارتفاع خط افقي
<hr width=?> تعيين عرض خط بر اساس مقدار واقعي يا درصدي
<hr noshade> ايجاد خطي افقي بدون سايه

جداول
<table></table> ايجاد جدول
<tr></tr> ايجاد رديف در جداول
<td></td> ايجاد خانه هاي جداول
<th></th> ايجاد عنوان ستونهاي يک جدول

شناسه هاي جداول
<table border=#> تعيين مقدار ضخامت مرزهاي يک جدول
<table cellspacing=#> تعيين فاصله بين خانه هاي جدول
<table cellpadding=#> تعيين فاصله بين محتواي يک خانه و مرزهاي آن
<table width=# or %> تعيين عرض جدول بر اساس پيکسل و يا درصدي
<tr align=?> or <td align=?> تعيين ترازبندي خانه هاي جدول (left, center, right)
<tr valign=?> or <td valign=?> ترازبندي عمودي خانه هاي جدول (top, middle, bottom)
<td colspan=#> تعيين تعداد ستون هائي که بايد يکي شوند.
<td rowspan=#> تعيين تعداد سطر هائي که بايد يکي شوند.
<td nowrap> باعث جلوگيري از شکسته شدن متن در خانه جدول ميشود.

فريمها
<frameset></frameset> تعريف و ايجاد مجموعه اي از فريمها
<frameset rows="value,value"> شناسه اي براي تعريف رديفهاي يک مجموعه فريم بر اساس اندازه واقعي بر حسب پيکسل و يا ابعاد درصدي
<frameset cols="value,value"> شناسه اي براي تعريف ستونها يک مجموعه فريم بر اساس اندازه واقعي بر حسب پيکسل و يا ابعاد درصدي
<frame> تعريف فريمي از مجموعه فريمها
<noframes></noframes> تعيين متني که بايد در صورت عدم پشتيباني مرورگر از فريمها بايد نمايش داده شود.

شناسه هاي فريمها
<frame src="URL"> تعيين سند اچتمل داخل فريم
<frame name="name"> تعيين نام براي يک فريم
<frame marginwidth=#> تعيين عرض حاشيه راست و چپ فريم
<frame marginheight=#> تعريف طول حاشيه بالا و پايين فريم بر اساس پيکسل
<frame scrolling=VALUE> تعيين اينکه فريمي از Scroll bar استفاده کند يا نه. مقادير ممکن: yes، no و auto (حالت پيش فرض)
<frame noresize> سبب جلوگيري از تغيير اندازه يک فريم ميشود.

فرمها
<form></form> ايجاد يک فرم
<select multiple name="NAME" size=?></select> ايجاد يک منوي کرکره اي و تعيين تعداد اقلامي که قبل از scrolling نمايش داده خواهند شد.
<option> تعيين هر يک از اقلام منو کرکره اي
<select name="NAME"></select> ايجاد منوي کرکره اي
<option> تعيين هر يک از اقلام منو کرکره اي
<textarea name="NAME" cols=40 rows=8></textarea> ايجاد الماني براي ورود متن در بيش از يک خط با تعيين تعداد سطر و ستون ناحيه
<input type="checkbox" name="NAME"> ايجاد چک باکسي با تعيين متن و عنوان آن
<input type="radio" name="NAME" value="x"> ايجاد راديو باتن با تعيين متن و عنوان آن
<input type=text name="foo" size=20> ايجاد الماني براي ورود متن با حداکثر يک سطر به همراه تعيين ابعاد بر اساس نويسه
<input type="submit" value="NAME"> ايجاد دکمه اي از نوع ارسال و Submit
<input type="image" border=0 name="NAME" src="name.gif"> ايجاد دکمه اي از نوع ارسال با کمک يک تصوير
<input type="reset"> ايجاد دکمه خلاصي !! يا Reset

[moji5]

Anchor پيوند، لينک، (لنگر كشتي)
Attribute شناسه، نشان، صفت
Browser, user agent مرورگر، شبکه نورد، بروزر
Caption عنوان ، سرلوحه
Character نويسه، کاراکتر، دخشه
Client سرويس گيرنده، مشتري ، ارباب رجوع
DHTML اچتمل ديناميک، FAQ
Division, Div بخش، قسمت، دسته بندي
Download گرفتن اطلاعات از وب سرور
Document سند، متني اچتمل
Edit ويرايش
Element المان، عنصر
Explorer جستجوگر، مكتشف
Extention انشعاب فايل
FAQ بيشترين سؤالات پرسيده شده در مورد يک موضوع
Font قلم، خانواده حروف
Format قالب، فرمت
Frame قاب، چهارچوب
Frameset مجموعه اي از فريمها
FTP استانداردي براي مبادله فايل (File Transfer Protocol)
href آدرس متن مختلط (hyerlink reference)
IP Internet Protocol
JavaScript جاوا اسکريپت، زباني براي اسکريپت نويسي
HTTP استاندارد تبادل ابر متن ها (Hypertext Transfer Protocol)
Hyper text ابر متن، متن مختلط
List فهرست
Link پيوند، لينک
Online آنلاين، سرخط
Padding لايه گذاري، لفافه
Page, Web page صفحه، متن
Publish انتشار، بردن اطلاعات روي وب سرور
Protocol استاندارد ارتباطي، فهرست پروتوکلهاي مهم در اينترنت
Robot نرم افزاري خودکار در وب
Site. Web site پايگاه، سايت
Script اسکريپت، دستخط، متن نمايشنامه
Spacing فاصله گذاري ، فاصله
Span محدوده، گستره، وجب
Target هدف و مقصد
Table جدول، آرايه
Tag تگ، برچسب
TCP/IP نوعي استاندارد ارتباطي (Transmission Control Protocol/Internet Protocol)
Unicode استانداري براي محيط هاي چند زبانه
Upload بردن اطلاعات روي وب سرور، معمولا با کمک نرم افزارهاي FTP انجام ميپذيرد.
URL آدرس اينترنتي، خلاصه شده Uniform Resource Locator
User, Surfer کاربر، وبگرد، بازديدکننده
Weblog وب نويسي، تارنگاري
Webmaster مديريت سايت
Web Server سرويس دهنده وب، نرم افزاري که وظيفه اصليش دادن سرويس به درخواستهاي دريافت شده از وب ميباشد.
Web, WWW وب، تار عنکبوت جهاني، خلاصه شده World Wide Web


سايتهائي مرجع براي يادگيري اچتمل :

1) Welcome to HTML School
2) Getting Started
3) Authoring HTML Basics
4) Getting started with HTML
5) A Beginner's Guide to HTML
6) HTML Tutorial
7) HTML Tag Quick Reference Guide
8) HTML FAQ Knowledge Base
9) HTML 4.01 Specification

[s@ba]

آشنایی با تگ های زبان HTML

اگر شما بازدید کننده ی عزیز دوست دارید خود را به عنوان یک طراح و برنامه نويس حرفه اي وب معرفی کنید مقالات سایت فاکس ورلد را دنبال کنید. دوستان عزیز می خوام امروزساخت اولين صفحه وب را برای شما آموزش دهیم میخوایم سادگي زبان html را لمس کنيد.در ادامه مطلب می توانید ادامه این مطلب را مشاهده کنید.

براي شروع ابتدا برنامه Notepad ويندوز را باز کنيد، البته مي توانيد از هر برنامه ويرايشگر متن استفاده کنيد. سپس اين تگها را بنويسيد:

<html>
</html>


اين تگها به مرورگر وب ميفهماند که از کجا کدهاي html شروع و به کجا ختم ميشوند. پس بقيه تگها را ما بايد بين اين دو وارد کنيم. تگها را ما به دو دسته تقسيم ميکنيم: تگهاي قسمت سر head و تگهاي قسمت بدنه body ، بدين صورت:

<html>
<head>
</head>
<body>
</body>
</html>


فرق اين دو قسمت در اينست که هر اطلاعاتي داخل تگهاي قسمت سر head نوشته شود در صفحه مرورگر نشان داده نميشود ولي در قسمت بدنه body هر اطلاعاتي وارد شود در صفحه نمايش داده ميشود.

خب دوستان اين ساختار کلي و اسکلت بندي يک صفحه وب هست که بايد هميشه آنرا در نظر داشته باشيد. حالا يک متني بين تگهاي بدنه body وارد کنيد، مثلاً


<html>
<head>
</head>
<body>
This is
my first page!
</body>
</html>



نامگذاری و ذخيره کردن فايل

الان کدنويسي ما تکميل شد و بايد اين فايل متني را ذخيره کنيم تا بتوانيم در مرورگر وب خود امتحانش کنيم. ابتدا منو File را باز کنيد و گزينه Save as را انتخاب کنيد، يک پنجره براي آدرس دهي و نامگذاري آن فايل باز ميشود که آدرس جايي که بايد ذخيره شود را مانند My Documents وارد کنيد


سپس در پايين پنجره باز شده در قسمت File Name اسم فايل را بنام Firstpage وارد کنيد و دقت کنيد تا در آخر اين اسم يک نقطه بگذاريد و پسوند html را بنويسيد و دکمه Save را بزنيد تا فايل متني ما بصورت يک فايل html ذخيره شود.


دقت کنيد اگر ميخواهيد فايل شما در سيستم عامل DOS هم باز شود بايد پسوند .htm را در آخر اسم وارد کنيد.

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

منبع : فاکس ورلد

[so_]

انالیز وکاربرد html text writer من در این مورد مطلب میخوام

[mcdeltateta]

HTML چیست ؟

عبارت HTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.کامپایلر های زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود.HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .در مقاله ی تگ و خواص آن به این موصوع به طور مفصل پرداخته شده است.
در يک صفحه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و ... کدهای اچ تی ام ال مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد. هر یک از برچسب‌های اچ‌تی‌ام‌ال ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند. مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیرعناوین ،تصاویر ، فهرست‌ها ، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ تی ام ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی اس اس ( Css ) است که در بخش آموزش Css به طور کامل به آن خواهیم پرداخت. امیدواریم در این سلسله آموزش های جامع Html به درک درستی از اچ تی ام رسیده و پایه ی طراحی سایت را که همان کد های Html می باشد را به طور درست فراگرفته و به کار ببرید.
طراحی وب سایت

- - - به روز رسانی شده - - -

چگونگی تولید و اجرا کدهای HTML

برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است .در طی این آموزش ها می توانید با نرم افزار Notepad ویندوز کدها را نوشته و سپس ذخیره نمایید.توجه 1 : فایل های تولید شده را با پسوند .htm و یا .html ذخیره نمایید . تفاوتی بین این پسوند ها نمی باشد .بعد از نوشتن کدها در Notepad و ذخیره ی آن با پسوند های ذکر شده ، برای اجرای کد نوشته شده فایل را در نرم افزار های مرورگر وب مانند Internet Explorer و یا Firefox و ... اجرا نمایید.

توجه 2 : نمایش کدها و شکل خروجی آنها بعضا در مرورگرهای مختلف یکسان نمی باشد و یکی از هنرهای برنامه نویسان وب ، نوشتن کدهایی با اجرای یکسان در مرورگر های مختلف است که در این سلسله آموزش ها این امر آموزش داده می شود. طراحی وب سایت

[mcdeltateta]

خصوصيات استاندارد تگ های HTML :

در اين قسمت خصوصيات استاندارد تگ های HTML معرفی شده اند . اين خصوصيات در اکثر تگ های HTML مشترک بوده و دارای کاربرد يکسانی هستند .
اين خصوصيات به دليل مشترک بودن ، فقط در اين قسمت ذکر شده و از تکرار آنها در صفحات ديگر خودداری شده است .
خصوصيات اصلی تگ های اچ تی ام ال

نکته : اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

نام خاصيت	نوع خاصيت	شرح
class	نام کلاس عنصر	مشخص کننده کلاس تگ در کد نويسی برنامه است . اين کلاس در کدنويسی CSS و زبان های اسکريپتی کاربرد دارد .
id	id عنصر	مشخص کننده يک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنويسی CSS و زبان های اسکرپيتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست يافت .
style		يک خاصيت چند مفدارِي است که خصوصيات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند .
title	text متن	متنی است که به صورت tooltip در يک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمايش داده می شود .

خصوصيات زبان

نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .

نام خاصيت	نوع خاصيت	شرح
dir	rtl ltr	تعيين کننده جهت قرار گرفتن نوشته را تعيين می کند ، که يکی از 2 حالت زير را می تواند داشته باشد : ltr : چپ به راست rtl : راست به چپ
language	نام زبان	مشخص کننده زبان برنامه نويسی کد مربوط به تگ است .

خصوصيات صفحه کليد

نام خاصيت	نوع خاصيت	شرح
accesskey	کليد میانبر	يک ميانبر صفحه کليد برای دستيابی به عنصر است .
tabindex	عدد number	شماره ترتيبی قرار کرفتن فوکوس صفحه بر روی عنصر مورد نظر را در هنگام فشردن کليد tab مشخص می کند .

طراحی وب سایت


- - - به روز رسانی شده - - -

خاصیت Style تگ ها

همانطور که در آموزش تگ و خواص آن گفته شد ، تگ ها میتوانند یک سری خصوصیات را در بر بگیرند که با استفاده از آنها از دیگر تگ های مشابه متمایز گردند.یکی از مهمترین خصوصیات تگ ها ، خصوصیت Style (استایل) می باشد. با استفاده از خصوصیت Style میتوان شکل ظاهری یک تگ را تعیین کرد.قاعده ی نوشتن خصوصیت Style از Css پیروی میکند . در آموزش Css در بخش طریقه نوشتن CSS - خاصیت Style تگ ها به طور مفصل این موضوع توضیح داده شده است.توجه : برای اطلاعات بیشتر در مورد Css و نحوه ی نوشتن دستورات Css به بخش آموزش CSS مراجعه شود.طریقه استفاده از تگ استیل در Html بصورت زیر می باشد :
<p style=" color:white; border:solid 1px red; width:100px; background-color:blue; font-size:10pt; text-align:center; "> متن پاراگراف </p>

با استفاده از این کد ما تگ p ای تعریف کردیم که این تگ و محتوای آن با استفاده از خصوصیت Style ای که نوشته ایم بصورت سفارشی در آورده شده. شکل خروجی این کد بدین صورت می باشد :
متن پاراگراف
توجه : این خاصیت از جمله خاصیت های تگ ها می باشد که در همه ی تگ ها به جز تگ های base , head , html , meta , param , style , title و script مشترک است.

طراحی وب

[mcdeltateta]

تگ Html

این تگ مشخص کننده ی شروع و پایان یک سند Html به مرورگر وب است.
بدین ترتیب که با <html> شروع شده و باقی کدها را نوشته و در پایان با <html/> سند Html را به پایان می رسانیم. بصورت زیر :<html> .
.
.
</html>

تگ Head

تگ head یا معادل فارسی تگ سرانداز! اولین تگ در بدنه تگ html می باشد که حاوی یک سری اطلاعات برای مرورگر و نیز جستجوگر های وب می باشد.
اطلاعات این بخش در قسمت بدنه ی سند html ما نمایش داده نمی شود ولی اطلاعاتی همچون عنوان صفحه ، کلمات کلیدی ، استایل های خارجی و داخلی ، جاوا اسکریپت های خارجی و داخلی ، آیکون صفحه ، توضیحاتی راجع به سازنده و ... را تعریف میکند که برای مرورگر و نیز ایندکس کردن توسط جستجوگرهای وب مانند گوگل و یاهو بسیار مهم است.
تگ های مورد استفاده ی این بخش بصورت زیر است:
<title>, <meta>, <link>, <script>, <style>
در ادامه ی آموزش بصورت کامل این تگ ها را توضیح خواهیم داد.
نحوه ی نگارش آن بصورت زیر است:<html> <head>
.
.
.
</head>
.
.
.
</html>

تگ Body

متن و عکس و بطور کلی اطلاعاتی که قرار است در سند html ما به کاربران توسط مرورگرهای وب نمایش داده شود در این بخش نوشته خواهد شد.
این تگ بعد از تگ head قرار میگیرد و تمامی تگ های نمایشی در این بخش نوشته می شوند. روش نگارش و محل قرار گیری آن بصورت زیر می باشد :<html> <head>
.
.
.
</head>
<body>
.
.
.
</body>
</html>

نکته ی مهم : یکی از مهمترین مسائلی که برنامه نویسان وب باید دقت کنند استفاده از تگ head و تعریف استایل ها و اسکریپت هایی است که به کم حجم کردن بدنه ی سند html ما در تگ body کمک میکند. بصورت مثال با تعریف یک استایل در تگ head و استفاده از آن در تگهای body از تعریف چند باره ی آن جلوگیری میگردد. در ادامه به این موضوع به طور مفصل می پردازیم .

طراحی وب سایت