HTML is not a programming language; it is a markup
language, and is used to tell your browser how to display
the WebPages you visit.
HTML consists of a series of elements, which you use to
enclose different parts of the content to make it appear a
certain way, or act a certain way.
The enclosing tags can make a word or an image a
hyperlink to somewhere else, can italicize words, and can
make font bigger or smaller, and so on.
Like this,
This page consists of several tags, and each tag refers to
specific usage and format.
<!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.
<html> </html> is sometimes known as the root element.
<head> </head> this tag provides general information
(metadata) about the document, including its title and links
to its scripts and style sheets.
<title> </title> this can be used to add a title to the
document. And if you try bookmarking the page, you will
see the <title> contents filled in as the suggested bookmark
name.
<style> </style> is used for declaring style sheets within
your HTML document
<link> tag is used for defining a link to an external
resource like" style sheet ". is placed in the <head> section
of the HTML document. And has 2 important attributes "rel"
which describe the relationship between the current
document and the destination URI. And "href" which
specifies the URL of the resource document.
<script></script> tag is used for declaring a script (such
as JavaScript) within your HTML document and has attribute
"src" which specifies a URI/URL of an external script.
<h1>–<h6> elements represent six levels of section
headings. <h1> is the highest section level and <h6> is the
lowest.
"Note" You should consider avoiding using <h1> more than
once on a page to make it easy to search engine to appear
your site in search results
<p> </p> for containing long ,Or regular paragraphs of
text.
<a> </a> is used for creating a hyperlink to another web
page. and has an important attribute "href" which Specifies
the URL of a page that the link goes to.
we note, tag<h1> starts on a new line and takes up the full
width available, the same happened with <p> because these
elements are "Block" contrariwise <a> which does not start
on a new line and only takes up as much width as necessary
because it's an "inline" element so allows to another
element be in the same line.
<br> is used for specifying a line break and is an empty
tag because it has no end tag.
<hr> is used to separate content (or define a change) in
an HTML page.
<table></table> table in html consists of the <table>
element and one or more <tr>, <th>, and <td> elements.
The <tr> element defines a table row, the <th> element
defines a table header, and the <td> element defines a table
cell.
<form></form> used to create a form for user input.
"NOTE":
button submit بيدخلها وعايزها تتبعت كلها لما تضغط علىuser اللىdata كل ال
< بيعتبر ان دىform> الن مع كل بدايهtag <form> مثال مينفعش تعملها جوه كذا
الموجوده دلوقتى فالصح اننا نعمل كل الform خالص مع الrelated حاجه جديده مش
يكون جوه الbutton < واحده والform> يدخلها جوهuser اللى عايزين الdata
.< دىform>
<button></button> represents a clickable button and has
an important attribute is "type" which determines which
type this button is Like "submit , reset,….".
<input> is an empty tag ,contains attributes only, and the
type attribute different according the usage of this input
button,ckeckbox ,date, email,……..".
"Note" when make type attribute of input to checkbox or
radio ,the name of each input must be the same because
this means that these inputs related to the same question.
<lable></lable> element does not render as anything
special for the user.
<textarea></textarea> it's like an input tag with type text
but represents a multi-line plain-text editing control.
<fieldset></fieldset> is used to group related elements
in a form so draws a box around the related elements and
The <legend> tag defines a caption for the <fieldset>
element.
<select></select> to make a drop-down list with your
available options <option> and each option has a "value" to
determine which option is selected.
<optgroup></optgroup> is used to create a grouping of
options within a <select> element.
<img> is an empty tag is used for embedding images
into an HTML document .
The value given by the src attribute is the URL to the
embedded image. The value of the alt attribute
appears if the image cannot be loaded.
<li></li> tag is used for specifying a list item in
ordered<ol></ol> and unordered lists<ul></ul>.
-<ol></ol> an ordered list can be numerical or
alphabetical by determining the type "1,A,a,I,i,…".
<i></i> is used for italic font " Sphenodon punctatus ".
<u></u> usually results in the text being underlined.
<b></b> is to markup text as bold without conveying any
extra importance .
<ins> </ins> AND <del></del> usually is used for
products salary which has sale.
<small></small>
<strong></strong> tags to indicate stronger importance.
<span></span> tag is used for grouping and applying
styles to inline elements.
<div></div> tag is used for defining a section of your
document. With the <div> tag, you can group large
sections of HTML elements together and format them with
CSS.
"NOTE":
The difference between the <div> tag and the <span> tag is
that the <div> tag is used with block-level elements whilst
the <span> tag is used with inline elements.
<section></section> Any given web page or article
could have many sections. For example, a homepage could
have a section for introducing the company, another section
for news items, and another section for contact information.
<nav></nav> tag is used for declaring a navigational
section of the HTML document.
<footer></footer> Footers usually contain information
such as the author of the document, copyright information,
links to terms of use, privacy policy, etc.
<audio></audio> tag is used to specify audio on an HTML
document. And has many specific attributes like" preload ,
autoplay , loop , controls ,…..".
<video></video> for example you could embed a music
video on your web page for your visitors to listen to and
watch.