%45 تخفیف، با کد daneshjoo روی تمام آموزش ها، بمناسبت روز دانشجو
زمان باقی مانده
سبد (0)

تبلیغات

پاراگراف ها در HTML

پاراگراف ها، قسمت عمده ای از یک سند HTML را تشکیل می دهند.


پاراگراف ها در HTML

Wiki

پاراگراف ها به وسیله تگ <p> تعریف می شوند.

مثال (پاراگراف ها در HTML)

<p>This is a paragraph</p>
<p>This is another paragraph</p>
خودتان امتحان کنید »

نکته: مرورگرها به طور خودکار یک خط خالی را قبل و بعد از پاراگراف اضافه می کند.


تگ پایان را فراموش نکنید

Wiki

اغلب مرورگرها حتی اگر تگ پایان را هم نگذاریم صفحه را به درستی نمایش می دهند.

مثال (پاراگراف ها در HTML)

<p>This is a paragraph
<p>This is another paragraph
خودتان امتحان کنید »

مثال بالا در بیشتر مرورگرها عمل می کند، اما به آن اطمینانی نیست. فراموش کردن تگ پایان می تواند نتایج غیر منتظره یا خطاهایی را ایجاد کند.

تذکر: نسخه های آینده HTML به شما اجازه نمی دهد که تگ پایان را فراموش کنید.


رفتن به خط جدید در HTML

Wiki

از تگ </ br> برای رفتن به خط جدید بدون اینکه پاراگراف جدیدی را شروع کنیم استفاده می شود.

مثال (پاراگراف ها در HTML)

<p>This is<br />a para<br />graph with line breaks</p>
خودتان امتحان کنید »

عنصر </ br> یک عنصر تهی در HTML است. این عنصر دارای تگ پایان نیست.


<br> یا </ br>

Wiki

در XHTML و XML عناصر بدون تگ پایان(تگ بسته) مجاز نمی باشند.

اگر چه <br>در تمام مرورگرها کار می کند، اما نوشتن </ br> در برنامه های XHTML و XML بهتر عمل می کند.


 خروجی HTML - نکات مفید

Wiki

شما نمی توانید مطمئن شوید که کدهای HTML چگونه نمایش داده خواهد شد. صفحات نمایش بزرگ یا کوچک و تغییر اندازه پنجره ها نتایج متفاوتی را به همراه دارد.

هنگام نوشتن کدهای HTML، نباید انتظار داشته باشید که فاصله ها یا خط های اضافه در کدهای HTML در خروجی مرورگر نیز فاصله یا خط اضافه دیده شوند.

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

خودتان امتحان کنید

(این مثال بعضی از مشکلات فرمت دهی را در HTML نشان می دهد.)


مشکل نمایش اشعار در مرورگر

مثال (پاراگراف ها در HTML)

<p>شعر زیر، در مرورگر پشت سرهم و در یک خط نمایش داده خواهد شد</p>

<p>

  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.

</p>

خودتان امتحان کنید »

عنصر <pre> در HTML

با استفاده از عنصر <pre> می توانید فاصله ها و خط های اضافی داخل متن را به همان صورت در مرورگر نمایش دهید:

مثال (پاراگراف ها در HTML)

<p>فاصله و خط های اضافی در شعر زیر به همان صورت نمایش داده خواهد شد</p>

<pre>
 
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.

</pre>

خودتان امتحان کنید »

مثال - خودتان امتحان کنید

HTML paragraphs
چگونه پاراگراف ها در مرورگر نشان داده می شود.

Line breaks
رفتن به خط جدید در سندهای HTML.

Poem problems
بعضی مشکلات در فرمت دهی در HTML.

More paragraphs
رفتارهای پیش فرض در پاراگراف ها.


منبع تگ های HTML

منبع تگ های HTML حاوی اطلاعات اضافی در مورد عناصر HTML و خصوصیت های آن ها می باشد.

تگ توضیح
<p> یک پاراگراف را تعریف می کند.
<br /> خط جدیدی را وارد می کند.

دیدگاه‌ها  

+1 # نفیسه بختیاری 1396-04-19 17:15
سلام ببخشید برای لینک کردن یه تصویر ادرسش رو چه جوری باید پیدا کنیم ؟یعنی اون ادرسی که نوشتین از کجا اومده؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1396-04-20 08:35
سلام
به دو صورت می توانیم ویژگی src را در تگ img آدرس دهی کنیم:
1- مطلق: در این روش، آدرس بصورت کامل ذکر می شود.
مثال: <img src="http://www .beyamooz.com/p hp/MyImage.jpg" />
توجه داشته باشید که در آدرس دهی مطلق حتما باید نوع پروتکل صفحات ذکر شود یعنی برای صفحات وب معمولی باید http و برای صفحات وب امنیتی https در آدرس گفته شود.
2- نسبی: در این روش آدرس را بصورت کامل ذکر نمی کنیم، در واقع، قسمت دامین یعنی http://www.beyamooz.com ذکر نمی شود. تصور نمایید که در فولدر manage هستیم و می خواهیم در فایل index.html از یک تصویر استفاده کنیم. این تصویر به فایلی در روت اصلی پروژه لینک است. بنابراین خواهیم داشت:
<img src="/../MyImag e.jpg" />
توجه فرمایید که به ازای هر دو نقطه (..) می توانیم یک گام به عقب برگردیم، یعنی زمانی که محل جاری مان فولدر Manage است با یک دو نقطه به Root اصلی پروژه خواهیم رسید.
شاید بپرسید چرا به این صورت عمل می کنیم، و چرا آدرس کامل را ذکر نمی کنیم ...!؟ جواب اینکه اگر زمانی تصمیم بگیرید که پروژه تان را روی یک دامین دیگر قرار دهید و یا بخواهید پروژه را به یک مشتری دیگر بفروشید، آن موقع به مشکل برخواهید خورد و باید تمام آدرس دهی ها را با دامین جدید عوض کنید، در صورتی که در آدرس دهی نسبی، هیچ کار خاصی نیاز نیست که انجام دهید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # نفیسه بختیاری 1396-04-20 19:45
آدرس تصویر همون ادرسی که داخل سیستم خودمون هست یا باید ادرس سایت باشه؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1396-04-21 08:19
سلام مجدد، همان طور که در بالا گفته شد پیشنهاد ما استفاده از روش آدرس دهی نسبی است.
بنابراین اگر از روش نسبی استفاده کنید چه پروژه روی کامپیوترتان باشد و چه روی اینترنت، تفاوتی نخواهد کرد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # نفیسه بختیاری 1396-04-22 20:21
ببخشید من مرتب سوال میپرسم
خب اینجوری باید همه جا فایل اصلی عکس همراه کد html که نوشتیم باشه ؟ اگه در کنارش نباشه نمیشه؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1396-04-24 16:41
سلام مجدد
بله حق با شماست در روش آدرس دهی نسبی، تمام تصاویر استفاده شده باید داخل پروژه موجود باشد و هر جا که میخواهیم پروژه را ارائه کنیم باید فایل تصاویر را نیز همراه با پروژه منتقل کنیم.
البته اگر قرار است که از تصاویری که روی وب موجود است داخل سایتمان استفاده کنیم، باید از روش آدرس دهی مطلق استفاده کنیم. به این صورت دیگر نیازی به قرار دادن تصاویر در کنار کدهای HTML نیست.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # حسینی 123654 1395-11-21 20:27
سلام بخشید در انتهای سه درس اول، فیلم آموزش HTML وجود داشت، چرا بقیه قسمت ها ندارند ..!؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1395-11-23 14:00
سلام، سه درس اول بصورت رایگان جهت آشنایی شما با نحوه بیان مدرس قرار داده شده و برای دریافت پکیج کامل آموزش HTML باید آنرا خرید نمایید:
http://beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # ِATN 1395-11-14 14:30
سلام ببخشید یه مشکلی توی بخش خودتان امتحان کنید هست اینکه نمیشه متنی رو توش کپی پیست کرد اگه میشه پیگیری کنید
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1395-11-16 08:59
سلام و عرض ادب ...
بررسی شد، مشکلی وجود نداشت ...!
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # 4D 1395-07-28 22:49
دمتتتتون گرم....سایت عالی..کارتونواق عا عالیه مخصوصا اینکه متنشم رایگانه...خدا خیرتون بده...یه باگ داره سایتتون از اینجا گفتم بگم خودتون رفعش کنین
اون نوار اب بالا صفحه قسمت بیاموزیم و مدرسین و فروشگاه موس روش به شکل دست نیست و به حالت اماده نوشتنه درستش کنین مثله بقیه تب هاش بشه
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # shayan hafezieh 1395-03-18 14:47
چرا دیگه به صورت فبلم اموزش نمیدی ):
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیر پهلوان صادق 1395-03-23 18:58
سلام
برای مشاهده بقیه فیلم های آموزش HTML شما باید از طریق لینک زیر اقدام به خرید نمایید:
http://beyamooz.com/product/web-design/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-html
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # علی 1394-12-06 13:50
خوبه
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # نیما داودی 1394-09-15 17:30
سلام
چجوری میشه دو تا تگ h1 رو در یک خط و در ادامه هم نمایش داد؟؟؟؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # مهرداد صلاحی 1394-09-15 20:08
با سلام. این کار اصولی و صحیح نیست. ولی اگر قصد دارید این کار رو انجام بدید، می‌تونید از طریق CSS به این دو تگ خاصیت display:inline- block یا display:inline بدید.
با این خاصیت که در هر دو تگ اعمال میشه، دو تگ در کنار هم خواهند بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # malih niku 1394-04-30 11:47
hr iهم یک عنصر تهی است؟یعنی هرچی 2 تا تگ نداشت و آخرش/ داشت تگ تهی میشه؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+8 # احسان عباسی 1394-04-30 12:52
به عناصر اچ تی ام ال که محتوایی ندارند تگ تهی می گویند. مثلا تگ های زیر همگی تهی هستند:
<br >
<hr >
<meta >
<link >
<base >
<link >
<meta >
<hr >
<br >
<img >
<embed >
<param >
<area >
<col >
<input >


منبع اطلاعات:www.elharo.com/blog/software-development/web-development/2007/01/29/all-empty-tags-in-html/
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
-2 # زهرا 1394-03-02 20:04
سلام و خسته نباشید
در دو بخش مختلف تو آموزش تگ br رو به دو صورت نوشتید ؟؟
هر دونوع درسته ؟ مشکلی پیش نمیاد ؟ کدومش رایج تره ؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # امیر پهلوان صادق 1394-03-03 21:31
سلام
همان طور که در مطلب بالا توضیح داده شده است <br> و </ br> در تمام مرورگرها کار خواهد کرد.
اما نوشتن </ br> در XHTML بهتر عمل خواهد کرد، در واقع طبق استاندارهای XHTML تمام عناصر باید تگ پایان داشته باشند.
نهایتاً توصیه می شود که از </ br> استفاده نمایید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # hadi 1394-01-10 09:08
عالی بود ممنون
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+7 # افشار 1393-11-14 12:50
سلام خیلی ممنونم از سایت خوبتون.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # زهرا علیزاده 1393-07-26 18:15
منبع تگ های HTML حاوی اطلاعات اضافی در مورد عناصر HTML و خصوصیت های آن ها می باشد.
این ینی چییییییییی؟؟؟!! !!!
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+11 # امیر پهلوان صادق 1393-07-27 08:14
بزودی آموزش منبع تگ های HTML راه اندازی می شود و با لینک کردن هر کدام از تگ های آموزش بالا به آن، ابهام ذکر شده برطرف خواهد شد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # زهرا علیزاده 1393-07-27 22:35
به نقل از پهلوان صادق:
بزودی آموزش منبع تگ های HTML راه اندازی می شود و با لینک کردن هر کدام از تگ های آموزش بالا به آن، ابهام ذکر شده برطرف خواهد شد.

okay
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی HTML

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی