0% found this document useful (0 votes)
40 views9 pages

HTML Notes

Download as docx, pdf, or txt
Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1/ 9

Website:

A website is a collection of web pages (documents that are accessed through the
Internet). web site, is a central location of various web pages that are all related
and can be accessed by visiting the home page using a browser
A web page or webpage is a document commonly written in HyperText Markup
Language (HTML) that is accessible through the Internet or other network using a
browser. A web page is accessed by entering a URL addresses and may contain
text, graphics, and hyperlinks to other web pages and files.
Two types of website : Static and dynamic
A dynamic website contains information that changes, depending on the viewer of
the site, the time of the day, the time zone, the native language of the country the
viewer is in or many other factors.
<html xmlns="http://www.w3.org/1999/xhtml"> The xmlns attribute specifies the
xml namespace for a document. the HTML validator at http://w3.org does not
complain when the xmlns attribute is missing in an XHTML document. This is
because the namespace "xmlns=http://www.w3.org/1999/xhtml" is default, and
will be added to the <html> tag even if you do not include it.
The <!DOCTYPE> declaration must be the very first thing in your HTML document, before
the <html> tag.

The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser
about what version of HTML the page is written in.

Hypertext markup language use for making web pages. The <html> element
defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.

HTML elements :
<head>
<body>

head element is a container for all the head elements, head element must include
a title for the document, and can include scripts, styles, meta information
Title display on a browser toolbar and displays a title for the page in search-
engine results.
Body The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
<html>
<head>
<title>My Web Page!</title>
</head>
<body>
Hello world!
</body>
</html>
Metadata is data about data. The <meta> tag provides metadata about the HTML
document. Metadata will not be displayed on web pages . Meta elements are
typically used to specify page description, keywords, author of the document, last
modified, and other metadata. the page. The metadata can be used by browsers ,
search engines , or other web services. Multiple Meta elements with different
attributes are often used on the same page
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
content-type: Specifies the character encoding for the document.
<html>
<head>
<meta http-equiv="refresh" content="2; url=http://www.cncwebworld.com">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>

</body>
</html>
Search engine optimization (SEO) is the process of affecting the visibility of
a website or a web page in a search engine's. As an Internet marketing strategy,
SEO considers how search engines work, what people search for, the actual search
terms or keywords typed into search engines and which search engines are
preferred by their targeted audience.
SEO has traditionally divided into two main areas; on-page optimization which
covers what can be done on the pages of the website itself, and off-page
optimization which covers activity that takes place elsewhere (e.g. link-building).

Headings are defined with the <h1> to <h6> tags.


<html>
<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>

Paragraphs are defined with the <p> tag.


<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>
HR element is used to separate content in an HTML page.
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
</body>
</html>

the non-breaking space is a character entity which create white space between
words or web page elements.
<html>
<body>

<p>

QUALITY POLICIES:
It is our policy to provide quality services on &nbsp &nbsp &nbsp &nbsp a best
effort basis to satisfy the stated and implied needs of our students.

Quality Objectives
• To comply with quality standards.
• To incorporate technological advancements for efficient performance in
service delivery.
• To ensure continuous improvement focused on students needs.
• To develop highly motivated and skilled personnel.
</p>

</body>
</html>

BR tag inserts a single line break. The <br> tag is an empty tag which means that
it has no end tag.
<html>
<body>

<p>This is<br />a para<br />graph with line breaks</p>

</body>
</html>

Text Formatting :
The <b> tag specifies bold text.
em tag emphasized text.
strong Defines important text.
<i> tag is displayed in italic. The <i> tag can be used to indicate a technical term, a
phrase from another language.
The <sup> tag defines superscript text.
The <sub> tag defines subscript text.
Code tag Defines a piece of computer code

<html>
<head>
<title>Formatting text</title>
</head>
<body>
<p><b>This is a Bold <b></p>
<p><em>This is a Emphasized Text</em></p>
<p><strong>This is a Strong Text</strong></p>
<p><i>This is a Italic Text</i></p>
<p>X<sup>2</sup></p>
<p>X<sub>2</sub></p>
<p><del>This is a struck through Text</del></p>
<p><code>This is a Computer Code Text</code></p
<p>THis is a <small>Small</small> Text</p>
<p><s> welcome</s></p>
</body>
</html>

Comments are piece of code which is ignored by any web browser. It is good
practice to comment your code, especially in complex documents, to indicate
sections of a document, and any other notes to anyone looking at the code.
Comments help you and others understand your code.
<html>
<body>

<!--This comment will not be displayed-->


<p>This is a regular paragraph</p>

</body>
</html>

The quotes property sets the type of quotation marks for embedded quotations .
<html>

<body>

<p>

QUALITY POLICIES:
It is our policy to provide <q>quality <q>services</q> on a best effort basis
to</q> satisfy the stated and implied needs of our students.

Quality Objectives
• To comply with quality standards.
• To incorporate technological advancements for efficient performance in
service delivery.
• To ensure continuous improvement focused on students needs.
• To develop highly motivated and skilled personnel.
</p>

</body>
</html>
The <pre> tag defines preformatted text.
<html>
<head><title>Pre formatting example<title></head>
<body>
<p> Hello world !<p>
<pre>Hello world !</pre>
</body>
</html>

marquee is a scrolling piece of text displayed either horizontally across or


vertically down your web site page depending on the settings.
<marquee attribute_name="attribute_value"....more attributes>
One or more lines or text message or image
</marquee>
width: how wide the marquee is.
height: how tall the marquee is.
direction: which direction the marquee should scroll. This will have value either
up, down, left or right.
scrollamount: how far to jump. This will have a value like 10 etc
bgcolor: background color. This will have any color name or color hex value
hspace: horizontal space around the marquee. This will have a value like 10 or
20%etc
vspace: vertical space around the marquee. This will have a value like 10 or
20%etc.
<html>
<body>
<marquee direction="right" scrollamount="2">Welcome to cncweb
world</marquee>
</body>
</html>

The bgcolor attribute is used to control the background of an HTML elmement,


specifically page body and table backgrounds.
<html>
<head>
<meta content="">
<title>Home page</title>
</head>
<body bgcolor="powderblue">
<p>This is a paragraph</p>
</body>
</html>
The text attribute specifies the color of the text in a document.
<html>
<body text="red" >
Hell world!
</body>
</html>

You might also like