سفارش تبلیغ
صبا ویژن
 
پاسخ به پرسش های رایانه ای
اینجا جواب برخی سؤالات دوستان در زمینه ی رایانه رو خواهم نوشت.
جمعه 92/8/3 :: 9:13 عصر ::  نویسنده: محمد رضا

این کد رو به عنوان مثال در نظر بگیرید:

  <div id=leftmenu>

<div class=TopSid>

<div class=TopSid2>

<b>عنوان</b>

</div>

</div>

<div class=CenterSid>

<div class=li-Sid>

<a href="http://mazraee.parsiblog.com/Posts/6" target="_Blank">آموزش</a><br>

</div>

</div>

<div class=LowSid>

</div>

</div>

HTML یه زبان پایَس برای کدنویسی وبسایتها و وبلاگا

این زبان به اصطلاح از چندین تَگ تشکیل شده.

مثلاً تو کد بالا هر کدوم از <div> و <b> و <a> و <br> یه تگ هستن.

 

تگ ها، باز و بسته دارن؛ تگ باز، تگ بسته

مثلاً: تگ باز: <div> و تگ بسته: </div>

یعنی، تگ بسته یه / اضافه­تر داره.

بعضی تگ­ها، بسته ندارن، مثل <br>

 

داخل تگ باز، میتونه خصوصیاتی (name) اضافه بشه. این خصوصیات، مقدارهایی (value) دارن.

مثلاً همونطور که میبینید، توی تگ div خصیصه­ی id با مقدار leftmenu یا خصیصه­ی class با مقدار TopSid اضافه شدن.

مثلاً فونت و رنگ و اندازه ها و... اینطوری تعیین میشن.

 

با این چند جمله کلیت این زبان دست آدم میاد.

 

کاربرد بعضی تگ­ها اینه:

a: قراردادن پیوند

br: رفتن به خط جدید

div: تقسیم بندی

img: قراردادن تصویر

p: ایجاد پاراگراف

b: توپُر کردن متن

table: ایجاد جدول

center: وسط­چین کردن

و...

یه نگاهی مثلاً رو کدهای یه وبلاگ بندازید اینا رو میبینید.

حالا دو تا از این تگ­ها رو بیشتر توضیح میدم:

img (قراردادن عکس):

<img src="http://bayanbox.ir/user/mazraee/others/style/b6lib/logo/b6lib.jpg" width="170" />

اولا این تگ از اوناس که تگ بسته نداره.

این تگ، الآن دو خصوصیت src و width داره که هرکدوم مقداردهی شدن؛ اولی آدرس عکس روی اینترنته، و دومی عرض عکس رو - بر اساس پیکسل - مشخص میکنه (عرض در مقابل ارتفاع).

دقت کنید آخرش به این صورته: /> . البته > به صورت تنها هم فرقی نمیکنه.

 

a (قراردادن پیوند):

<a href="http://mazraee.parsiblog.com/Posts/6" target="_Blank">آموزش</a>

این تگ، دو خصوصیت href و target داره؛ اولی جایی که وقتی رو پیوند کلیک میکنیم به اونجا هدایت میشیم رو مششخص میکنه، و دومی مقصد لینک رو. (الآن که مقدارش برابره با _Blank یعنی این لینک رو تو صفحه ­ی جدید باز کن، نه اینکه همین صفحه رو عوض کنی)

 

دو تا نکته رو هم بگم:

1) یه فایل هست که محتویات کل کدها رو از نظر خصوصیات، تعریف میکنه، مثلا میگه فونت فلان قسمت، tahoma باشه، رنگ متن فلان قسمت، قرمز باشه، پسزمینه ی فلان قسمت، چی باشه و... . بهش میگن فایل CSS.

 

2) هر صفحه ای که با زبان html نوشته میشه، دو قسمت داره: head و body. تو قسمت اول، چیزای اساسی تعریف میشه (که به جز عنوان صفحه(title)، بقیه تو ظاهر صفحه دیده نمیشن، مثل زبان صفحه، آدرس فایل CSS و...)، و تو قسمت دوم هم محتویات صفحه نوشته میشه.

الآن شما کدهای یه وبلاگ رو نگاه کنید اینطوریه:

ابتدا: <html>

بعد بلافاصله: <head>

چند خط بعد: <head/>

بعدش بلافاصله: <body>

خط یکی مونده به آخر: <body/>

خط آخر: <html/>

امیدوارم این توضیح مختصر، مفید بوده باشه.




موضوع مطلب: HTML(1) | آموزش اچ تی ام ال(1) |