۱۳۹۲/۱/۲۱، ۱۲:۵۷:۴۶ عصر
یک فایل HTML چیست؟
HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
یک فایل HTML باید دارای پسوند html. یا html. باشد
یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود
یک صفحه html بسازید
اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.
<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>
فایل را تحت عنوان "mypage.htm"ذخیره کنید.
مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال "C:\mypage.html" گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.
نرم افزار مناسب برای طراحی سایت
نرم افزار های بسیاری جهت طراحی سایت وجود دارد که من نام چند تا رو براتون می زارم
rapid css
dreamweaver
FrontPage
Sharepoint
از لحاظ کاربری به نظر بنده نرم افزار rapid css کاربردی تر و محیط بهتری دارد
برای شروع با کار ابتدا به منوی
file
new
html page را انتخاب نمایید
پس از کلیک بر روی گزینه html page صفحه پایین رویت می شود
المنت و تگ چیست؟
زبان HTML شامل مجموعه ای از تگ ها و المنت ها است. در واقع همین تگ ها هستند که به Internet Browser می فهمانند که چیزی را باید نمایش دهد. پس برای یادگیری HTML باید المنت های مختلفی را یاد بگیریم. هر المنت عمومی شامل تگ شروع و پایان و محتوای المنت می باشد. در واقع تگ ها برچسب هایی هستند که برنامه نویس برای نشانه گذاری شروع و پایان المنت ها از آن استفاده می کند. فرمت تگ به این گونه است که شامل علامت کوچکتر « > » برای شروع و علامت « < » برای پایان هستند.
به طور کلی دو نوع تگ داریم : تگ باز مثل <HTML > و تگ بسته مثل < HTML/> . تفاوت اصلی تگ های شروع و پایان در این است که تگ پایان در ابتدای نام خود حاوی کاراکتر « / » می باشد.
در ادامه به شرح و بررسی چند المنت ساده در زبان HTML می پردازیم:
المنت b برای bold کردن کلمات و جملات استفاده می شود. بدین صورت که هر متنی که درون تگ باز <b> و تگ بسته <b/> قرار گیرد درBrowser به صورت Bold نمایش داده می شود. ( المنت b مخفف کلمه یbold می باشد.)
<b> This is a bold text </b>
نمونه کد کامل
<html>
<head>
<title>title of page </title>
</head>
<body>
<b> This text is bold </b>
</body>
</html>
این مثال در Browser به صورت زیر نمایش داده می شود:
This is a bold text
باری رویت صفحه می توانید به شکل زیر عمل نمایید
تگ های اصلی
تگ html
اولین تگی که باید در صفحات خود از آن استفاده کنید تگ html است که باید آنرا در ابتدای فایل HTML خود قرار دهید و تگ پایانی آن را هم باید در پایان صفحه درج کنید:
<html>
</html>
تگ head
صفحات HTML به دو قسمت head و body تقسیم می شوند. از قسمت head معمولا برای درج عنوان صفحات و سایر اطلاعات اضافی مربوط به صفحه استفاده می شود. از قسمت body هم برای درج متون و تصاویر و به طور کلی هر آنچه را که صفحه باید نمایش دهد استفاده می کنیم. به منظور ایجاد بخش head از تگ head استفاده می کنیم که آنرا بعد از تگ <html> قرار می دهیم و برای مشخص کردن ناحیه انتهایی قسمت head از تگ پایانی <head/> استفاده میکنیم.
<html>
<head></head>
</html>
تگ body
تگ body را دقیقا بعد از تگ پایانی <head/> درج می کنیم و تگ پایانی آنرا هم در آخر صفحه قبل از تگ <html/> قرار می دهیم.
<html>
<head></head>
<body></body>
</html>
پایان قسمت اول
طراحی سایت
HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
یک فایل HTML باید دارای پسوند html. یا html. باشد
یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود
یک صفحه html بسازید
اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.
<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>
فایل را تحت عنوان "mypage.htm"ذخیره کنید.
مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال "C:\mypage.html" گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.
نرم افزار مناسب برای طراحی سایت
نرم افزار های بسیاری جهت طراحی سایت وجود دارد که من نام چند تا رو براتون می زارم
rapid css
dreamweaver
FrontPage
Sharepoint
از لحاظ کاربری به نظر بنده نرم افزار rapid css کاربردی تر و محیط بهتری دارد
برای شروع با کار ابتدا به منوی
file
new
html page را انتخاب نمایید
پس از کلیک بر روی گزینه html page صفحه پایین رویت می شود
المنت و تگ چیست؟
زبان HTML شامل مجموعه ای از تگ ها و المنت ها است. در واقع همین تگ ها هستند که به Internet Browser می فهمانند که چیزی را باید نمایش دهد. پس برای یادگیری HTML باید المنت های مختلفی را یاد بگیریم. هر المنت عمومی شامل تگ شروع و پایان و محتوای المنت می باشد. در واقع تگ ها برچسب هایی هستند که برنامه نویس برای نشانه گذاری شروع و پایان المنت ها از آن استفاده می کند. فرمت تگ به این گونه است که شامل علامت کوچکتر « > » برای شروع و علامت « < » برای پایان هستند.
به طور کلی دو نوع تگ داریم : تگ باز مثل <HTML > و تگ بسته مثل < HTML/> . تفاوت اصلی تگ های شروع و پایان در این است که تگ پایان در ابتدای نام خود حاوی کاراکتر « / » می باشد.
در ادامه به شرح و بررسی چند المنت ساده در زبان HTML می پردازیم:
المنت b برای bold کردن کلمات و جملات استفاده می شود. بدین صورت که هر متنی که درون تگ باز <b> و تگ بسته <b/> قرار گیرد درBrowser به صورت Bold نمایش داده می شود. ( المنت b مخفف کلمه یbold می باشد.)
<b> This is a bold text </b>
نمونه کد کامل
<html>
<head>
<title>title of page </title>
</head>
<body>
<b> This text is bold </b>
</body>
</html>
این مثال در Browser به صورت زیر نمایش داده می شود:
This is a bold text
باری رویت صفحه می توانید به شکل زیر عمل نمایید
تگ های اصلی
تگ html
اولین تگی که باید در صفحات خود از آن استفاده کنید تگ html است که باید آنرا در ابتدای فایل HTML خود قرار دهید و تگ پایانی آن را هم باید در پایان صفحه درج کنید:
<html>
</html>
تگ head
صفحات HTML به دو قسمت head و body تقسیم می شوند. از قسمت head معمولا برای درج عنوان صفحات و سایر اطلاعات اضافی مربوط به صفحه استفاده می شود. از قسمت body هم برای درج متون و تصاویر و به طور کلی هر آنچه را که صفحه باید نمایش دهد استفاده می کنیم. به منظور ایجاد بخش head از تگ head استفاده می کنیم که آنرا بعد از تگ <html> قرار می دهیم و برای مشخص کردن ناحیه انتهایی قسمت head از تگ پایانی <head/> استفاده میکنیم.
<html>
<head></head>
</html>
تگ body
تگ body را دقیقا بعد از تگ پایانی <head/> درج می کنیم و تگ پایانی آنرا هم در آخر صفحه قبل از تگ <html/> قرار می دهیم.
<html>
<head></head>
<body></body>
</html>
پایان قسمت اول
طراحی سایت
