تبلیغات
برترین وبلاگ آموزش برنامه نویسی - جلسه سوم html
 
برترین وبلاگ آموزش برنامه نویسی
درباره وبلاگ


این وبلاگ با هدف بالا بردن سطح برنامه نویسی دانشجویان و کسانی که می خواهند برنامه نویسی را شروع کنند تهیه شده است و سعی خواهد شد تا به بهترین شکل ممکن به کار خود ادامه دهد.امیدوارم بتوانم شما را راهنمایی کنم.

مدیر وبلاگ : محمدرضا اسماعیلی
موضوعات
نظرسنجی
سطح تدریس در این وبلاگ چگونه است؟







آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
جلسه قبل درباره ساخت صفحه و کدنویسی اون کمی براتون توصیح دادیم..یا گرفتید که چطوری یه صفحه وب رو بسازید و چند تا جمله یا کلمه رو به شکل های مختلف توش نمایش بدید..این جلسه یه ذره درباره تگ head توضیح میدیم..

<html>

<head>

<head/>

<body>


<body/>

<html/>

بین تگ هد(head) میتونید توضیحاتی در مورد صفحه وبسایت،کلمات کلیدی صفحه،نویسنده 

صفحه،و ....قرار بدید..

مثلا وقتی وارد وبلاگ من میشید پنجره مرورگرتون "برترین وبلاگ آموزش برنامه نویسی" رو

نشون میده..به این متن title یا عنوان صفحه میگن...

توی صفحه قبلی که باز کرده بودید(web1.html) بین دو تگ هد این کد رو بنویسید و ذخیره کرده 

و نتیجه رو با مرورگرتون ببینید

<title>this is a page</title> ...میبینید که عنوان صفحه متنی که داخل تگ عنوان نوشته 

شده ست رو نمایش میده..پس برای عنوان صفحه فهمیدید که چی کار باید بکنید...


اما بقیه مطالب:

بین تگ هد میتونید چیز های دیگه ای هم قرار بدید..مثلا فرض کنید 

میخواهید اسم کلمات کلیدی برای وبسایتتون تعریف کنید..کلمات کلیدی 

کلماتی هستند که توسط موتور های جستجو برای اطلاع از محتویات 

وبسایت به کار گرفته میشن..مثلا یه سایت دانلود رو در نظر بگیرید..

کلمات کلیدی برای این وبسایت میتونه اینها باشه:

دانلود،نرم افزار،رایگان،دانلود با لینک مستقیم،دانلود بازی رایگان، و...

درواقع توصیف وبسایت شما در قالب کلمات رو میگن کلمات کلیدی..

یه بحث دیگه توصیف سایت شما در قالب یک جمله ست...

مثلا برای همین سایت دانلود میتونه این باشه:

دانلود نرم افزار و بازی با لینک مستقیم و بدون محدودیت زمانی

خوب حالا کد نویسی اینها چطوریه:

برای تعریف این ویژگی ها باید از تگ meta استفاده کنیم..به این صورت:

تعریف کلمات کلیدی برای موتور های جستجو

<"meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript>

توصیف صفحه وب سایت

<"meta name="description" content="Free Web tutorials on HTML and CSS>

تعریف نام نویسنده وب

<"meta name="author" content="mohammadreza esmaeeli>

فقط حواستون باشه که باید این تگ های متا رو بین دو تگ هد تعریف کنید..
 به لینک زیر هم یه سری بزنید:






خیلی خوب..میرسیم به یکی از مهم ترین تگ های وب..یعنی تگ <a>..

تگ a برای قرار دادن لینک توی صفحه بکار میره..مثلا همین چند لحظه قبل براتون یه آدرس 

گذاشتم که با کلیک روی اون به سایت دیگه ای منتقل شدید..

تگ a بین دو تگ  body قرار میگیره و به شکل زیر تعریف میشه:

<a href="http://www.google.com" target="_blank">google_enjoy</a>

بین دو تگ متنی که در صفحه به نمایش در میاد رو مینویسن و خاصیت href آدرس سایت رو دربرمیگیره...

خاصیت target درواقع میگه که با کلیک روی لینک چی کار کنم..صفحه گوگل رو توی یه صفحه 

جدید باز کنم یا نه توی همین صفحه...مقادیری که target میتونه بپذیره رو ببینید:

blank_
parent_
self_
top_

هر کردومش رو امتحان کنید و ببینید با کلیک روی لینک چه اتفاقی میافته..

این جلسه هم تموم شد..سعی کنید بامطالب این جلسه و جلسه قبل یه صفحه خوب و ساده درست کنید..

در ضمن.این برا ده جلسه بعده ولی یه نگاهی بهش بندازید..کد رو بین دو تگ head قرار بدید

<style>
{;body{background:yellow; color:blue
<style/>

نظراتون رو بهم بگید..به امید دیدار





نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
نهم آبان 93
محمدرضا اسماعیلی
بیست و چهارم شهریور 96 05:36 ق.ظ
Great post. I was checking constantly this blog and I'm impressed!

Extremely helpful info specially the last part :) I care for such information much.
I was seeking this certain information for a very long time.

Thank you and good luck.
چهاردهم مرداد 96 05:56 ب.ظ
I seriously love your site.. Very nice colors & theme.
Did you develop this website yourself? Please reply back as I'm trying to create my very own blog and
would like to learn where you got this from or exactly what the theme is named.
Thank you!
سیزدهم مرداد 96 04:26 ب.ظ
What's up to all, how is everything, I think every one is getting more from this
site, and your views are nice in favor of new visitors.
سوم مرداد 96 08:32 ب.ظ
You really make it appear really easy with your presentation but I to find this
topic to be really something which I believe I would by no means understand.
It sort of feels too complicated and very wide for me.
I'm taking a look forward in your next publish, I'll try to get the hold of it!
شانزدهم آبان 93 06:41 ب.ظ
آقا\ خانم X
من خودم دلم نمیاد به کسی یاد بدم برا این پرسیدم
آخ هم زحمت میکشم هم پول میدم هم وخ میذارم
اون وخ مفت بذارم در اختیار بقیه
نمیدونم والا تو کت من نمیره دیدم وبلاگتونو
گفتم بپرسم
حالا به من چه
محمدرضا اسماعیلی آخه من دلم دریاست
پانزدهم آبان 93 07:41 ب.ظ
برو بابا یعنی تو واقعا به اینا و این حرفا اعتقاد داری؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
محمدرضا اسماعیلیآقا/خانم x
به هر حال کاریه که داره انجام میشه..مسلما اگه سود نداشته باشه...ضرر هم نداره
پانزدهم آبان 93 12:18 ق.ظ
بابا مهندس دمت داغ
محمدرضا اسماعیلیممنون عزیزم..
چهاردهم آبان 93 10:30 ب.ظ
چجوری دلت میاد چیزایی که براشون کلاس میری و یاد میگیری مفت در اختیار ما بذاری؟؟؟؟؟؟؟
محمدرضا اسماعیلیحضرت علی (ع):
زکات علم یاد دادن آن به دیگران است.
نهم آبان 93 06:56 ب.ظ
آقا اسکل کردی مارو هی اینجا اونجا میکنی داداش من
یه دفعه تکلیف ما و خودتو روشن کن دیگه
میام اینجا نوشه اونجا
میرم اونجا میگی تو وبم دنبال کنید؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
محمدرضا اسماعیلی
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر