HTML Basic Elements And Tags

In this article today I tell you about the very basic tags and elements of  HTML which use when you start web designing in your life, so, first of all, we get knowledge about Elements.

What is Elements?

An element is a construct (made by combination) consisting (usually) of:
•An opening tag,
•some optional attributes and their respective values, 
•some content,
•a closing tag.

HTML Basic Elements And Tags


Elements can contain any number of further elements, which are, in turn, made up of tags, attributes, values,  contents.

The opening tag can contain multiple attributes, but it cannot contain other elements or tags, while the closing tag cannot contain anything but itself. 

•Not all elements have closing tags.

•The above-said elements are called as self-closing elements, empty elements, or replaced elements – where as the elements with ending and closing tags are called as paired, container tags.

For example:

           <br>, and <hr>.
A self-closing element requires a space and a trailing slash,

such as 
<br /> or <hr />.
Attribute and tags description



Attributes


Attributes appear within tags, and they can only contain the value of the attribute.

They can have multiple values separated by space.


Basic Html Page Structure




<!DOCTYPE HTML>

<html>

<head>

<meta name="author" content=“basic Example">

<title>Untitled Document</title>

</head>

<body>

</body>

</html>


Html Tags


The <html> tag surrounds the entire HTML document.
This tag tells the client browser where the document begins and ends.


Head

The <head> tag delimits the heading of the HTML document.
or 
The <head> element creates a header section for the document.
The heading section of the document contains certain heading information for the document that is not actually content.

The document’s title, Meta information, Document scripts are all contained in the <head> section.
Meta 

Metadata is data (information) about data.The <meta> tag provides metadata about the HTML document. 

Metadata will not be displayed on the page, but will be machine parables.Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.

The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. further you can know about Search Engine Optimization 



Example <head> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="basic Example"> </head>



Body


This is the main body of an HTML document where all of the content is placed.

This is the content that people will see, hear, or otherwise experience when they visit the web page.

Title

You should specify a title for every page that you write inside the <title> element.

This element is a child of the <head> element). It is used in several ways:It displays at the very top of a browser window.

It is used as the default name for a bookmark in browsers.Therefore it is important to use a title that really describes the content of your site.

The <title> element should contain only the text for the title and it may not contain any other elements.

Attributes are used to amplify tags.


What we mean by amplify is that when a web browser interprets a tag, it will also search for set attributes and then display the element (tags+attributes) in its entirety.



Many HTML tags have a unique set of their own attributes.


Attributes-Chart

COMMENTS

BLOGGER: 1
Loading...
Name

Blogging,7,How to,9,Make Money,4,SEO,5,Tricks & Tips,4,Web Designing,10,Web Development,6,
ltr
item
Weblog Tricks - Learn Everything About Web : HTML Basic Elements And Tags
HTML Basic Elements And Tags
HTML Basic Elements And Attributes Tags. that define HTML List with Example Structure with Body Head Functions step by step describe
https://3.bp.blogspot.com/-qi6ImxK8UNI/WNOzCVUWqGI/AAAAAAAAAZM/6HveY-dUD_QgvjxBc9rujkgoiv9C89a2wCLcB/s640/download.jpg
https://3.bp.blogspot.com/-qi6ImxK8UNI/WNOzCVUWqGI/AAAAAAAAAZM/6HveY-dUD_QgvjxBc9rujkgoiv9C89a2wCLcB/s72-c/download.jpg
Weblog Tricks - Learn Everything About Web
http://www.weblogtricks.com/2016/10/html-basic-elements-and-tags.html
http://www.weblogtricks.com/
http://www.weblogtricks.com/
http://www.weblogtricks.com/2016/10/html-basic-elements-and-tags.html
true
3158682668530211189
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy