گروه برنامه سازی کامپیوتر صفر و یک

#
با سلام خدمت شما بازديدكننده گرامي ، خوش آمدید به وبگاه صفر و یک . لطفا براي هرچه بهتر شدن مطالب اين وبگاه ، ما را از نظرات و پيشنهادات خود آگاه سازيد و ما را در بهتر شدن كيفيت مطالب ياري کنید.
تعداد کل کاربران وبگاه 19
اعضای انلاین وبگاه 1

وبگاه صفرویک را بایک کلیک محبوب کنید
با ثبت نام رایگان صاحب پنل اس ام اس با امکانات زیادی شوید


نام کاربری
رمز عبور

فراموشی رمز عبور؟

عضویت رایگان

نام کاربری
رمز عبور
تکرار رمز
ایمیل
کد تصویری

  1. مرکز آموزش علمی و کاربردی جامعه اسلامی کارگران واحد اصفهان "
  1. سامانه جامع آموزشی دانشگاه علمی کاربردی"
  1. اینجا همه چی در همه"
  1. خط کشی"
  1. ردیاب ارزان ماشین"
  1. جلو پنجره جک جی 5"

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

برای تبادل لینک ابتدا ما را با عنوان بچه های برنامه سازی کامپیوتر-کاردانی و آدرس sephroyek.LXB.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد.





براي اطلاع از مطالب جدید وبگاه در خبرنامه عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود



تعداد کل مطالب ارسالی 62
تعداد بازدید امروز از وبگاه 50
تعداد بازدید دیروز از وبگاه 3
ورودی گوگل امروز 5
ورودی گوگل دیروز 0
بازدید کل از وبگاه 16917

آماده سازی ساختار سند HTML5
نویسنده: مدیر ساعت و تاریخ انتشار: 9:13|جمعه 1 آبان 1394 بازدید: 92 موضوع: آموزش HTML5

همانگونه که در پست قبلی گفتیم وقتی یک سند HTML5 را ایجاد می کنیم، اولین خط سند باید دارای این تگ باشد:

 

تگ DOCTYPE همیشه با یک علامت تعجب شروع شده و همیشه در ابتدای سند قبل از هر تگ دیگری قرار می گیرد.اغلب تگ های HTML به بزرگی و کوچکی حروف حساس نیستند اما عبارت DOCTYPE باید همیشه با حروف بزرگ باشد.

ایجاد قسمتهای HTML,Head,Body

تمام کد اچ تی ام ال شما به جز تگ DOCTYPE باید درون تگ دو طرفه باشند تگ دوطرفه، تگی است که محتویات آن درون یک تگ باز و یک تگ بسته قرار می گیرند و تگ بسته همانند تگ باز است با این تفاوت که دارای یک اسلش است. تگ های باز و بسته  به این صورت هستند:

 

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

به علاوه، سند شما باید دارای دو قسمت باشد:یک Head و یک Body

قسمت Head یا عنوان: توسط تگ دو طرفه مشخص میشود.این قسمت حاوی عنوان صفحه(Page Title) است. عنوان صفحه متنی است که در نوار عنوان مرورگر و روی دکمه نوار وظیفه برای مرور گر ظاهر می شود. همچنین این قسمت حاوی اطلاعاتی درباره سند است که نمایش داده نمی شوند مانند تگ های .

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

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

 

 

 

 

 

 

 

 

 

 

ایجاد پاراگراف ها و شکست های خط

درون قسمت <body>سند خود، متنی را تایپ می کنید که میخواهید درون صفحه وب ظاهر شود. هر پاراگراف متن باید درو یک تگ دوطرفه مشخص کننده نوع آن قرار بگیرد.

اصلی ترین نوع پاراگراف، پاراگراف بدنه است که با تگ<p> مشخص میشود. این یک تگ دو طرفه است و بنابراین متن پاراگراف بین تگ <p>  و <p/> قرار می گیرد.

وقتی مرور گر یک صفحه وب را نشان می دهد، یک فاصله سفید بین پاراگراف ها قرار می دهد این فاصله معمولاً باعث راحت تر خوانده شدن متن می شود اما در بعضی مواقع مشکل ساز می شود مانند زمانی که یک آدرس را وارد می کنید که این فاصله اضافی باعث سخت خوانده شدن متن می شود.

برای ایجاد یک شکست خط (یعنی شروع متن از ابتدای خط بعدی) بدون اینکه یک پاراگراف جدید ایجاد کنید(یعنی بدون اینکه فاصله اضافی به وجود بیاید)، از تگ <br> استفاده می کنیم.این یک تگ یک طرفه است که درون یک پاراگراف و در انتهای هر خط قرار می گیرد و باعث می شود تا متن بعد ازآن، از ابتدای خط بعدی شروع شود بدون این که یک پاراگراف جدید ایجاد شود.

به مثال زیر توجه کنید:

<p>sephroyek<br>

آموزش زبان اچ تی ام ال </p>

تعیین عنوان صفحه و متاتگ ها

برای اینکه یک عنوان یا یک تیتر برای صفحه وب خود داشته باشیم باید مابین تگ های <title> عنوان دلخواه را بنویسیم.که این تگ در قسمت  تگ <head>  قرار می گیرد.

<!DOCTYPE html>

<html>

<head>

 <title>sephroyek</title>

</head>

<body>

 

</body>

</html>

خودتان تمرین کنید و نتیجه را مشاهده نمایید.

 

عنصر دیگری که در هدر قرار می گیرد، تگ <meta> است. این تگ دارای چند کاربرد است.یکی و مهمترین آنها مشخص کردن کلمه های کلیدی مربوط به صفحه است. قرار دادن کلمه های کلیدی صحیح در صفحه باعث می شود تا کاربران بتوانند صفحه شما را راحت تر در بعضی از موتورهای جست و جو مانند google,yahoo.msn و.... پیدا کنند.بعضی از موتورهای جست و جو هنگام فهرست کردن یک صفحه وب، نه تنها از متن صفحه استفاده می کنند بلکه از کلمه های کلیدی درون قسمت تگ<meta> نیز استفاده می کنند.



نظرات شما عزیزان:

نام :
آدرس ایمیل:
وب سایت/بلاگ :
متن پیام:
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

 

 

 

عکس شما

آپلود عکس دلخواه:





فاقد عکس ساختار سند, اچ تی ام ل, وب, برنامه نوسی تحت وب,