002-01141087755 info@CodesRoots.com
تصميم مواقع وتطبيقات الموبايل والجوال-


HTML-الكلمات الاساسيه

(HTML Basic Tags)
 

يمكنك استخدام أحجام مختلفة للعناوين الخاصة بك.
لديها (html) أيضا ستة مستويات من العناوين،
والتي تستخدم عناصر .<H1> <H2> <H3> <H4> <H5> <H6>
 .أثناء عرض أي عنوان، ومتصفح يضيف سطر واحد قبل وسطر واحد بعد ذلك البند.


:مثال

<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

:تقدم العلامة<بوسيلة لهيكلة النص إلى فقرات مختلفة.
 كل فقرة من فقرات النص يجب ان تذهب في بين فتح
 <ص> والإغلاق  العلامة كما هو مبين أدناه في

 -المثال-

<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>Here is a first paragraph of text.</p>
<p>Here is a second paragraph of text.</p>
<p>Here is a third paragraph of text.</p>
</body>
</html>

 

-في اي  وقت مضى عندما كنت تستخدم <br /> عنصر،
 أي شيء بعد ذلك يبدأ من السطر التالي. هذه العلامة هي مثال عنصر فارغة،
 حيث لا تحتاج علامات الافتتاح والختام، كما لا يوجد شيء للذهاب بينهما.

العلامة <br /> لديها مساحة بين ر الشخصيات ومائل. إذا قمت بحذف هذه المساحة،
 سوف المتصفحات القديمة صعوبة في جعل خط فاصل،
في حين إذا كنت أفتقد حرف مائل ومجرد استخدام <br> لا تصح في (html)
مثال :

<!DOCTYPE html>
<html>
<head>
<title>Line Break  Example</title>
</head>
<body>
<p>Hello<br />
You delivered your assignment ontime.<br />
Thanks<br />
Mahnaz</p>
</body>
</html>
-توسيط المحتوى-
يمكنك استخدام <center> العلامة لوضع أي محتوى
 في وسط الصفحة أو أي خلية الجدول.
:مثال
<!DOCTYPE html>
<html>
<head>
<title>Centring Content Example</title>
</head>
<body>
<p>This text is not in the center.</p>
<center>
<p>This text is in the center.</p>
</center>
</body>
</html>

-خطوط أفقية-

 

وتستخدم خطوط أفقية لكسر بصريا فروعا وثيقة. و<hr>
 العلامة يخلق خط من الوضع الحالي في المستند إلى الهامش الأيمن وتكسر خط وفقا لذلك.

على سبيل المثال قد ترغب في إعطاء

 الخط الفاصل بين فقرتين كما في المثال المبين أدناه:

 

:مثال

<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
</body>
</html>
-الحفاظ على التنسيق-

في بعض الأحيان كنت تريد النص لمتابعة التنسيق الدقيق كيف هو مكتوب في وثيقة HTML
.
في تلك الحالات، يمكنك استخدام علامة المنسقة مسبقا <قبل
.أي نص بين فتح <قبل> العلامة و الإغلاق
</ bre> سوف العلامة الحفاظ على تنسيق المستند المصدر.

 

<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre>
function testFunction( strText ){
   alert (strText)
</pre>
</body>
</html>

 



اعلانات
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا
شركة تصميم مواقع وتطبيقات موبايل اتصل بنا

002-01141087755

متاح واتس اب - فايبر - لاين
شركة تصميم مواقع وتطبيقات موبايل

info@CodesRoots.com