HTML الدرس الثالث فى

Paragraphs

-يستخدم (paragraphs) فى كتابة النصوص فى صفحات الويب والوسم الخاص بها هى:

<!DOCTYPE html>

<html>

<body>

<p>This is a paragraph.</p>

</body>

</html>

Line Breaks

-يستخدم (line breaks) فى الانتقال الى سطر جديد وتستخدم دائما مع النصوص كالتالى:

<!DOCTYPE html>

<html>

<body>

<p>This is<br>a para<br>graph with line breaks</p>

</body>

</html>

ويكون الناتج فى صفحة الويب كالتالى:

This is
a para
graph with line breaks

ولاحظ ان وسم <br> هو جزا واحد فقط اى ليس لة وسم نهاية.

Lines

-ويستخدم هذا الكود فى عمل خط افقى يمكن ان تستفاد بة فى انهاء الفقرة كالتالى:

<!DOCTYPE html>

<html>

<body>

<p>The hr tag defines a horizontal rule:</p>

<hr>

</body>

</html>

ويكون الناتج فى صفحة الويب كالتالى:

The hr tag defines a horizontal rule:

Comments

– وهى تستخدم فى كتابة تعليقات تكتبها انت لتعرف بها فيما تستخدم اكوادك ولا تظهر فى المتصفح كالتالى:

<!– This is a comment –>

Text Formatting

– وهى عبارة عن الصيغة المستخدمة فى ضبط شكل الكلمات والنصوص فمثلا

<b> bold</b> يستخدم فى عمل كلمات ونصوص سميكة الخط كما ان

<i> italic</i> يستخدم فى جعل الكلمات او النصوص ذو خط مائل كما ان

<sub> subscript</sub> وايضا <sup>superscript</sup> يستخدم فى عمل كلمات سفلية او علوية كما بالمثال التالى:

<!DOCTYPE html>

<html>

<body>

<b>This text is bold</b>

<i>This text is italic</i>

This is<sub> subscript</sub> and <sup>superscript</sup>

</body>

</html>

ويكون الناتج بصفحة الويب كما يلى:

This text is bold
This text is italic
This is subscript and superscript
Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: