Scribd
Upload
9 views

What is HTML

The document provides an overview of HTML, including its structure, tags, and attributes. It covers essential elements like headings, lists, tables, forms, and SEO techniques relevant to HTML. The content is organized into chapters that explain how to create basic web pages and optimize them for search engines.

Uploaded by

alihanzla15987
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
9 views

What is HTML

The document provides an overview of HTML, including its structure, tags, and attributes. It covers essential elements like headings, lists, tables, forms, and SEO techniques relevant to HTML. The content is organized into chapters that explain how to create basic web pages and optimize them for search engines.

Uploaded by

alihanzla15987
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

Chapter 1

What is HTML:-
HTML {Hyper Text Markup Language}
HTML is a language of the web. It is used create website.

A basic HTML page:-


<! Doctype html> Specifies this is an html5 doc.
<html> root of an html page.
<head> contains page metadata. </head>
<body> the main body of the page(rendered by the browser)
<p> this is a paragraph. <\p>
<h> this is a heading. <\h>
<\body> closing body tag
<\html>

What is Tag:-
A tag is like a container for either content or HTML tags.

Comments in HTML:-
Comments in HTML are used to mark text which should not be
parsed. They can help document the source code.
<!-- HTML comments -->
Chapter 2
HTML Attributes:-
Used to add more information corresponding to an HTML tag.
Example:- <a “htts://google.com”>

The Anchor tag:-


The anchor tag is used to all links to an exiting content inside an
HTML page.
Example:- <a “htts://google.com”> chick me </a>

The Image tag:-


Image tag is used to add images in an HTML page.
Example:- <a image scr =“image.jpg”>

The Heading Tags:-


Heading tag is used to mark headings in HTML.
<h1> most important heading </h1>
<h2>Another heading h2 </2>
<h3> Another heading h3 </3>
<h4> Another heading h4 </4>
<h5> Another heading h5 </h5>
<h6> Another heading h6 </h6>
Bold tag:- <b>
Italic tag:- <i>
Underline:- <u>
Br tag:- used to next line. <br>
Big and small:- <big>, <small>
Hr tag:- used to horizontal line. <hr>
Subscript and superscript tag:- is used to
<sub> H|2O <sup>A|n+2
Pre tag:- is used to extra space <p> </p>

Chapter 3
Creating a page layout:-
When we use the right tag in right place, it’s result in better
websites.
<header> |
<main> | website layout
<footer> |
Inside the main tag we insert the following tags:
<main> <section > a page section
<article> a self contained content
<aside> content aside from the content(e.g Ads etc)
</main> The main closing tag.

Link attachments:-
Contact page opened in same page.
<a href= “contact” >contact vs</a>
Contact page opened with another page
<a href= “contact” tagent = “blank”> contact us </a>
We can add links to image like this
<a href =|<a href= “about”><image scr =jpg width=“120”></a>
Height will be set automatically.
The div tag:-
Div is used to a block level elements. <div>…</div>
The span tag:-
Span an inline container. <span>…</span>

Chapter 4
List:- list are used to display content which represents a list.
Un ordered list:- used to list unordered items.
<ul>
<li> home <li>
<li> about <li>
</ul>
Ordered list:- used to list ordered item.
<ol>
<li> phone <li>
<li> pc <li>
</ol>
Table tag:- is used to define table in HTML.
Tr tag:- used to display table row.
Td tag:- used to display table data.
Th tag:- used in place row as we went
To add a caption to the table, we use <caption> tag inside table.
Thead tag:- used to wrap table head(caption and tr with th tag)
Tbody tag:- used to wrap the table body.
Colspan attribute:- is used to create cells spanning multiple
column.
<th colspon =“3”>google <th> span 3 column.
HTML forms
An html form is used to collect input from the user form tag is
used for the same. <form>…</form>
There are different form elements for different kind of user
input.
Input element:- can be of type text cheakbox, radio, button and
submit. We also have a ‘file’ type.
Textarea elements:- defines a multi line text input column and
row attributes can be used to size the textarea.
Select elements:- defines a drop down list
Embedding videos:-
Video tag is used to play videos in HTML.
<video src = ‘video mp4’ >Error </video>

Chapter 5
SEO:- we will focus only on html standpoint of SEO. We will not
be looking into keyword building and content optimize aspect
of SEO.
Types of SEO:-
1) On page SEO
2) Off page SEO
HTML SEO:-
Html developers can implement SEO using the following
techniques.
1) Set the title very nice and to the point
2) Set the meta description
<meta name = “description” content = “….”
3) Set a nice URL slug
4) Set the meta keyword tag
5) Set he author tag
<meta name = “author” content = “google” >
6) Set s faricon
7) Compass image and other resources
8) Remove unused HTML/CSS and JS files + compass them
Add alt test to image

You might also like