انجمن یاران منتظر
عنوان موضوع ::: آموزش HTML ، جلسه دوم ::
نویسنده :سپیده 313
آموزش HTML ، جلسه دوم
آشنایی با ساختار فایل HTML
فایل های html دارای دو فرمت htm و html می باشند که در عمل تفاوت خاصی با یکدیگر ندارند. برای ایجاد کد های html می توانید از یک پردازشگر متن مانند notepad و یا نرم افزارهای طراحی وب مانند dreamweaver استفاده کنید. (من در این دوره از نرم افزار Dreamweaver CS5 استفاده می کنم.)
0066ff;">ساختار کلی یک صفحه html
000080;">در تمام فایل های html سه تگ اصلی 0000ff;"><html>000080;"> ، 008000;"> <head>000080;"> و ff0099;"><body>000080;"> باید وجود داشته باشد.
اکثر تگ های html دارای یک تگ شروع و یک تگ پایانی می باشند. 0000ff;"><html> </html>
000080;"> در داخل تگ 008000;"><head>000080;"> مواردی مانند عنوان صفحه با استفاده از تگ ff8c00;"><title>000080;"> اضافه می شود.
در داخل تگ ff0099;"><body>000080;"> محتویات صفحه قرار می گیرد.
000080;"> بعد از تایپ کدهای بالا برای مشاهده صفحه، کلید F12 را بزنید.
در ابتدای کدهای یک فایل html مشاهده می کنید که بخش مربوط به doctype نیز وارد شده است و از حالت800080;"> transitional برای xhtml استفاده شده است. استفاده از کدهای doctype تنها به منظور استاندارد نمودن صفحات html می باشد.
000080;">برای کامل تر کردن کدهای html به ویژه افزودن مشخصات ظاهری، از 9900cc;">attribute 000080;">ها (صفات) استفاده می شود. برای مثال برای تعیین رنگ پس زمینه در داخل تگ ff0099;"><body>000080;"> ، از صفت 9900cc;">bgcolor 000080;">به همراه کد هگزادسیمال رنگ دلخواه استفاده می شود و یا مثلا در تگ b22222;"><p>000080;"> می توانیم صفت 9900cc;">align 000080;">را برابر با مقدار center قرار دهیم.
اگر بخواهیم مشخصات ظاهری کلمه HTML را در تگ پارگراف تغییر دهیم، این کلمه را در داخل تگ b22222;"><font>000080;"> قرار می دهیم و صفت هایی مانند رنگ و یا سایز کلمه را به آن نسبت می دهیم.
000080;">000080;">000080;">
000080;">
000080;">کدهای بالا را در دریم ویور تایپ کنید، و کلید F12 را بزنید تا نتیجه را مشاهده کنید.
000080;">000080;">800080;">b22222;">b22222;">ff0099;">0000ff;">