Scribd
Upload
74 views2 pages

HTML Page Structure and Tags Guide

The document summarizes the basic skeleton and structure of an HTML page. It outlines the main tags used to define the beginning and end of an HTML document (<html>), head (<head>), body (<body>), and title (<title>). It also describes common text formatting tags like paragraphs (<p>), headings (<h1>-<h6>), bold (<strong>), and italics (<em>). Additionally, it mentions tags used for images (<img>), links (<a>), and lists (<ul>, <ol>, <li>). Styles can be added to tags using the "style" attribute to control text alignment, color, font, and size.

Uploaded by

Demir Gazetić
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
74 views2 pages

HTML Page Structure and Tags Guide

The document summarizes the basic skeleton and structure of an HTML page. It outlines the main tags used to define the beginning and end of an HTML document (<html>), head (<head>), body (<body>), and title (<title>). It also describes common text formatting tags like paragraphs (<p>), headings (<h1>-<h6>), bold (<strong>), and italics (<em>). Additionally, it mentions tags used for images (<img>), links (<a>), and lists (<ul>, <ol>, <li>). Styles can be added to tags using the "style" attribute to control text alignment, color, font, and size.

Uploaded by

Demir Gazetić
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

The skeleton of the page:

<!DOCTYPE html> (begining)


<html> (frist line)
</html> (last line)

<> (tags, always come in pairs an opeing tag and a closing tag.)

<head> </head> (contains information about our HTML file)

<title> </title> (the title what we see in the browser's title bar on page/tab)

<body> </body> [(where we put our content such as text,images and links)(the
body goes inside <html> after <head>)]

<p> </p> (paragraphs we can write content in between the tags)

<h1> </h1> (headling tag 1)


<h2> </h2> 2
<h3> </h3> 3
<h4> </h4> 4
<h5> </h5> 5
<h6> </h6> 6

<a> </a> ( adding a link)


<a href=" "> My favorite site! </a>
(href= a text is a link.)

<img> (adding a image)


src (tag for the link of the picture)
/ (closing tag)

<img src=" " />

<h1 style="text-align:center"> </h1> ["text-align:left" (or right, or center) to


determine the location of the text]

<strong>....</strong> (to bold words)

<em>....</em> (italicize words)

<ul>
<li> </li>

[unordered list]

</ul>
[a list withing a list both together]
<ol>
<li> </li>

[ordered list]

</ol>

<p style="color:..."> tekst.</p> [adding color to the paragraph]

<p style="font-family:...." tekst. </p> [adding font to the text paragraph]

<p style="font-size:number" tekst. </p> [adding font size to the paragraph]

You might also like