Scribd
Upload
4 views11 pages

Essential HTML Code Guide

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
4 views11 pages

Essential HTML Code Guide

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

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 [Link] of image"/> If you want to edit the size for the image:
<img src="[Link]" *Photo *Type height="42" width="42"/>

Path:

for example:D://images/[Link] for example: (.jpg ,.gif)

of image:

Friday, November 9, 12

Text Linked to Webpage Tag

<a href="[Link]

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:"[Link]">Google</a> <hr> <img src="C:\Users\Public\Pictures\Sample Pictures\[Link]" 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