Scribd
Upload
39 views11 pages

HTML Codes Chapter#1

The document discusses various HTML tags for formatting text on webpages. It explains opening and closing tags, tags for headings, paragraphs, and bold, italic, and emphasized text. Other tags covered include tags for images, links to other webpages, horizontal rules, line breaks, and preserving whitespace. An example HTML code is provided that demonstrates many of these tags.

Uploaded by

r93_alhajri
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
39 views11 pages

HTML Codes Chapter#1

The document discusses various HTML tags for formatting text on webpages. It explains opening and closing tags, tags for headings, paragraphs, and bold, italic, and emphasized text. Other tags covered include tags for images, links to other webpages, horizontal rules, line breaks, and preserving whitespace. An example HTML code is provided that demonstrates many of these tags.

Uploaded by

r93_alhajri
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

HTML CODES

Rahma Alhajri

Friday, November 9, 12

Start Tags
<HTML> <body> <-other codes-> </body> </HTML>

Friday, November 9, 12

Text Tags
<h1> -HeadLine1- </h1> <h2> -HeadLine2- </h2> <p> -paragraph- </p>

Friday, November 9, 12

Text format Tags


<B> -Bold Text- </B> <i> -italic text- </i> or <em> -emphasized- </em> <big> -big text- </big> <small> -small text- </small> <sup> -SuperscriptText- </sup> <sub> -SubscriptText- </sub>

Friday, November 9, 12

Other Format Tags


<pre> -preserves space- </pre> <Hr> -Horizontal Rule- </Hr> <br> -line Break- </br>

Friday, November 9, 12

Inserting Photo Tag


<img src="Image Path.type of image"/> If you want to edit the size for the image:
<img src="Cat.gif" *Photo *Type height="42" width="42"/>

Path:

for example:D://images/photo.jpg for example: (.jpg ,.gif)

of image:

Friday, November 9, 12

Text Linked to Webpage Tag

<a href="http://www.facebook.com">Facebook</a>

Friday, November 9, 12

Example

Friday, November 9, 12

The Code in Notepad


<Html> <body> <h1>Welcome</h1> <h2>Hello Everyone</h2> <p>This Rahma Alhajri <p> <p> I'm <em>writting</em> <sub>an </sub> <i> example</i> in <B>H.T.M.L</B>, <sup> and </sup> i <big>hope</big> it will <small>help </small> you.<br>Best of Luck </p> <Hr> <a href:"www.google.com">Google</a> <hr> <img src="C:\Users\Public\Pictures\Sample Pictures\Penguins.jpg" height="150" width="300"/> <hr> </body> </html>

Friday, November 9, 12

Final Shape
Friday, November 9, 12

The End :)

Friday, November 9, 12

You might also like