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

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » آموزش تگ div و تگ span در HTML به صورت فیلم و متن
فیلم آموزش تگ div و تگ Span در HTML

آموزش تگ div و تگ span در HTML به صورت فیلم و متن

تگ Div

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

اگر سورس بالا رو توی مرورگر اجرا کنید هیچ تغییری رو توی Learn HTML مشاهده نخواهید کرد .

ولی در طراحی سایت مثلاً  برای مشخص کردن هدر یه تگ div رو به عنوان هدر در نظر می گیریم و بهش یه  id یا Class اختصاص می دیم و براساس این id یا Class در CSS بهش استایل می دیم :

پس برای تقسیم بندی صفحات وب از تگ div استفاده می کنیم .

قبلاً برای تقسیم بندی صفحان وب از تگ table استفاده می شد ولی به خاطر سرعت پایین آن ها در هنگام بارگذاری دیگه از این تگ برای تقسیم بندی صفحات استفاده نمیشه .

اصولاً همه تگ های HTML به دو صورت inline level یا block level هستند :

تگ های Inline Level

هر عنصری که بتونه یه عنصر دیگه رو کنار خودش جا بده میشه inline level یعنی در یک خط باشند به صورت زیر :

 

اگر کد بالارو اجرا کنید می بینید که Learn HTML رو توی یک خط نشون میده اینا از تگ های inline level هستند که مقادیر رو در یک سطح نشون میدن .

Block Level

این تگ ها اجازه نمیدن که عنصر دیگری کنارشون قرار بگیره مثل تگ div ، تگ P و… اگه کد زیر رو اجرا کنید به این موضوع پی خواهید برد چون تگ div از نوع block level هست  :

تگ Span

تگ Span برای تقسیم بندی متن به کار میره مثلاً اگر بخوایم به یه متنی یه استایل بدیم اون متن رو داخل تگ span قرار میدیم و با استفاده از CSS بهش استایل میدیم ، تگ span هم جزوه عناصر inline level هستش .

متن سلام خوش آمدید رو در نظر بگیرید من میخوام به کلمه سلام یه فونت یا یه رنگ دیگه بدم ، برای این کار کافیه کلمه سلام رو داخل تگ span بندازم  و با CSS بهش استایل بدم .

فیلم آموزش تگ div و span در HTML رو می تونید از لینک زیر دانلود کنید .

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

دانشجوی رشته نرم افزار ، عاشق برنامه نویسی

نظرات کاربران :



جواب سوال چیه ؟ *