HTML Introduction

0 104

DOCTYPE head title Link script body container standalone code editor

in this tutorial, we will learn about HTML versions DOCTYPE head title Link script body container standalone code editor and about others elements in HTML 5

What is html?

HTML (hypertext markup language) is a markup language to create a website, A markup language is a set of notations that specifies how the content should look in the browser.HTML derived the form of a Standard Generalized Markup Language (SGML), which is the mother language of HTML.The first version of HTML was HTML 1.0 was introduced in 1993.The other versions of HTML are…

HTML versions

HTML released version name Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.0 1999
XHTML 2000
HTML5 2014

<!DOCTYPE html>

DOCTYPE element tells to the browser version number of html, this is first declaration line HTML5 Document before written any other html code, By using a DOCTYPE browser is able to render page more in precise way it interprets. It is highly recommended to use doctype at the beginning of html document.
The new HTML5 doctype declaration in html document is follows:
<!DOCTYPE html>
Note this syntax is not only valid for HMTL5 but it is also the doctype of all future HTML versions.

<html>

html is a root element which mark at the beginning of HTML document, it have start and end tag <html> and </html> respectively.it is a largest container in html document to contain different html other elements

<head>

The head element provides provide information about the web pages such as keywords and about language used which are not displayed on html, web page keyword are important term in a web page by search engines to make a possible to search specific information from your site through search engines. The head element consist on start and end tag <head> and </head>

<title>

The meta element in html is used to display information about data, the content in meta element which was specified for charset or character encoding. This is new HTML 5 meta tag is < meta charset=”utf-8″>

<Link>

The <Link> element/tag is used to define a link between a document and an external source file.it is used for external Css stylsheet, link type attributes is used in html to define the specific type of link like ‘text/css which will point to stylesheet. < link type=”text/css rel=”stylesheet” href=”css/mystyle.css” >

Note!  type attribute is not included in HTML5 because in html 5 CSS has been declared as a default and standard style for HTML 5,
New HTML 5 link as < link type=”text/css rel=”stylesheet” href=”css/mystyle.css” >

<script>

Now With HTML5 JavaScript is a default and standard scripting language Note in HTML 5 you remove type attribute from scripting too New scripting tag is…
<script src=”myfirst.js”></script>

<body>

body element unable you to add your content in website between <body> and </body> tag. content can be include hyperlink, image, text, table and form.

Tags

There are two type Elements in HTML and they are a container and standalone elements.

container

A container element include start tag content subelement and end tag

standalone

A standalone element consists of start tag attribute and end tag without any content.

HTML code editor

Html code can write using professional editor like

Adobe Dreamweaver

DOCTYPE head title Link script body container standalone code editor

Coffee cup

DOCTYPE head title Link script body container standalone code editor
HTML editor

Sublime text

DOCTYPE head title Link script body container standalone code editor
HTML editor

Notepad ++

DOCTYPE head title Link script body container standalone code editor

MS Notepad

DOCTYPE head title Link script body container standalone code editor
HTML editor

For a new HTML code learner, i will recommend text editor like notepad I believe using a text editor is a good practice for the beginner.

Step 1:

To open Notepad press win+r from keyboard and type notepad in Run box hit ok

DOCTYPE head title Link script body container standalone code editor
HTML editor

Step 2:

Write code in notepad

 

DOCTYPE head title Link script body container standalone code editor
HTML code editor

Step 3:

Now save your file in .html extension In notepad menu click on file then save as then save your file index.html on your computer.

DOCTYPE head title Link script body container standalone code editor
HTML code editor

To view file:

To view your saved file click on index.html file and it will open in your favorite browser Note: to open the file in your desired browser right click on file then open with and select your browser.

DOCTYPE head title Link script body container standalone code editor
HTML code editor

Comments

comments

Leave A Reply

Your email address will not be published.