تبلیغات
حلی 6 ها

حلی 6 ها
درس به همراه تفریح 
نظر سنجی
آیا از داوری مسابقات ورزشی مدرسه راضی هستید؟



باسمه تعالی

جلسه دوم

 

با سلام دوباره

جلسه دوم زبان HTML می خوام بگم

اول برای دستگرمی می خوام گذاشتن icon  که به  favicon معروف است رو در بالای صفحه بگم.

باید بگم که اندازه این عکس ها 16 در 16 پیکسل است که اگر فوتوشاپ دارید می تونید با فوتو شاپ درست کنید وگرنه باید به سایت هایی که به صورت آنلاین اینارو درست می کنند بریم که معروف ترین اونا    favicon.ccاست

بعد عکسی که درست کردید رو روش راست کلیک کنید و گزینه copy image URL  رو بزنید  و در تگ زیر کپی کنید و در خط سوم بعد <head> بذارید.یا بعضی از سایت ها میگن که عکس رو دانلود کنید.اونو دانلود کنید دوباره در سایتی آپلود کنید و لینکشو در تگ زیر کپی کنید و در خط سوم بعد <head> بذارید

<link href="http://uupload.ir/files/jukx_favicon_(4).ico" rel="shortcut icon">

اما درس اصلی امروز ما عکس گذاشتن در صفحه است.

برای این کار تگ زیر را می زنیم:

<img src="IMG_1714[1].jpg" >

البته دقت کنید که باید عکس شما در جایی باشه که نوت پدتون هم اونجاس مثلا اگه تو دسکتاپه عکس هم تو دسکتاپ باشه.

تا حالا صفحه ما اینجووریه


تبادل لینک 

نکته بعدی که خیلی مهمه تغییر اندازه تصویره که در تگimg   می ذاریم

<img src="IMG_1714[1].jpg" width=300 height=300>

حالا میشه:

تبادل لینک

برای این که وسط صفحه بیاد:

<center>

تبادل لینک

حالا نکته مهمی که است اینه که بخوایم درباره عکس توضیحی بذاریم که البته همه کامپیوتر ها اینو پشتیبانی نمی کنن مث لپ تاپ من:

<img src="IMG_1714[1].jpg" width=300 height=300 alt="دیوانه ها">


دستور باعث میشه اگه کاربر روی عکس بره با موس توضیح عکس میاد کنار موسش

 

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

 <pre>

این فرقش با <p> اینه که <p> میره خط بعد اما  <pre> فاصله 4،5 خطه رو ایجاد می کنه.

حالا شما فرق بین فاصله ها رو ببینید

 تبادل لینک

 

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

 

<html>

 

<head>

<link href="http://uupload.ir/files/jukx_favicon_(4).ico" rel="shortcut icon">

<title>

 

..::حلی6ها::..

 

</title>

 

<body>

<center>

 

<font face="B titr" size=10 color=red>

 

سلام من علی انصاری هستم

 

</body>

<hr width=256px color=violet>

 

<body>

<img src="IMG_1714[1].jpg" width=300 height=300 alt="دیوانه ها">

<p>

<center>

 

<font face="B nazanin" size=5 color=blue>

<p>

اینجا حلی 6 هاست

<pre>

<font face="B nazanin" size=5 color=yellow>

به سایت حلی 6 ها خوش آمدید

</pre>

<p>

<font size=5 color=orange>

Helli6ha.mihanblog.com

</body>

 

</head>

خسته نباشید




طبقه بندی: برنامه نویسی با زبانhtml، 
[ چهارشنبه 15 مهر 1394 ] [ 08:50 ب.ظ ] [ علی انصاری ]
.: Weblog Themes By Iran Skin :.

درباره وبلاگ

سلام ما چند تا از بچه های دوره دوم مدرسه علامه حلی 6 هستیم
بی کار بودیم این وب رو زدیم و هیچ قصد دیگه ای از این کار نداشتیم
جستجوگر گوگل



در این وب
در كل اینترنت
تقویم
آمار سایت
بازدیدهای امروز : نفر
بازدیدهای دیروز : نفر
كل بازدیدها : نفر
بازدید این ماه : نفر
بازدید ماه قبل : نفر
تعداد نویسندگان : عدد
كل مطالب : عدد
آخرین بروز رسانی :