الاثنين، 6 أكتوبر 2014

الأساليب (Styles)

المشاركة رقم:60
سلسلة احتراف برمجة صفحات الويب  Web Pages Programming Tutorial
إتش تي إم إل 5  HTML5 
_________________________________
منقول ومترجم للعربية من Moved and Translated to Arabic From

http://www.w3schools.com

الأساليب (Styles) في HTML
HTML Styles
استخدمت الاساليب لتغير لون الخلفية لهذه المشاركة
I use Styles to change the background color for this post
- عناصر التنسيق في HTML
في المشاركة السابقة، تعلمت عن عناصر التنسيق في HTML.
عناصر التنسيق هي عناصر HTML خاصة ولها معناها الخاص.
تم تصميم عناصر التنسيق لعرض أنواع خاصة من النص، مثل النص المهم، النص البارز، السفلي،و العلوي.
- HTML Formatting Elements
In the previous post, you learned about HTML formatting elements.
Formatting elements are special HTML elements with a special meaning.
Formatting elements were designed to display special types of text, like important text, emphasized text, subscripts, and superscripts.
---------------------------------------------------------
- أسلوب HTML
الأساليب في HTML ليس لها علاقة بشيء  مع عناصر التنسيق.
الأسلوب هو عبارة عن تغيير أو إضافة أسلوب لعنصر HTML موجود.
كل عناصر HTML لها أسلوب افتراضي (لون خلفية أبيض، لون النص أسود ...).
تغيير الأسلوب الافتراضي لعنصر HTML، يمكن أن يحدث باستخدام سمة الأسلوب.
- HTML Styling
HTML styling has nothing to do with formatting elements.
Styling is about changing or adding the style of existing HTML elements.
Every HTML element has a default style (background color is white, text color is black ...)
Changing the default style of an HTML element, can be done with the style attribute.

Example:
<!DOCTYPE html>
<body style="background-color:lightgrey">
<h1>My Frist Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
---------------------------------------------------------


- السمة HTML Style
السمة HTML Style لها التركيب التالي:
Style="property:value:
- The HTML Style Attribute
The HTML style attribute has the following syntax:
Style="property:value:
---------------------------------------------------------
- لون النص في HTML
خاصية اللون تحدد لون النص المستخدم لعنصر HTML.
- HTML Text Color
The color property defines the text color to be used for an HTML element.

Example:
<!DOCTYPE html>
<html>
<body">
<h1 style="color:Blue">My First Heading</h1>
<p style="color:red">My first paragraph.</p>
</body>
</html>
---------------------------------------------------------
- نوع الخط للنص في HTML
خاصية نوع الخط تحدد الخط المستخدم لعنصر HTML
- HTML Text Fonts
The font-family property defines the font to be used for an HTML element.

Example:
<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph</p>
</body>
</html>
---------------------------------------------------------
- حجم الخط في HTML
خاصية حجم الخط (font-size) تحدد حجم الخط المستخدم لعنصر HTML
- HTML Text Size
The font-size property defines the text size to be used for an HTML element:

Example:
<!DOCTYPE html>
<html>
<body>
<h1 style="font-size:300%">This is a Heading<h1>
<p style="font-size:160%">this is a paragraph</p>
</body>
</html>
---------------------------------------------------------
- محاذاة النص في HTML
خاصية محاذاة النص (text-align) تحدد المحاذاة الأفقية للنص لعنصر HTML.
- HTML Text Alignment
The text-align property defines the horizontal text alignment for an HTML element:

Example:
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">This is a Centered Heading</h1>
<p>this is a paragraph</p>
</body>
</html>





مرسلة بواسطة في

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)