انجمن‌های فارسی اوبونتو

کمک و پشتیبانی => راهنماها، نکات و ترفندها => نویسنده: Sadrolla در 22 بهمن 1394، 10:23 ب‌ظ

عنوان: تنظیم فاصله سطرها در فایل html (حل شد)
ارسال شده توسط: Sadrolla در 22 بهمن 1394، 10:23 ب‌ظ
سلام دوستان
عنوان گویاست
من کلی فایل html دارم که نمی‌دونم چه طوری فاصله بین سطرها رو تنظیم کنم
در برنامه‌های واژه پرداز به سادگی قابل تنظیمه و در برنامه‌های مشابه هم نتیجه اعمال می‌شه، اما وقتی با فرمت html ذخیره و در firefox باز می‌شه هیچ تغییری اعمال نشده.
عنوان: پاسخ : تنظیم فاصله سطرها در فایل html
ارسال شده توسط: فاروق در 22 بهمن 1394، 10:32 ب‌ظ
اگر منظورت فاصله بین سطر ها داخل یک جدول هست، میتونی خصوصیات تگ مربوطه رو تغییر بدی
عنوان: پاسخ : تنظیم فاصله سطرها در فایل html
ارسال شده توسط: علی میرجمالی در 22 بهمن 1394، 11:42 ب‌ظ
برای این کار باید از CSS Style مربوطه یعنی line-height استفاده کنی. در مثال زیر خطوط پاراگراف اول چهار برابر حالت نرمال فاصله خواهند داشت و خطوط پاراگراف دوم دو برابر حالت نرمال:
<!DOCTYPE html>
<html>
<head>
<title>Example for Sadrolla</title>
</head>
<body>
<p style="line-height:4em">
1st line<br/>
2nd line<br/>
3rd line<br/>
4th line<br/>
</p>
<p style="line-height:2em">
5th line<br/>
6th line<br/>
7th line<br/>
</p>
<body>
</html>

برای مطالعه بیشتر به این صفحه (http://"http://www.w3schools.com/cssref/pr_dim_line-height.asp") در سایت w3schools مراجعه فرمایید.

دانستن HTML و CSS برای همه ما الزامی است و استفاده از واژه پرداز (یا ویرایشگر HTML) فقط بعد از یاد گرفتن پایه آنها مجاز می‌باشد.
عنوان: پاسخ : تنظیم فاصله سطرها در فایل html
ارسال شده توسط: Sadrolla در 23 بهمن 1394، 06:22 ق‌ظ
اگر منظورت فاصله بین سطر ها داخل یک جدول هست، میتونی خصوصیات تگ مربوطه رو تغییر بدی
تشکر دوست عزیز، نه منظورم فاصله بین سطرهاست.
برای این کار باید از CSS Style مربوطه یعنی line-height استفاده کنی.
خودم هم حدث می‌زدم که با ید از css استفاده کنم، حیف شد که نمی‌شه از خود html به تنهایی استفاده کرد.
برای مطالعه بیشتر به http://www.w3schools.com/cssref/pr_dim_line-height.asp در سایت w3schools مراجعه فرمایید.
سایت خوبی هست
دانستن HTML و CSS برای همه ما الزامی است و استفاده از واژه پرداز (یا ویرایشگر HTML) فقط بعد از یاد گرفتن پایه آنها مجاز می‌باشد.
استفاده من از html بسیار محدود هست، اوائل که بلد نبودم از واژه پرداز استفاده می‌کردم برای اون کدهایی که می‌خواستم
یه فایل دو کلمه‌ای می‌ساختم با واژه پرداز یکیش رو Bold می‌کردم ببینم کدش چیه و …
کثیف‌ترین کار برای یادگیری
بهترین ابزاری که برای مرتب کردن XML/HTML/XHTML هست:
sudo apt-get install tidy # install the package
tidy -xml --indent auto --indent-spaces 4 --quiet yes FILE # command usage
برای انتخاب‌های بیشتر می‌تونی به این لینک (http://tidy.sourceforge.net/docs/quickref.html) سر بزنی.
متأسفانه فعلا بیشتر وقتم در ویندوز هستم و از Notepad++ استفاده می‌کنم داخل گنو/لینوکس هم، هر editor گرافیکی که پیش‌فرض نصب باشه کار راه اندازه
اما فرصت بشه دوست دارم html رو یاد بگیرم

تشکر از همه دوستان
عنوان: پاسخ : تنظیم فاصله سطرها در فایل html (حل شد)
ارسال شده توسط: Sadrolla در 23 بهمن 1394، 06:35 ق‌ظ
برای این کار باید از CSS Style مربوطه یعنی line-height استفاده کنی. در مثال زیر خطوط پاراگراف اول چهار برابر حالت نرمال فاصله خواهند داشت و خطوط پاراگراف دوم دو برابر حالت نرمال:
<!DOCTYPE html>
<html>
<head>
<title>Example for Sadrolla</title>
</head>
<body>
<p style="line-height:4em">
1st line<br/>
2nd line<br/>
3rd line<br/>
4th line<br/>
</p>
<p style="line-height:2em">
5th line<br/>
6th line<br/>
7th line<br/>
</p>
<body>
</html>

برای مطالعه بیشتر به این صفحه (http://"http://www.w3schools.com/cssref/pr_dim_line-height.asp") در سایت w3schools مراجعه فرمایید.

من همه فایل‌های html که دارم تقریبا از الگوی یکسان پیروی می‌کنن، برم تو کارش ببینم می‌تونم یه فایل css رو تنظیم کنم برای بیش از چهار هزار قایل html که روز به روز هم به تعدادشون اضافه می‌شه :دی
عنوان: پاسخ : تنظیم فاصله سطرها در فایل html (حل شد)
ارسال شده توسط: Sadrolla در 23 بهمن 1394، 07:08 ق‌ظ
باز به روش کثیف کاری خودم، کار رو انجام دادم
رفتم به سایتی که فایل‌های html رو گرفته بودم و و یکی از صفحات رو با scrapbook ذخیره کردم و داخل فایل css نگاه کردم و دیدم که فقط به این کدش نیازه html body { line-height: 2em; } بعد اون رو با نام css.css ذخیره کردم و با notepad++ تنظیم کردم که اول تمام فایل‌های html این کد رو اضافه کنه <link rel="stylesheet" type="text/css" href="../css.css">