html
زبان طراحی قالب برای نمایش اطلاعات ماست وقدرت محاسبه وتجزیه وتحلیل ندارد
برای شروع می خوام یه صفحه ی ساده html طراحی کنم :
اول Natepad رو باز میکنیم بعد بصورت زیر اول شکل کلی یه سند رو می نویسم
کد:
<html>
<head>
</head>
<body>
</body>
</html>
می خوام روی میله کاوشگرنوشته شده باشه ARA و رنگ صفحه سیاه ومتن سفید SALAM !
کد:
<html>
<head>
<title>ara</title>
</head>
<body text=white bgcolor=black>
salam !
</body>
</html>
پس از اتمام نوشتن save اش می کنم با اسم ara و پسوند html (ara.html)
پس از سیو با دابل کلیک نگاهش کنید !
*توضیح : تگ title متن ما رو روی میله کاوشگر قرار میده و تگ text رنگ متن روی صفحه رو مشخص و تگ bgcolor رنگ پس زمینه ی صفحه رو تعیین می کنه
روی صفحه ی html که سری قبل ساختیم کمی تغییرات ایجادمی کنیم :
کد:
<html>
<head>
<title>ara</title>
</head>
<body text=white bgcolor=789789>
</body>
</html>
اول می خوام یه welcome بصورت تیتر اصلی بالای صفحه با رنگ واندازه ی متفاوت ایجاد کنم
برای این کار از تگ <center> استفاده می کنم تا متن به وسط صفحه بیاد بعد ازاون از تگ های Font color و Hx )x یک عدد است)
به این صورت:
<center><font color=black><h1>welcome</h1></font></center>
*یادتون باشه تگ های نوع دوم رو که استفاده میکنید پایان شون رو مشخص کنید <.../> با گذاشتن اسلش
بعد از نوشتن welcome یه خط می کشم با استفاده ازتگ <Hr> این تگ از نوع اول است و هرجا که بیاد یه خط ایجاد می کنه
کد:
<center><font color=black><h1>welcome</h1></font></center>
<hr>
حالا می خوام دوتا تگ که از نوع دوم هستند رو استفاده کنم(تگ
کد:
<hr>
<h1><B>Bolod test<B></h1>
<h1><I>Italic test</I></h1>
باز دوباره از تگ <Hr>استفاده می کنم اما دو بار واسه قشنگی !
کد:
<center><font color=black><h1>welcome</h1></font></center>
<hr>
<h1><B>Bolod test<B></h1>
<h1><I>Italic test</I></h1>
<hr>
<hr>
با استفاده از تگ
<br> میرم یه خط پائین تر وبا یه فونت ورنگ واندازه ی متفاوت می نویسم S.O.S
کد:
<center><font color=black><h1>welcome</h1></font></center>
<hr>
<
h1><B>Bolod test<B></h1>
<h1><I>Italic test</I></h1>
<hr>
<hr>
<br>
<Font face="roman"Color=red size=7>S.O.S</Font>
*بجای اسم رنگ می تونید از اعداد شش رقمی هم استفاده کنید
================================================== ============
این هم سند شده و قابل اجرا این هارو توی Notepad بنویسید یا کپی کنید.
(Start/Programs/Accessories/Notepad)
بایدبه این صورت سیو کنید
xxx.html پسونداش حتما html باشه
کد:
<html>
<head>
<title>ara</title>
</head>
<body text=white bgcolor=789789>
<center><font color=black><H1>welcom to my weblog</H1></font></center>
<hr>
<h1><B>Bolod test<B></h1>
<h1><I>Italic test</I></h1>
<hr>
<hr>
<br>
<Font face="roman"Color=red size=7>S.O.S</Font>
</body>
</html>
