Text Elements HTML

Heading

• Every page should only have one H1 heading
• انك تظبط الـ Structure بتاع الصفحة بيخليها تظهر أكتر وبيعلي الـ SEO

	<h1>The basic Language of the web: HTML</h1>
    <h2>The basic Language of the web: HTML</h2>
    <h3>The basic Language of the web: HTML</h3>
    <h4>The basic Language of the web: HTML</h4>
    <h5>The basic Language of the web: HTML</h5>
    <h6>The basic Language of the web: HTML</h6>

Paragraph

<p>Hello, World</p>

• لو عايز تملى أي كلام بتكتب lorem{num_of_words} زي lorem20
• لو عايز أغير بداية الـ Tag ونهايتها بستخدم ctrl + d

Comments

It doesn’t appear

<!-- This is comment -->

Bold Text

<b> : not good practice, It’s old HTML because <b> doesn’t have semantic meaning, It’s without a specific meaning

<strong> It’s same as bold but have a meaning that is really an important element

And this is the idea of Semantic HMTL

<b>This text is bold</b>
<strong>This text is strong</strong>

Italic text

<i> stands for italic, but it’s have no meaning again

<em> stands for emphasize, do same thing as italic but have semantic meaning

And this is the idea of Semantic HMTL

<i>This text is italic</i>
 
<em>This text is emphasized</em>

under line

<u> stands for underline, but it’s have no meaning again <ins> stands for insert, but have semantic meaning

<u>ccccccc</u>
<ins>ccccccc</ins>

ccccccc ccccccc

Highlights

We will use mark

<mark>Hello</mark>

Hello

quotation

<q>Hello</q>

Hello

Super and sub

<p>X<sup>3</sup></p>
<p>H<sub>2</sub></p>

X³

H₂

### marquee لو عايز الtext يفضل يتحرك كدا فأي اتجاه بقول عليه ```html

Corn Pop

``` بقوله الاتجاه وكمان لو عايز أغير بيتصرف ازاي يعني ال alternate معناها لو خبطت في طرف الصفحة ارجع تاني ### hr بيعمل خط

<hr/>

br

بيعمل line break وبينزل الكلام لسطر تاني أو بيعمل فرق

<br>
<p>
	Hello <br>
	World <br>
</p>
 
<p>
	Hello
	World
</p>

Hello
World

Hello World ### pre بيخلي الكلام يظهر زي ما هيتكتب جواه بالظبط ومش هيغير حاجة ```html

	Hel   lo
	World

```

	Hel   lo
	World