بستن منو
۵۸
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
5
نمایش عکس، در HTML
5
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
10
مباحث عمومی، در HTML
10
×

دانلود فروشگاه اندروید کلیدستان

498

نویسنده

علیرضا گلمکانی ( admin )

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

استفاده از id برای دادن نام اختصاصی به هر تگ div

همانطور که در مبحث قبلی گفتم ، نوشتن مشخصه style درون تگ div انتخاب مناسبی نیست و ما به جای آن روش بهتری را پیشنهاد می کنیم . در این روش برای هر تگ div یک نام اختصاصی ( یک id ) در نظر می گیریم و سپس ویژگی هایی را که می خواهیم به آن تگ div نسبت دهیم را در قسمت head از فایل html قرار می دهیم . همان مثال مبحث قبل را این بار با این روش می نویسیم :

مثال

<html>
 
<head>
<style type="text/css">
#column1 {
          float:left;
          padding-right:100px;
         }
#column2 {
          float:left;
         }      
</style>
</head>
 
<body>
 
<div id="column1">
<p>paragraph number 1</p>
</div>
 
<div id="column2">
<p>paragraph number 2</p>
</div>
 
</body>
</html>

نتیجه :

Result

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

در کدنویسی بالا ، ابتدا برای تگ div اول یک id با نام column1 و برای تگ div دوم یک id با نام column2 مشخص کرده ایم . حال باید کدهای CSS را بنویسیم . محل کدهای CSS باید بین تگ های <head> و <head/> باشد . شروع کدهای CSS را با تگ شروع <style type="text/css"> اعلام می کنیم و پایان کدهای CSS را نیز با تگ پایانی <style/> اعلام می کنیم ، سپس بین این دو تگ ، کدهای CSS را می نویسیم . برای تگ های div ، نام هایی اختصاصی ( id ) ساختیم تا بتوانیم در این محل به آنها ویژگی هایی را اختصاص دهیم . برای اینکه هر تگ div را مشخص کنیم ابتدا علامت # را نوشته و سپس نام id مربوط به آن را می نویسیم . سپس بین دو علامت { و } تمامی مشخصه هایی را که می خواهیم برای آن تگ div می نویسیم .

کپی برداری از محتوای سایت کلیدستان، ممنوع بوده و پیگرد قانونی دارد. (تنها استفاده شخصی کاربر، مجاز است) (کپی برداری توسط سایر وب سایت ها = حرام) (بیشتر بدانید)

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 0 0 0

*** نظر بدهید

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو

راهنمای تگ های HTML

راهنمای تگ های HTML بر اساس حرف اول تگ :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

بستن منو
۱۹۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مجموعه ویدئوهای آموزشی HTML5 - مجموعه HTML5 Tutorial - از thenewboston.com
53
مجموعه ویدئوهای آموزشی XHTML و CSS - مجموعه XHTML and CSS Tutorials - از thenewboston.com
46
مجموعه ویدئوهای آموزشی HTML - مجموعه HTML Tutorials
28
مجموعه ویدئوهای آموزشی HTML و CSS - مجموعه Learn HTML/CSS
19
مجموعه ویدئوهای آموزشی HTML5 و CSS3 برای مبتدیان - مجموعه HTML5 and CSS3 beginners tutorials
51
بستن منو
۴۲
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
7
نمایش متن در CSS
7
ساخت حاشیه (border) در CSS
4
عکس ها در CSS
2
ساخت انیمیشن در CSS
6
لینک ها (links) در CSS
5
رنگ ها در CSS
1
مباحث عمومی در CSS
10
بستن منو
۱۵
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مفاهیم اولیه در طراحی وب سایت
2
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
3
کار با کنترل پنل سایت
1
معرفی سایت های مفید در زمینه طراحی سایت
1
یافتن کد رنگ ها برای طراحی سایت
2
نرم افزار FileZilla
1
ارسال ایمیل، در طراحی سایت
1
مباحث عمومی در طراحی سایت
4

آخرین کلیدهای غیررایگان

شما هم می توانید کلیدهای غیررایگان منتشر کنید (بیشتر بدانید)