WHAT IS HTML
HTML Stands For Hyper Text Markup Language.
HTML is the Standard Markup Language For WebPage.
HTML elements are the bulding blocks of html page .
HTML elements are represented by <> tags.
BASIC 10 TAGS FOR HTML
1. <HTML> ......... </HTML> -The root element
All web pages start with the html elements.its called the root element because it's the root of the tree of element that make up a web page..
2. <HEAD> ........</HEAD> -The document head
The head element contain information about the web page , as opposed to the web page content itself..There are many elements that you can put inside the head element ,such as:
3.<TITLE>.....</TITLE> -The page title
The title element contains the title of the page.. The title is displayed in the browser's title bar(the bar at the top of the browser window.),as well as in bookmarks, search engine results, and many other places...
4. <BODY>......</BODY> -The page's content
The body element appears after the head element in the page. It should contain all the content of your web page: text,images,and so on. all web apages have 1 single body element ,with the exceptin of framest pages, which contain frame elements instead.
5.<h1>......</h1> - A Section heading
Headings let you break up your page content into readable chunks. They work much like headings and subheadings in a book or a report..
HTML actually supports 6 headings elements : h1,h2,h3,h4,h5and h6..
h1 is for the most important headings ,h2 is for less important subheadings and so on .Typically you won't need to use more than h1,h2 and h3 , unless your page is large and complex.
6.<p>......</p> - A Paragraph
The p element lets you create paragraphs of text.Most browser display paragraphs with a vertical gap between each paragraphs ,nicely breaking up the text..
7. <A>...</A> -A Link
One of the most important elements in web page, the a elements lets you create links to other content .The content can be either on your own site or on other sites .
8.<img>-An image
The img element lets you insert images into your web pages. To insert an image, you can first upload the image to your web server, then use an <img> tag to reference the uploaded image filename .
9.<div> ......</div>-A block -level container for content
The div element is a generic container that you can use to add more structure to your page content. Typically , div elements are uesd for things like:
* Page headers and footers
*Columns of content and sidebars
*Highlighted boxes within the text flow
*Areas of to page with a specific purpose, such as ad spots
* Image galleries
10.<span> .....</span>-An inline container for content
The span element is similar to div in that it's used to add structure to your content. The difference is that div is a block-level element, while span is an inline element:
*Blocked-level elements, such as div ,h1 and p, are elements that are designed to hold relatively large or stand-alone blocks of content, such as paragraphs of text. A block -level element always starts on a new line.
*Inline elements, such as span, a and img, are designed to hld smaller pieces of content - such as a few words or a sentences - within larger block of content.
EXAMPLE:-
👍🏻
ReplyDeleteSo useful 👏
ReplyDelete