files.free-learn.ir › Pdf_Content › html › Learning... · Web viewAuthor Sadegh Asadi Created...

Preview:

Citation preview

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

HTML در Text Formatting قالب بندی متن ها یا

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

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

درستی را در خروجی داشته باشیم.

کنید و یا مثال بخواهید یک کلمهboldبفرض مثال ممکن است بخواهید در متن تان یک کلمه را بولد یا برجسته یا و دیگر مواردی که در ادامه ی این بخشخط بزنید کنید، یا بخواهید یک کلمه را italicرا شکسته یا ایتالیک یا

میخواهیم با آنها آشنا شویم.

بروید ؟ خب بنظره شما باید چکار کرد؟ وقتیسطر جدیدیا شاید بخواهید در یک پاراگراف یک سطر را شکسته و به ( بزنیم در درون اون نرم افزاری که داریم دستورات رو مینویسیم اره اینتر میخوره و میره سطر بعدEnterما اینتر )

است.خیرولی آیا در خروجی هم همینطوره؟ جواب

رو در یک صفحه یقالب بندی سفارشییا شاید بخواهید یک تکه شعر و یا مثال یه تکه متن به دلخواه خودتون با قرار دهید؟ خب اینبار باید چکار کرد بنظره شما؟ آیا بنظره شما خیلی راحت میتونیم متن یا شعر باHTMLوب

است.خیرقالب بندی سفارشی مون رو وارد نماییم و در خروجی هم نمایش داده شود! جواب بازم

خب دیگه اینجاست که ما باید از یکسری تگ که مخصوص قالب بندی متن ها می باشند استفاده نماییم، مثال استفاده کرد و دیگر مواردی که در<br>برای اینکه بتونیم یک سطر رو بشکینم و به سطر جدید برویم باید از تگ

ادامه با آنها آشنا خواهید شد.

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

در این بخش و در ادامه میخواهیم با موارد زیر آشنا شویم و باهاشون کار کنیم:

Breaks Line برای شکستن سطر و رفتن به سطر جدید – Pre برای ایجاد متن،شعر و.. با قالب بندی دلخواه – Bold Text یک متن بولد یا برجسته – Emphasized Text یک متن بصورت تاکیدی یا تاکید داشتن بروی یک متن – Strong OR Important Textیک متن مهم – Italic Text یک متن شکسته یا ایتالیک – Smaller Text یک متن با اندازه نسبتا کوچک – Big Text یک متن با اندازه نسبتا بزرگ – SubScripted Text یک متن پایین نویس – SuperScripted Text یک متن باال نویس – Inserted Text یک متن زیر خط دار – Deleted Text یک متن خط خورده – Marked Text یک متن هایالیت شده –

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

Breaks Line یا شکستن خط در HTML

میتونیم به راحتی یک سطر رو شکسته و به سطر جدید برویم. به همین<br> با استفاده از تگ HTMLما در راحتی !

1

2

3

4

5

6

7

8

9

10

>body<

 

>p<

Salam Khobi? Man >br<

Sadegh Hastam. >br<

Modir Website >br<

Free-Learn.Ir

>/p<

 

>/body<

امتحان کنید

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

HTML در Preایجاد قالب بندی سفارشی با

به راحتی میتونیم هرنوع قالب بندی متنی سفارشی و.. داشته باشیم رو<pre> ما با استفاده از تگ HTMLدر زبان در یک صفحه ی وب قرار دهیم.

برویبصورت آنالینبرای مثال لطفا به دستورات زیر توجه نمایید و همچنین برای مشاهده خروجی دستورات زیر ( کلیک نمایید.امتحان کنیددکمه )

1

2

3

4

5

6

7

8

9

>body<

 

>pre<

من صادق هستم      سالم خوبی؟

------ ++ -------

اینجا هر چی دلم بخواد میتونم وارد کنم

>/pre<

 

>/body<

امتحان کنید

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

Bold Text In HTML

یک متن بولد شده را ایجاد نماییم.<b> ما میتوانیم با استفاده از تگ HTMLدر

< فقط و صرفا یک متن را بصورت بولد یا پررنگ شده بدون هیچگونه اهمیت محتوایی نمایش میدهد. bتگ >

1

2

3

>body<

Salam Khobi? Man >b<Sadegh>/b< Hastam.

>/body<

امتحان کنید

Emphasized Text In HTML

یک متن شکسته بهمراه ارزش محتوایی باال را ایجاد نماییم.<em> ما میتوانیم با استفاده از تگ HTMLدر

< می باشد ولی در معنا برای مرورگر کامال باهمدیگر فرق میکنند.i< در ظاهر همانند تگ >emتگ >

1

2

3

>body<

Salam Khobi? Man >em<Sadegh>/em< Hastam.

>/body<

امتحان کنید

Important Text In HTML

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

یک متن بولد شده بهمراه ارزش محتوایی مهم و زیاد را ایجاد<strong> ما میتوانیم با استفاده از تگ HTMLدر نماییم.

< می باشد ولی در معنا برای مرورگر کامال باهمدیگر فرق میکنندb< در ظاهر همانند تگ >strongتگ >

1

2

3

>body<

Salam Khobi? Man >strong<Sadegh>/strong< Hastam.

>/body<

امتحان کنید

Italic Text In HTML

یک متن شکسته یا ایتالیک شده را ایجاد نماییم.<i> ما میتوانیم با استفاده از تگ HTMLدر

1

2

3

>body<

Salam Khobi? Man >i<Sadegh>/i< Hastam.

>/body<

امتحان کنید

Smaller And Bigger Text In HTML

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

یک متن با اندازه نسبتا کوچک و نسبتا بزرگ را<big> و تگ <small> ما میتوانیم با استفاده از تگ HTMLدر ایجاد نماییم.

1

2

3

>body<

>small<Salam Khobi? Man>/small< >big<Sadegh>/big< >small<Hastam.>/small<

>/body<

امتحان کنید

Subscripted Text In HTML

یک متن را بصورت پایین نویس ایجاد نماییم.<sub> ما میتوانیم با استفاده از تگ HTMLدر

1

2

3

>body<

Salam Khobi? Man >sub<Sadegh>/sub< Hastam.

>/body<

امتحان کنید

Superscripted Text In HTML

یک متن را بصورت باال نویس ایجاد نماییم.<sup> ما میتوانیم با استفاده از تگ HTMLدر

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

1

2

3

>body<

Salam Khobi? Man >sup<Sadegh>/sup< Hastam.

>/body<

امتحان کنید

Inserted Text In HTML

یک خط را به زیر یک متن بکشیم یا یک متن زیر خط دار ایجاد<ins> ما میتوانیم با استفاده از تگ HTMLدر نماییم.

1

2

3

>body<

Salam Khobi? Man >ins<Sadegh>/ins< Hastam.

>/body<

امتحان کنید

Deleted Text In HTML

یک متن را خط بزنیم یا از یک صفحه وب حذف نماییم.<del> ما میتوانیم با استفاده از تگ HTMLدر

HTML در Text Formattingقالب بندی متن ها یا

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

FreeLearn20181@gmail.comhttps://free-learn.ir/

1

2

3

>body<

Salam Khobi? Man >del<Sadegh>/del< Hastam.

>/body<

امتحان کنید

Marked Text In HTML

ما میتوانیم با استفادهHTMLحتما تا حاال دیده اید که یک متن را بصورت هایالیت یا مارک شده قرار میدهند، در یک متن را بصورت هایالیت نمایش دهیم.<mark>از تگ

1

2

3

>body<

Salam Khobi? Man >mark<Sadegh>/mark< Hastam.

>/body<

امتحان کنید

Recommended