HTML is expanded as HyperText Markup Language and it is vast and widely used languages to design the web pages. Hypertext refers to the way in which all web pages are linked together and the link available on webpage are called hypertext. HTML is a markup language which means it is used to \u201cmark-up\u201d a text document with tags that says the web browser how to structure it on web page. HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists and also to improvise the sharing of information between pages.<\/p>\n\n\n\n
HTML is being widely used to format web pages with the help of different tags that are available in HTML Language. The basic HTML document structure is:<\/p>\n\n\n\n
<!DOCTYPE html>\n\n<html>\n\n<head>\n<title>This is document title<\/title>\n<\/head>\n\n<body>\n<h1>This is a heading<\/h1>\n<p>Document content goes here\u2026.<\/p>\n<\/body>\n\n<\/html><\/code><\/pre>\n\n\n\n
The output is<\/strong><\/p>\n\n\n\n<\/figure>\n\n\n\n
All HTML documents should start with a type declaration:<\/p>\n\n\n\n
<! DOC TYPE html>.\n\nThe html document itself begins with <html> and ends with <\/html>. The visible part of HTML document is between <body> and <\/body>.<\/code><\/pre>\n\n\n\n
HTML editors:<\/strong><\/h2>\n\n\n\n
<\/strong>We can learn HTML by creating it in notepad software. Webpages can also be created and modified by using professional HTML editors. For learning HTML, we recommend a simple text editor like Notepad (PC) or Text edit in Mac.<\/p>\n\n\n\n
The steps to create a HTML program are:<\/p>\n\n\n\n
\n
Click on start button on the screen.<\/li>\n\n\n\n
Click on programs-Accessories \u2013Notepad.<\/li>\n\n\n\n
Type the program and save with an extension of .htm<\/li>\n<\/ol>\n\n\n\n\n
Open the saved file in any browser by double click on that particular file.\u00a0<\/li>\n<\/ol>\n\n\n\n
HTML headings:<\/strong><\/h2>\n\n\n\n
Html headings are defined with the <h1> to <h6> tags.\n\n<h1> defines the most important heading <h6> defines the least important heading\n\n<h1>This is heading 1<\/h1>\n<h2>This is heading 2<\/h2>\n<h3>This is heading 3<\/h3>\n\n<h4>This is heading 4<\/h4>\n<h5>This is heading 5<\/h5>\n<h6>This is heading 6<\/h6><\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\n
HTML paragraphs:<\/strong><\/h2>\n\n\n\n
To create a paragraph in HTML we use <p> tags. For example\n\n<!DOCTYPE html>\n<html>\n<body>\n\n<p>This is a paragraph.<\/p>\n<p>This is another paragraph.<\/p>\n\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\n
HTML links<\/p>\n\n\n\n
HTML links are defined by <a>tag. For example\n\n<a\u00a0href=\"https:\/\/www.iitworkforce.com\">This is a link<\/a><\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\n
HTML Images:<\/strong><\/h2>\n\n\n\n
HTML images are defined with the <img> tag. The source file src and alternate height and width are provided are provided with attributes.\n\n<img\u00a0src=\"C:\\Users\\Public\\Pictures\\Sample Pictures\\Desert.jpg\"\u00a0width=\"104\"\u00a0height=\"142\"><\/code><\/pre>\n\n\n\n<\/figure>\n\n\n\n
HOW to create first HTML webpage?<\/strong><\/h2>\n\n\n\n
<\/pre>\n\n\n\n<\/figure>\n\n\n\n
<!DOCTYPE http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=iso-8859-1\" \/>\n<title>Untitled Document<\/title>\n<style type=\"text\/css\">\n<!--\u00a0\n#Layer1 {\u00a0\nposition:absolute;\u00a0\nwidth:1104px;\u00a0\nheight:169px;\u00a0\nz-index:1;\u00a0\nbackground-image: url(images\/forest03.jpg);\u00a0\nbackground-color: #84A810;\u00a0\nleft: 11px;\u00a0\ntop: 10px;\u00a0\n}\u00a0\n#Layer2 {\u00a0\nposition:absolute;\u00a0\nwidth:176px;\u00a0\nheight:89px;\u00a0\nz-index:2;\u00a0\ntop: 187px;\u00a0\nleft: 12px;\u00a0\nbackground-color: #C4DDE1;\u00a0\n}\u00a0\n#Layer3 {\u00a0\nposition:absolute;\u00a0\nwidth:924px;\u00a0\nheight:39px;\u00a0\nz-index:3;\u00a0\nleft: 191px;\u00a0\ntop: 183px;\u00a0\nbackground-color: #D1F172;\u00a0\n}\u00a0\n#Layer4 {\u00a0\nposition:absolute;\u00a0\nwidth:845px;\u00a0\nheight:164px;\u00a0\nz-index:4;\u00a0\nleft: 191px;\u00a0\ntop: 223px;\u00a0\nbackground-color: #CCD191;\u00a0\n}\u00a0\n.style1 {\u00a0\ncolor: #A65353;\u00a0\nfont-style: italic;\u00a0\n}\u00a0\n#Layer5 {\u00a0\nposition:absolute;\u00a0\nwidth:178px;\u00a0\nheight:471px;\u00a0\nz-index:5;\u00a0\ntop: 182px;\u00a0\nbackground-color: #84A810;\u00a0\n}\u00a0\n#Layer6 {\u00a0\nposition:absolute;\u00a0\nwidth:844px;\u00a0\nheight:260px;\u00a0\nz-index:6;\u00a0\nleft: 191px;\u00a0\ntop: 394px;\u00a0\nbackground-color: #CCD191;\u00a0\n}\u00a0\n.style2 {\u00a0\ncolor: #FFFFFF;\u00a0\nfont-weight: bold;\u00a0\n}\u00a0\n.style6 {color: #FF00FF}\u00a0\n.style7 {color: #512828}\u00a0\n#Layer7 {\u00a0\nposition:absolute;\u00a0\nwidth:1026px;\u00a0\nheight:45px;\u00a0\nz-index:1;\u00a0\nleft: 0px;\u00a0\ntop: 469px;\u00a0\nbackground-color: #C4DDE1;\u00a0\n}\u00a0\n.style8 {\u00a0\ncolor: #990033;\u00a0\nfont-weight: bold;\u00a0\n}\u00a0\n.style10 {\u00a0\ncolor: #EBFBFC;\u00a0\nfont-weight: bold;\u00a0\n}\u00a0\nbody {\u00a0\nbackground-image: url(images\/adminmnu_top.gif);\u00a0\n}\u00a0\n.style11 {\u00a0\ncolor: #330099;\u00a0\nfont-family: \"Monotype Corsiva\";\u00a0\n}\u00a0\n-->\n<\/style>\n<\/head>\n<body>\n<div id=\"Layer1\"><\/div>\n<div id=\"Layer3\">\n<h2 align=\"center\" class=\"style1\"><marquee>\n<span class=\"style11\">SHIKRA RESORT\u00a0\n<\/span>\n<\/marquee><\/h2>\n<\/div>\n<div id=\"Layer4\"><imgsrc=\"images\/184125,xcitefun-rabbits7.jpg\" width=\"201\" height=\"169\" \/><imgsrc=\"images\/shikra1.jpg\" width=\"201\" height=\"169\" \/><imgsrc=\"images\/meerpagar-tree-green-forest-bird.jpeg\" width=\"201\" height=\"169\" \/><imgsrc=\"images\/pic01.gif\" width=\"240\" height=\"169\" \/><\/div>\n<div id=\"Layer5\">\n<div id=\"Layer7\">\n<div align=\"center\" class=\"style8\">Shikra<\/div>\n<\/div>\n<table width=\"177\" border=\"1\">\n<tr>\n<td><div align=\"left\"><span class=\"style10\">Home<\/span><\/div><\/td>\n<\/tr>\n<tr>\n<td><span class=\"style10\">Activities<\/span><\/td>\n<\/tr>\n<tr>\n<td><span class=\"style10\">Photo gallery<\/span><\/td>\n<\/tr>\n<tr>\n<td><span class=\"style10\">Tariff details <\/span><\/td>\n<\/tr>\n<tr>\n<td><span class=\"style10\">Booking<\/span><\/td>\n<\/tr>\n<tr>\n<td><span class=\"style10\">Contact us<\/span><\/td>\n<\/tr>\n<tr>\n<tr>\n<td><span class=\"style10\">Login<\/span><\/td>\n<\/tr>\n<\/table>\n<\/div>\n<div id=\"Layer6\">\n<p> <br \/>\n\n\n <span class=\"style2\"> <span class=\"style6\"> <span class=\"style7\">The main objective of African forest is to provide information regarding various forests situated in India and animals residing in the forest.In addition to that it also provides time and visiting season as well as map of the forest to tourists who wants to visit.<br \/>\n\n This project helps people who are interested in wild animals so that they can visit in perfect season.<br \/>\n\n This project is to make the forest information to be done online.As the animal and bird species are decreasing day by day, it is nessasary to provide awareness for future generation also.So using this project user can directly get the information regarding forest .<br \/>\n\n\n One of the major revenue of the forest is Sandalwood.Forestdeparment keep track of all the information related to sandalwood and its products.his project provides details about sandalwood products.The administrator is provided with the more information about the project and can make further more changes to the project.<\/span><\/span><\/span><\/p>\n<\/div>\n\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
HTML is expanded as HyperText Markup Language and it is vast and widely used languages to design the web pages. Hypertext refers to the way in which all web pages are linked together and the link available on webpage are called hypertext. HTML is a markup language which means it is used to \u201cmark-up\u201d a […]<\/p>\n","protected":false},"author":1,"featured_media":10000,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-9989","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-qa-tutorials"],"_links":{"self":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/posts\/9989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/comments?post=9989"}],"version-history":[{"count":0,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/posts\/9989\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/media\/10000"}],"wp:attachment":[{"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/media?parent=9989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/categories?post=9989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.h2kinfosys.com\/blog\/wp-json\/wp\/v2\/tags?post=9989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2021\/07\/image.png\" "\\"\\"")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2021\/07\/image-1.png\" "\\"\\"")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2021\/07\/image-2.png\" "\\"\\"")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2021\/07\/image-3.png\" "\\"\\"")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2021\/07\/image-4.png\" "\\"\\"")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.h2kinfosys.com\/blog\/wp-content\/uploads\/2021\/07\/image-5.png\" "\\"\\"")
<\/figure>\n\n\n\n