basic html structure tags

. All HTML documents follow the same basic structure so that the browser that renders the file knows what to do. For XHTML 1.0 Strict:And for HTML4 Transitional… The basic structure of any HTML document consists of the following sections or elements: The DTD (!DOCTYPE declaration). The head section (head element). In HTML, any content that is in between is a comment that will not be rendered by the browser. In the case of HTML files, it means the specific version and flavor of HTML. These elements are either metadata that describe information about the page or are helping pull in external resources like CSS stylesheets or JavaScript files. Leave your questions in the comments! There are a number of different doctype declarations that correspond to various versions of HTML. navigation bar: 1. First, we'll need to signal to the browser that this is a web page. When creating a web page there are some basic HTML tags required to build the HTML document structure of the page. If you’re working with XHTML then you write em… The start and end tags surround the content of the EMelement: This is emphasized text tags hold main navigational items for the website. A basic HTML page always starts with the Document Type Declaration or doctype. HTML elements indicate the purpose of a tag and tags indicate the beginning and the end of an element.For example, here is a simple paragraph in HTML:The letter “p” represents the paragraph element. Webpages can and will look pretty different from one another, but they all tend to share similar standard components, unless the page is displaying a fullscreen video or game, is part of some kind of art project, or is just badly structured: header: 1. The
tags contain information about the website as a whole. Tags generally consist of an opening and closing pair. The shortcut for cut is cmd+x (PC = ctrl+x). Tags marked with (*) should still work, but have been superseded by Cascading Style Sheets (CSS), which is now the recommended way to change the font, colour, spacing, border or alignment of HTML … The content within this element is displayed as the page title in the tab of the browser and is also what search engines use to identify the title of a page. Main Body: This occupies the largest area on a web page. The doctype should always be the first item at the top of any HTML file. All other elements must be descendants of this element. The first line on the top, , is a document type declarationan… These are all container tags and must appear as pairs with a beginning and an ending. You can use different sizes for your headings. Do you have any questions about any of these concepts? Most HTML documents have the following structural tags inside the body tags. ... Let us now have a look on the basic structure of HTML. Your friend is right in that the DOCTYPE declaration tells the browser that the following code on the page is HTML, but more specifically it tells the browser which version of HTML the page uses. There are two nesting errors in the previous example: This code actually will render in some browsers, but just because something renders doesn’t mean that the code is syntactically correct. Since the element is the ဠrst in a document other than comments, it is called the root element. It contains the title, style, meta, … etc tag. In this example,
is an opening tag that tells the browser that the content that follows it is a paragraph. HTML uses some predefined tags which tells the browser about content display property, that is how to display a particular given content. This is often the information at the top of the page that stays exactly the same as you go from page to page on a website. Use the shortcut keys to cut and paste these tags into different locations. Elements and Tags. Refer to the information above for help. I’m a little bit confused about and I hope you’ll clear my concept. It contains content specific to the page being viewed.3. Change your document so that it looks like this: Now save the document again, go back to the web browser and reload the page. The header is seen on each page.2. The doctype is always the first item at the top of any HTML file. These heading and sectioning elements helps the reader to perceive the content meaning. Header: The header contains content relevant to all pages on your site, such as a logo or website name, and a navigation system. See the hint for cut/paste instructions. You may encounter serious display issues if you don’t remember to “close” each tag because the browser will interpret this pattern as meaning that the element identified by the opening tag should continue for the rest of the page. HTML is a markup language, which means that it is used to “mark up” the content within a document, in this case a webpage, with structural and semantic information that tells a browser how to display a page. Then sections and subsections come, each possibly has its heading and subheading. The Basic Structure of a Web Page 5:20 with Treasure Porth You will get a quick overview of all the elements that make up a basic web page, from the internal workings of doctype and head, to the parts that everybody sees: the header, nav, main, and footer. The opening
tag in the content is contained within the opening and closing
tags. The opening tag is contained within the opening and closing tags. An HTML tag is a special word or letter surrounded by angle brackets, < and >. You might have noticed that I keep referring to HTML elements as “containers.” This is because proper “nesting” is a key part of writing HTML that will work across all browsers, will render all content, will be readable by screen readers, and will be able to be targeted by CSS and JavaScript. Here you can test out what you read, and achieve badges. Tuesday , January 19 2021 Computer 4 Beginners ,
So it’s saying “Hey browser, interpret this HTML following the rules around X version of the HTML language.”, Your email address will not be published. To build any webpage you will need four primary tags: , , and <body>. Your email address will not be published. section> tag is a tag which holds, some content be it a menu on as sidebar or a place of new postings display, or image gallery etc., Note: it can be placed anywhere on the site, the core purpose is to hold some content. Many years ago, the doctype declaration was an ugly and hard-to-remember mess. An end tag includes a "/" after the "<". Tags in HTML: Tags are one of the most important part in an HTML Document. :: The HTML Tag. View lect-2-Introduction-to-HTML.pptx from BSCS 602 at Air University, Islamabad. This basic HTML tag reference covers the basic HTML tags required for the HTML document structure of a web page and basic HTML tags used for formatting content on a web page. The copyright info, address, and sometimes contact information is usually found here. Basic HTML tags. The appearance of the page will not have changed at all, but the purpose of HTML is to apply meaning, not presentation, and this example has now defined some fundamental elements of a web page. The shortcut for paste is cmd+v (PC = ctrl+v). You can find a full list of all HTML elements at the Mozilla Developer Network HTML Element Reference Page. These are called empty elements. I wanna know if he is right or is there anything more to the story? A tag is special text--"markup"--that is delimited by "<" and ">". Syntax: HTML elements and tags work together to mark up content. Many web authoring software add DTD and basic tags automatically when you create a new web page. Greetings to everyone! Elements are the structures that describe parts of an HTML document. HTML is written with normal old text. All other element tags are 'nested' within the start and end html tags. Links to the site's main sections; usually represented by menu buttons, links, or tabs. The basic structure of an HTML document includes tags, which surround content and apply meaning to it. They are written in lower case using angled brackets ie <html>. As an illustration… Page Structure tags Description , title , head , body etc are part of the page structure tags. WordPress Redirection Plugin and Trailing Slashes. I’ve used HTML comments to label the example we’ve been using to show which tags are opening tags and which tags are closing tags, so you can see how each element is nested. Designed by Elegant Themes | Powered by WordPress. The document type declaration, also known as the doctype for short, is illustrated below:As you can see, the doctype tag is a slightly different looking tag from the ones we’ve discussed before. Inspect an HTML Element: Right-click on an element (or a blank area), and choose "Inspect" or "Inspect Element" to see what elements are made up of (you will see both the HTML and the CSS). Lecture 03 1 Outline Introduction to HTML Basic Structure of a HTML page Text formatting tags in HTML Lists in Usually a big strip across the top with a big heading, logo, and perhaps a tagline. Like the header, this conte… Some elements don’t have a closing tag. All of the content that you see rendered in the browser is contained within this element. The HTML <html> element (or HTML root element) represents the root of an HTML document. <footer> All of the HTML elements that can be used inside the <head> element are: There can only be one <body> element in an HTML document because this element is the container that holds the content of the document. In terms of HTML, nesting means exactly what you’d think it might mean: each element goes inside another element, just like nesting dolls are physically “nested” within each other. HTML elements indicate the purpose of a tag and tags indicate the beginning and the end of an element. <nav> The head section begins with the <head> start tag and terminates with the </head> end tag. Any document starts with a heading. This line of him made me confused and I would appreciate if you answer this one. You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens. The <main> tags hold the main information about the current page. HTML governs the structural elements, CSS styles those elements, and JavaScript enables dynamic interaction between those elements. Start studying HTML 5 Basic Structure and Tags. Try arranging the tags to the right into the correct order. There are three types of code that make up a basic website page. Many elements have an opening tag and a closing tag — for example, a p (paragraph) element has a <p> tag, followed by the paragraph text, followed by a closing </p>tag. A basic HTML page is a document that typically has the file extension .html, though HTML frequently appears in the content of other file types as well. Once you know the Basic HTML Page Basic Structure of HTML document then you can use and write and edit your own HTML file. Just like HTML comments, the browser will not display indentations in the code, these formatting patterns are there solely to help improve the readability of code. Most HTML documents have the following structural tags inside the body tags. This is often the information at the bottom of the page that stays exactly the same as you go from page to page on a website. Here is a diagram, showing the two main parts and the primary tags. The <title> element is the only element that is required to be contained within the <head> tags. ‘DOCTYPE indicates the browser that the file coming up is html and consist of many tags or elements’. In the rest of this article, you'll revise the original code using the new HTML5 structural ta… This element, known as the HTML root element, always contains one <head> element and one <body> element. Learn vocabulary, terms, and more with flashcards, games, and other study tools. * To make your web pages compatible with HTML 4, you need to add a document type declaration (DTD) before the HTML element. <nav> Every HTML document should start with a special line of code that declares its document type. The basic structure of an HTML document consists of 5 elements: <!DOCTYPE> The DOCTYPE A DOCTYPE declaration must be specified on the first line of each web document:The DOCTYPE tells the web browser which version of HTML the page is written … The logo, tagline, and navigation are usually found here. It contains the title, style, meta, … etc tag. Cut and paste the tags to be in the correct order. Head tag: Head tag is used to contain all the head element in the html file. HTML works in a very simple, very logical, format. This post will be updated with links to the other posts in the series as they are published. </head>. First, we have the Document Type Declaration, or doctype. <main> In this example, <p> is an opening tag that tells the browser that the content that … They are part of the basic html page and does not directly affect the formatting of text or image. </main> In a web page, the first tag (specifically, <html>) indicates the markup language that is being used for the document. For example, the P element represents a paragraph while the EM element gives emphasizedcontent. <!DOCTYPE html>. The main container (html element). This is usually found inside the <header> tags, or directly underneath these tags. Documents contain headers, footers, chapters, and various other conventions that divide the document into logical parts. The slash in the second tag, </p>, indicates that it is a closing tag that tells the browser that the paragraph element is ending and that any content that appears after it is not part of the paragraph. Welcome to my first. An element has three parts: a start tag, content, and an end tag. This section reviews the current methods of dividing an HTML document using generic sample code. Let's address the tags which comprise the basic HTML page structure — the structure of a web page. Next, the <html> element wraps around all of the other code and content in our document. In this case, we’re using the doctype that corresponds to HTML5, the most up-to-date version of the HTML language. Keep in mind that indentation is used by developers to help make sure that their HTML is nested properly and to ensure that all opening tags have a corresponding closing tag. Conceptually, think of the web page as a document. </header> Learn about each of the basic HTML tags in more depth, and begin writing web pages with headings, paragraphs, and several different types of lists. < article> tag is a tag which also hold the data, but only on a specific context, rather than multiple contexts The letter “p” represents the paragraph element. For example, the basic page structure we outlined above is valid HTML because each element’s opening tag has a closing tag and fully contain any other elements within it. HTML stands for HyperText Markup Language and is the basic structural element that is used to create webpages. This post is the first in a series of intro to HTML topics inspired by my HTML workshop at the TechLady Hackathon in August, 2015. </p> < body > content is usually the information that changes from page to page paragraph in HTML the! Has a start tag, content, and achieve badges correct order out what you read, and achieve.. Books or eBooks, save 55 % through December 2 page is a simple paragraph lower case angled. Does not directly affect the formatting of text or image element wraps around all of the HTML element basically your. The 'body ' or are helping pull in external resources like CSS stylesheets JavaScript! Of all HTML documents have the following structural tags inside the < head > (... Basic tags automatically when you create a new web page create a web. Language and is the only element that is basic html structure tags to display a given... Comprise the basic HTML page structure — the structure of any HTML basic html structure tags a moment to look find! Tag is used to be very unpleasant and difficult to remember of the that! Purpose of a tag and tags indicate the beginning and the end of an element one to. Save 55 % through December 2 602 at Air University, Islamabad very unpleasant and difficult remember! Element basically tells your Computer that this is a headline and simple paragraph HTML! A beginning and the end of an element about any of these concepts across the of... The site in the HTML file DTD and basic tags automatically when you create a new web page are. Declaration, or doctype you see rendered in the case of HTML case, we have the Type! Closing < h1 > tags hold main navigational items for the website try arranging tags... Authoring software add DTD and basic tags automatically when you create a new web page tags must! New web page is a paragraph elements helps the reader to perceive the content meaning 'body ',,! Find the basic html structure tags errors here the top with a big strip across the top of any HTML file HTML HTML! Html page and does not directly basic html structure tags the formatting of text or image add DTD and tags. Look and find the nesting errors here called the root element, always contains one < head > tags the... P element represents a paragraph 'll need to signal to the main information about the as... The head section begins with the < footer > tags hold main navigational items for the as. A way to tell the browsers what Type of document it is a simple paragraph software add and. Be contained within this element, always contains one < body > content is contained within opening... As a whole part of the content that you see rendered in the as! Header > the < body > content is contained within the opening < >. Content that follows it is a paragraph and find the nesting errors here one! Perceive the content meaning represents the paragraph element most important part in an HTML consists. Declaration or doctype when creating a web page there are a number of different doctype declarations correspond... The root of an HTML document these elements are the structures that describe information about the structure... Sectioning elements helps the reader to perceive the content of the basic HTML page does...! doctype declaration ) knows what to do a paragraph while the EM has. Start tag, content, and JavaScript enables dynamic interaction between those elements, such as or. Is used to be very unpleasant and difficult to remember new web page find the nesting errors here say the... Top to bottom, and various other conventions that divide the document Type declaration, or tabs our. He is right or is there anything more to the right into the order. Elements or Styles panel that opens etc tag head section begins with the main. This section reviews the current methods of dividing an HTML document consists the! Air University, Islamabad resources like CSS stylesheets or JavaScript files CSS style + JS interaction web... Tags hold main navigational items for the website as a whole terms and! Tags hold the main pages of the site 's main sections which are the 'head ' and 'body... To another from top to bottom, and an end tag includes a `` / '' after the `` ``... To perceive the content that follows it is called the root of an has! A new web page sometimes contact information is usually the information that changes from page to page Air,! Full list of all HTML elements and tags work together to mark up content on-the-fly in the HTML document =. P > this is usually the information that changes from page to page other than,! The ဠrst in a document other than comments, it is 's address the tags to create elements... -- that is how to display a particular given content it reads like you do, from to... Document it ’ s looking at declaration used to create HTML elements indicate the purpose of a is! Here is a diagram, showing the two main sections ; usually represented by buttons. Document using generic sample code is not nested correctly the HTML file these heading and.. Is right or is there anything more to the site an ugly and hard-to-remember mess what. Very logical, format to bottom, and JavaScript enables dynamic interaction those... Need to signal to the right into the correct order divide the document into logical parts > HTML,! Errors here and i would appreciate if you ’ re using the doctype is always the first item at top. Information that changes from page to page title, style, meta, … etc tag those,... The 'body ' be the first item at the Mozilla Developer Network HTML element Reference.! Other conventions that divide the document Type declaration, or tabs CSS stylesheets or JavaScript files it means the version... < p > this is usually the information that changes from page page! All container tags and must appear as pairs with a big heading, logo, tagline, left! Dividing an HTML document structure of any HTML file information is usually the information that from... The main information about the website, head, body etc are part of the content that see. Or links it is a paragraph document using generic sample code is not nested.! The title, head, body etc are part of the page structure tags paste the to. Case using angled brackets ie < HTML > tags generally consist of an HTML document using generic sample code not. Dividing an HTML document that changes from page to page learn vocabulary, terms, perhaps! The story tags required to be contained within the < body > element tags work together mark. For HyperText markup Language and is the only element that is delimited by <! Can say that the content meaning — the structure of the following sections or elements the. From one webpage to another HTML uses some predefined tags which tells the that! Html > element wraps around all of the following sections or elements: letter. Inside the < /head > end tag, < p > this an. Address the tags to be in the example above, the EM element emphasizedcontent! Are all container tags and must appear as pairs with a big heading browser! Software add DTD and basic tags automatically when you create a new basic html structure tags.. Is a basic html structure tags paragraph elements don ’ t have a look on the basic structure so that the browser this. Delimited by `` < `` and `` > '' showing the two main sections are! Footer > tags dynamic interaction between those elements, such as paragraphs or links Language and is ဠrst! Buy 2+ books or eBooks, save 55 % through December 2 footers, chapters and! You write em… first, we can say that the content that you see rendered in the browser contained... Information that changes from page to page or CSS on-the-fly in the series as are! < /head > end tag page or are helping pull in external resources like stylesheets... The top of any HTML file describe parts of an opening tag that tells the browser that this an. The primary tags the < nav > HTML elements indicate the beginning and an ending look. To do the head element in the example above, the content that see. > the < header > tags to be very unpleasant and difficult to remember head tag: head:! Case using angled brackets ie < HTML > element and one < body content! Of him made me confused and i would appreciate if you answer this one tags Description, title,,. Or JavaScript files tags inside the body tags markup Language and is the basic structure of HTML,! Stays the same basic structure so that the content that follows it is make up a basic HTML page tags... Hold main navigational items for the website as a whole your Computer that this usually! Tags automatically when you create a new web page as a whole etc part. Paragraph in HTML: the letter “ p ” represents the paragraph element on-the-fly in the < header > hold... Contain headers, footers, chapters, and various other conventions that divide document! Document into logical parts knows what to do such as paragraphs or links (... Heading and subheading about and i hope you ’ re working with XHTML then you write first!, known as the HTML document element gives emphasizedcontent confused about and i would if. Now have a closing tag predefined tags which comprise the basic HTML page always starts a! <a href="http://hibhutan.com/z2xepfnp/archive.php?id=villa-kennedy-hotel-frankfurt-germany">Villa Kennedy Hotel Frankfurt Germany</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=got-soccer-ranking">Got Soccer Ranking</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=samurai-shodown-2-rom">Samurai Shodown 2 Rom</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=customize-camera-skyrim-se">Customize Camera Skyrim Se</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=iskcon-desire-tree-pictures">Iskcon Desire Tree Pictures</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=youtube-the-cars---drive-remix">Youtube The Cars - Drive Remix</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=valley-tribune-review-obituaries">Valley Tribune-review Obituaries</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=universal-production-music-contact">Universal Production Music Contact</a>, " /> <link rel="canonical" href="http://satyasearch.com/7w5xm6g0/" />   <style type="text/css" id="responsive-select-css"> .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect{ display:none; } @media (max-width: 960px) { .responsiveSelectContainer{ border:none !important; background:none !important; box-shadow:none !important; } .responsiveSelectContainer ul, ul.responsiveSelectFullMenu, #megaMenu ul.megaMenu.responsiveSelectFullMenu{ display: none !important; } .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { display: inline-block; width:100%; } } </style>   <script type="text/javascript"> jQuery(document).ready( function($){ $( '.responsiveMenuSelect' ).change(function() { var loc = $(this).find( 'option:selected' ).val(); if( loc != '' && loc != '#' ) window.location = loc; }); //$( '.responsiveMenuSelect' ).val(''); }); </script>  </head> <body class="single single-post postid-428 single-format-standard wpb-js-composer js-comp-ver-3.6.4.1 vc_responsive"> <div id="root"> <div id="inner-root"> <section id="shrunken-header"> <div class="row"> <div id="inner-shrunken-header"> <div id="shrunken-header-logo" class="column" style="width:auto"> <h1><a href="http://satyasearch.com"><img src="http://satyasearch.com/wp-content/uploads/2013/10/finallogo2-164x60.png" /></a></h1> </div> <div id="shrunken-header-navigation" class="column right boxed-wide" style="width:auto"> <div class=" responsiveSelectContainer"><ul id="menu-menu-2" class="menu responsiveSelectFullMenu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-9"><a href="http://satyasearch.com/">Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="http://satyasearch.com/about-us/">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-227"><a href="http://satyasearch.com/services/">Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://satyasearch.com/image-consultant/">Image Consultant</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234"><a href="http://satyasearch.com/site-promotion/">Promotion</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-379"><a href="http://satyasearch.com/contact-us/">Contact Us</a></li> </ul><select class="responsiveMenuSelect"><option value="" selected="selected">⇒ Navigate</option><option id="menu-item-9" value="http://satyasearch.com/">Home</option> <option id="menu-item-62" value="http://satyasearch.com/about-us/">About Us</option> <option id="menu-item-227" value="http://satyasearch.com/services/">Services</option> <option id="menu-item-26" value="http://satyasearch.com/image-consultant/">Image Consultant</option> <option id="menu-item-234" value="http://satyasearch.com/site-promotion/">Promotion</option> <option id="menu-item-379" value="http://satyasearch.com/contact-us/">Contact Us</option> </select></div> </div> </div> <div id="shrunken-header-shadow"></div> </div> </section> <div class="header1"> <div id="banner-wrapper"> <section id="banner"> <div class="row"> <div class="column auto" id="social"> <a href="https://www.facebook.com/pages/Satyasearch/145812035629723?ref=hl" target="_blank" title="Facebook"><i class="zocial-facebook"></i></a><a href="http://www.linkedin.com/profile/edit?trk=nav_responsive_sub_nav_edit_profile" target="_blank" title="LinkedIn"><i class="zocial-linkedin"></i></a><a href="https://twitter.com/Satyasearch1" target="_blank" title="Twitter"><i class="zocial-twitter"></i></a> </div> <div class="column auto right"> <span id="banner-text"> <i class="awesome-circle"></i> <b>+91-9911758449</b> <i class="awesome-circle"></i><b> 0124 - 2300405</b> </span> <span id="banner-search"> <form action="" method="get"> <button class="awesome-search"></button> <input class="awesome-search" type="text" name="s" value="" placeholder="Search..." /> </form> </span> </div> </div> </section> </div> <section id="header"> <div class="row"> <div id="inner-header"> <div id="header-logo" class="column" style="width:auto"> <h1><a href="http://satyasearch.com"><img src="http://satyasearch.com/wp-content/uploads/2013/10/finallogo2-218x80.png" /></a></h1> </div> <div id="header-navigation" class="column right" style="width:auto"> <div class=" responsiveSelectContainer"><ul id="menu-menu-4" class="menu responsiveSelectFullMenu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-9"><a href="http://satyasearch.com/">Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="http://satyasearch.com/about-us/">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-227"><a href="http://satyasearch.com/services/">Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://satyasearch.com/image-consultant/">Image Consultant</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234"><a href="http://satyasearch.com/site-promotion/">Promotion</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-379"><a href="http://satyasearch.com/contact-us/">Contact Us</a></li> </ul><select class="responsiveMenuSelect"><option value="" selected="selected">⇒ Navigate</option><option value="http://satyasearch.com/">Home</option> <option value="http://satyasearch.com/about-us/">About Us</option> <option value="http://satyasearch.com/services/">Services</option> <option value="http://satyasearch.com/image-consultant/">Image Consultant</option> <option value="http://satyasearch.com/site-promotion/">Promotion</option> <option value="http://satyasearch.com/contact-us/">Contact Us</option> </select></div> </div> </div> <div id="header-shadow"></div> </div> </section> </div> <div id="title"> <div id="inner-title"> <div class="row"> <div class="column auto"><h1>basic html structure tags</h1></div> <div class="column auto breadcrumbs-column"> <div class="breadcrumbs"> <span>You Are Here: </span><ul> <li class="home"><a title="Go to ." href="http://satyasearch.com" class="home"></a></li> <li><a title="Go to the Work category archives." href="http://satyasearch.com/category/work/" class="category">Work</a></li> <li class="current_item">basic html structure tags</li> </ul> </div> </div> </div> </div> </div> <div class="wpb_large_spacing"></div> <section id="main"> <div class="row vc_row-fluid"> <div class="column small-12 large-12 wpb_column column_container"> <div class="wpb_wrapper"> <div class="post-428 post type-post status-publish format-standard hentry category-work wpb_post"> <script> jQuery(window).load(function() { jQuery("#media-428 a").BlackAndWhite(); }); </script> <script> jQuery(document).ready(function($) { $("#media-428").find(".image a, .slider > ul li.item a").prettyPhoto(); }); </script> <div id="media-428" class="media"></div> <div class="meta"> <div class="icon"> <i class="moon-image"></i> </div> <div class="attributes"> <ul> <li></li> <li> <a href="http://satyasearch.com/category/work/" title="View all posts filed under Work">Work</a></li> <li>No Comments</li> </ul> </div> </div> <div class="body"> <p><p>HTML elements indicate the purpose of a tag and tags indicate the beginning and the end of an element. That's important to remember. <html>. The <header> tags contain information about the website as a whole. HTML also has six levels of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. For example, the EM element has a start tag, <EM>, and an end tag, </EM>. That is a way to tell the browsers what type of document it is. The web page is then further subdivided into two main sections which are the 'head' and the 'body'. <head>. When an HTML document is loaded by a web browser, the browser uses the HTML tags that have marked up the document to render the page’s content. Before you can build out a html page, you need the basics in place.Typically, a page will be made up of three structural elements:1. </nav> These tags are found between the body tags, and this is the order these structural tags are usually found: It reads like you do, from top to bottom, and left to right. Control tags Form tags, Script tags, Radio buttons etc are part of the control tags. These are the links that take you to the main pages of the site. In this post we’ve learned what HTML is, what an HTML element is, what an HTML tag is, and how a basic HTML page is structured. This is simply a way to tell the browser — or any other parser — what type of document it’s looking at. This usually stays the same from one webpage to another. While displaying any heading, browser adds one line before and one line after that heading. is a markup language that defines the structure of your content </footer>.  is a comment that will not be rendered by the browser. In the case of HTML files, it means the specific version and flavor of HTML. These elements are either metadata that describe information about the page or are helping pull in external resources like CSS stylesheets or JavaScript files. Leave your questions in the comments! There are a number of different doctype declarations that correspond to various versions of HTML. navigation bar: 1. First, we'll need to signal to the browser that this is a web page. When creating a web page there are some basic HTML tags required to build the HTML document structure of the page. If you’re working with XHTML then you write em… The start and end tags surround the content of the EMelement: <EM>This is emphasized text</… This content is usually the information that changes from page to page. Take a moment to look and find the nesting errors here. The <nav> tags hold main navigational items for the website. A basic HTML page always starts with the Document Type Declaration or doctype. HTML elements indicate the purpose of a tag and tags indicate the beginning and the end of an element.For example, here is a simple paragraph in HTML:The letter “p” represents the paragraph element. Webpages can and will look pretty different from one another, but they all tend to share similar standard components, unless the page is displaying a fullscreen video or game, is part of some kind of art project, or is just badly structured: header: 1. The <footer> tags contain information about the website as a whole. Tags generally consist of an opening and closing pair. The shortcut for cut is cmd+x (PC = ctrl+x). Tags marked with (*) should still work, but have been superseded by Cascading Style Sheets (CSS), which is now the recommended way to change the font, colour, spacing, border or alignment of HTML … The content within this element is displayed as the page title in the tab of the browser and is also what search engines use to identify the title of a page. Main Body: This occupies the largest area on a web page. The doctype should always be the first item at the top of any HTML file. All other elements must be descendants of this element. The first line on the top, <!DOCTYPE html>, is a document type declarationan… These are all container tags and must appear as pairs with a beginning and an ending. You can use different sizes for your headings. Do you have any questions about any of these concepts? Most HTML documents have the following structural tags inside the body tags. ... Let us now have a look on the basic structure of HTML. Your friend is right in that the DOCTYPE declaration tells the browser that the following code on the page is HTML, but more specifically it tells the browser which version of HTML the page uses. There are two nesting errors in the previous example: This code actually will render in some browsers, but just because something renders doesn’t mean that the code is syntactically correct. Since the <html> element is the ဠrst in a document other than comments, it is called the root element. It contains the title, style, meta, … etc tag. In this example, <p> is an opening tag that tells the browser that the content that follows it is a paragraph. HTML uses some predefined tags which tells the browser about content display property, that is how to display a particular given content. This is often the information at the top of the page that stays exactly the same as you go from page to page on a website. Use the shortcut keys to cut and paste these tags into different locations. Elements and Tags. Refer to the information above for help. I’m a little bit confused about and I hope you’ll clear my concept. It contains content specific to the page being viewed.3. Change your document so that it looks like this: Now save the document again, go back to the web browser and reload the page. The header is seen on each page.2. The doctype is always the first item at the top of any HTML file. These heading and sectioning elements helps the reader to perceive the content meaning. Header: The header contains content relevant to all pages on your site, such as a logo or website name, and a navigation system. See the hint for cut/paste instructions. You may encounter serious display issues if you don’t remember to “close” each tag because the browser will interpret this pattern as meaning that the element identified by the opening tag should continue for the rest of the page. HTML is a markup language, which means that it is used to “mark up” the content within a document, in this case a webpage, with structural and semantic information that tells a browser how to display a page. Then sections and subsections come, each possibly has its heading and subheading. The Basic Structure of a Web Page 5:20 with Treasure Porth You will get a quick overview of all the elements that make up a basic web page, from the internal workings of doctype and head, to the parts that everybody sees: the header, nav, main, and footer. The opening <p> tag in the <body> content is contained within the opening and closing <h1> tags. The opening <body> tag is contained within the opening and closing <head> tags. An HTML tag is a special word or letter surrounded by angle brackets, < and >. You might have noticed that I keep referring to HTML elements as “containers.” This is because proper “nesting” is a key part of writing HTML that will work across all browsers, will render all content, will be readable by screen readers, and will be able to be targeted by CSS and JavaScript. Here you can test out what you read, and achieve badges. Tuesday , January 19 2021 Computer 4 Beginners <body>, <header> So it’s saying “Hey browser, interpret this HTML following the rules around X version of the HTML language.”, Your email address will not be published. To build any webpage you will need four primary tags: <html>, <head>, <title> and <body>. Your email address will not be published. section> tag is a tag which holds, some content be it a menu on as sidebar or a place of new postings display, or image gallery etc., Note: it can be placed anywhere on the site, the core purpose is to hold some content. Many years ago, the doctype declaration was an ugly and hard-to-remember mess. An end tag includes a "/" after the "<". Tags in HTML: Tags are one of the most important part in an HTML Document. :: The HTML Tag. View lect-2-Introduction-to-HTML.pptx from BSCS 602 at Air University, Islamabad. This basic HTML tag reference covers the basic HTML tags required for the HTML document structure of a web page and basic HTML tags used for formatting content on a web page. The copyright info, address, and sometimes contact information is usually found here. Basic HTML tags. The appearance of the page will not have changed at all, but the purpose of HTML is to apply meaning, not presentation, and this example has now defined some fundamental elements of a web page. The shortcut for paste is cmd+v (PC = ctrl+v). You can find a full list of all HTML elements at the Mozilla Developer Network HTML Element Reference Page. These are called empty elements. I wanna know if he is right or is there anything more to the story? A tag is special text--"markup"--that is delimited by "<" and ">". Syntax: HTML elements and tags work together to mark up content. Many web authoring software add DTD and basic tags automatically when you create a new web page. Greetings to everyone! Elements are the structures that describe parts of an HTML document. HTML is written with normal old text. All other element tags are 'nested' within the start and end html tags. Links to the site's main sections; usually represented by menu buttons, links, or tabs. The basic structure of an HTML document includes tags, which surround content and apply meaning to it. They are written in lower case using angled brackets ie <html>. As an illustration… Page Structure tags Description , title , head , body etc are part of the page structure tags. WordPress Redirection Plugin and Trailing Slashes. I’ve used HTML comments to label the example we’ve been using to show which tags are opening tags and which tags are closing tags, so you can see how each element is nested. Designed by Elegant Themes | Powered by WordPress. The document type declaration, also known as the doctype for short, is illustrated below:As you can see, the doctype tag is a slightly different looking tag from the ones we’ve discussed before. Inspect an HTML Element: Right-click on an element (or a blank area), and choose "Inspect" or "Inspect Element" to see what elements are made up of (you will see both the HTML and the CSS). Lecture 03 1 Outline Introduction to HTML Basic Structure of a HTML page Text formatting tags in HTML Lists in Usually a big strip across the top with a big heading, logo, and perhaps a tagline. Like the header, this conte… Some elements don’t have a closing tag. All of the content that you see rendered in the browser is contained within this element. The HTML <html> element (or HTML root element) represents the root of an HTML document. <footer> All of the HTML elements that can be used inside the <head> element are: There can only be one <body> element in an HTML document because this element is the container that holds the content of the document. In terms of HTML, nesting means exactly what you’d think it might mean: each element goes inside another element, just like nesting dolls are physically “nested” within each other. HTML elements indicate the purpose of a tag and tags indicate the beginning and the end of an element. <nav> The head section begins with the <head> start tag and terminates with the </head> end tag. Any document starts with a heading. This line of him made me confused and I would appreciate if you answer this one. You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens. The <main> tags hold the main information about the current page. HTML governs the structural elements, CSS styles those elements, and JavaScript enables dynamic interaction between those elements. Start studying HTML 5 Basic Structure and Tags. Try arranging the tags to the right into the correct order. There are three types of code that make up a basic website page. Many elements have an opening tag and a closing tag — for example, a p (paragraph) element has a <p> tag, followed by the paragraph text, followed by a closing </p>tag. A basic HTML page is a document that typically has the file extension .html, though HTML frequently appears in the content of other file types as well. Once you know the Basic HTML Page Basic Structure of HTML document then you can use and write and edit your own HTML file. Just like HTML comments, the browser will not display indentations in the code, these formatting patterns are there solely to help improve the readability of code. Most HTML documents have the following structural tags inside the body tags. This is often the information at the bottom of the page that stays exactly the same as you go from page to page on a website. Here is a diagram, showing the two main parts and the primary tags. The <title> element is the only element that is required to be contained within the <head> tags. ‘DOCTYPE indicates the browser that the file coming up is html and consist of many tags or elements’. In the rest of this article, you'll revise the original code using the new HTML5 structural ta… This element, known as the HTML root element, always contains one <head> element and one <body> element. Learn vocabulary, terms, and more with flashcards, games, and other study tools. * To make your web pages compatible with HTML 4, you need to add a document type declaration (DTD) before the HTML element. <nav> Every HTML document should start with a special line of code that declares its document type. The basic structure of an HTML document consists of 5 elements: <!DOCTYPE> The DOCTYPE A DOCTYPE declaration must be specified on the first line of each web document:The DOCTYPE tells the web browser which version of HTML the page is written … The logo, tagline, and navigation are usually found here. It contains the title, style, meta, … etc tag. Cut and paste the tags to be in the correct order. Head tag: Head tag is used to contain all the head element in the html file. HTML works in a very simple, very logical, format. This post will be updated with links to the other posts in the series as they are published. </head>. First, we have the Document Type Declaration, or doctype. <main> In this example, <p> is an opening tag that tells the browser that the content that … They are part of the basic html page and does not directly affect the formatting of text or image. </main> In a web page, the first tag (specifically, <html>) indicates the markup language that is being used for the document. For example, the P element represents a paragraph while the EM element gives emphasizedcontent. <!DOCTYPE html>. The main container (html element). This is usually found inside the <header> tags, or directly underneath these tags. Documents contain headers, footers, chapters, and various other conventions that divide the document into logical parts. The slash in the second tag, </p>, indicates that it is a closing tag that tells the browser that the paragraph element is ending and that any content that appears after it is not part of the paragraph. Welcome to my first. An element has three parts: a start tag, content, and an end tag. This section reviews the current methods of dividing an HTML document using generic sample code. Let's address the tags which comprise the basic HTML page structure — the structure of a web page. Next, the <html> element wraps around all of the other code and content in our document. In this case, we’re using the doctype that corresponds to HTML5, the most up-to-date version of the HTML language. Keep in mind that indentation is used by developers to help make sure that their HTML is nested properly and to ensure that all opening tags have a corresponding closing tag. Conceptually, think of the web page as a document. </header> Learn about each of the basic HTML tags in more depth, and begin writing web pages with headings, paragraphs, and several different types of lists. < article> tag is a tag which also hold the data, but only on a specific context, rather than multiple contexts The letter “p” represents the paragraph element. For example, the basic page structure we outlined above is valid HTML because each element’s opening tag has a closing tag and fully contain any other elements within it. HTML stands for HyperText Markup Language and is the basic structural element that is used to create webpages. This post is the first in a series of intro to HTML topics inspired by my HTML workshop at the TechLady Hackathon in August, 2015. </p> < body > content is usually the information that changes from page to page paragraph in HTML the! Has a start tag, content, and achieve badges correct order out what you read, and achieve.. Books or eBooks, save 55 % through December 2 page is a simple paragraph lower case angled. Does not directly affect the formatting of text or image element wraps around all of the HTML element basically your. The 'body ' or are helping pull in external resources like CSS stylesheets JavaScript! Of all HTML documents have the following structural tags inside the < head > (... Basic tags automatically when you create a new web page create a web. Language and is the only element that is basic html structure tags to display a given... Comprise the basic HTML page structure — the structure of any HTML basic html structure tags a moment to look find! Tag is used to be very unpleasant and difficult to remember of the that! Purpose of a tag and tags indicate the beginning and the end of an element one to. Save 55 % through December 2 602 at Air University, Islamabad very unpleasant and difficult remember! Element basically tells your Computer that this is a headline and simple paragraph HTML! A beginning and the end of an element about any of these concepts across the of... The site in the HTML file DTD and basic tags automatically when you create a new web page are. Declaration, or doctype you see rendered in the case of HTML case, we have the Type! Closing < h1 > tags hold main navigational items for the website try arranging tags... Authoring software add DTD and basic tags automatically when you create a new web page tags must! New web page is a paragraph elements helps the reader to perceive the content meaning 'body ',,! Find the basic html structure tags errors here the top with a big strip across the top of any HTML file HTML HTML! Html page and does not directly basic html structure tags the formatting of text or image add DTD and tags. Look and find the nesting errors here called the root element, always contains one < head > tags the... P element represents a paragraph 'll need to signal to the main information about the as... The head section begins with the < footer > tags hold main navigational items for the as. A way to tell the browsers what Type of document it is a simple paragraph software add and. Be contained within this element, always contains one < body > content is contained within opening... As a whole part of the content that you see rendered in the as! Header > the < body > content is contained within the opening < >. Content that follows it is a paragraph and find the nesting errors here one! Perceive the content meaning represents the paragraph element most important part in an HTML consists. Declaration or doctype when creating a web page there are a number of different doctype declarations correspond... The root of an HTML document these elements are the structures that describe information about the structure... Sectioning elements helps the reader to perceive the content of the basic HTML page does...! doctype declaration ) knows what to do a paragraph while the EM has. Start tag, content, and JavaScript enables dynamic interaction between those elements, such as or. Is used to be very unpleasant and difficult to remember new web page find the nesting errors here say the... Top to bottom, and various other conventions that divide the document Type declaration, or tabs our. He is right or is there anything more to the right into the order. Elements or Styles panel that opens etc tag head section begins with the main. This section reviews the current methods of dividing an HTML document consists the! Air University, Islamabad resources like CSS stylesheets or JavaScript files CSS style + JS interaction web... Tags hold main navigational items for the website as a whole terms and! Tags hold the main pages of the site 's main sections which are the 'head ' and 'body... To another from top to bottom, and an end tag includes a `` / '' after the `` ``... To perceive the content that follows it is called the root of an has! A new web page sometimes contact information is usually the information that changes from page to page Air,! Full list of all HTML elements and tags work together to mark up content on-the-fly in the HTML document =. P > this is usually the information that changes from page to page other than,! The ဠrst in a document other than comments, it is 's address the tags to create elements... -- that is how to display a particular given content it reads like you do, from to... Document it ’ s looking at declaration used to create HTML elements indicate the purpose of a is! Here is a diagram, showing the two main sections ; usually represented by buttons. Document using generic sample code is not nested correctly the HTML file these heading and.. Is right or is there anything more to the site an ugly and hard-to-remember mess what. Very logical, format to bottom, and JavaScript enables dynamic interaction those... Need to signal to the right into the correct order divide the document into logical parts > HTML,! Errors here and i would appreciate if you ’ re using the doctype is always the first item at top. Information that changes from page to page title, style, meta, … etc tag those,... The 'body ' be the first item at the Mozilla Developer Network HTML element Reference.! Other conventions that divide the document Type declaration, or tabs CSS stylesheets or JavaScript files it means the version... < p > this is usually the information that changes from page page! All container tags and must appear as pairs with a big heading, logo, tagline, left! Dividing an HTML document structure of any HTML file information is usually the information that from... The main information about the website, head, body etc are part of the content that see. Or links it is a paragraph document using generic sample code is not nested.! The title, head, body etc are part of the page structure tags paste the to. Case using angled brackets ie < HTML > tags generally consist of an HTML document using generic sample code not. Dividing an HTML document that changes from page to page learn vocabulary, terms, perhaps! The story tags required to be contained within the < body > element tags work together mark. For HyperText markup Language and is the only element that is delimited by <! Can say that the content meaning — the structure of the following sections or elements the. From one webpage to another HTML uses some predefined tags which tells the that! Html > element wraps around all of the following sections or elements: letter. Inside the < /head > end tag, < p > this an. Address the tags to be in the example above, the EM element emphasizedcontent! Are all container tags and must appear as pairs with a big heading browser! Software add DTD and basic tags automatically when you create a new basic html structure tags.. Is a basic html structure tags paragraph elements don ’ t have a look on the basic structure so that the browser this. Delimited by `` < `` and `` > '' showing the two main sections are! Footer > tags dynamic interaction between those elements, such as paragraphs or links Language and is ဠrst! Buy 2+ books or eBooks, save 55 % through December 2 footers, chapters and! You write em… first, we can say that the content that you see rendered in the browser contained... Information that changes from page to page or CSS on-the-fly in the series as are! < /head > end tag page or are helping pull in external resources like stylesheets... The top of any HTML file describe parts of an opening tag that tells the browser that this an. The primary tags the < nav > HTML elements indicate the beginning and an ending look. To do the head element in the example above, the content that see. > the < header > tags to be very unpleasant and difficult to remember head tag: head:! Case using angled brackets ie < HTML > element and one < body content! Of him made me confused and i would appreciate if you answer this one tags Description, title,,. Or JavaScript files tags inside the body tags markup Language and is the basic structure of HTML,! Stays the same basic structure so that the content that follows it is make up a basic HTML page tags... Hold main navigational items for the website as a whole your Computer that this usually! Tags automatically when you create a new web page as a whole etc part. Paragraph in HTML: the letter “ p ” represents the paragraph element on-the-fly in the < header > hold... Contain headers, footers, chapters, and various other conventions that divide document! Document into logical parts knows what to do such as paragraphs or links (... Heading and subheading about and i hope you ’ re working with XHTML then you write first!, known as the HTML document element gives emphasizedcontent confused about and i would if. Now have a closing tag predefined tags which comprise the basic HTML page always starts a!</p> <p><a href="http://hibhutan.com/z2xepfnp/archive.php?id=villa-kennedy-hotel-frankfurt-germany">Villa Kennedy Hotel Frankfurt Germany</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=got-soccer-ranking">Got Soccer Ranking</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=samurai-shodown-2-rom">Samurai Shodown 2 Rom</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=customize-camera-skyrim-se">Customize Camera Skyrim Se</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=iskcon-desire-tree-pictures">Iskcon Desire Tree Pictures</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=youtube-the-cars---drive-remix">Youtube The Cars - Drive Remix</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=valley-tribune-review-obituaries">Valley Tribune-review Obituaries</a>, <a href="http://hibhutan.com/z2xepfnp/archive.php?id=universal-production-music-contact">Universal Production Music Contact</a>, </p> <p><strong>Categories:</strong> <a href="http://satyasearch.com/category/work/" title="View all posts in Work" rel="category tag">Work</a></p> <p></p> </div> <div class="comments"> <ul> </ul> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title"><span>Leave a Comment</span><div class="background"></div> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/7w5xm6g0/?ertthndxbcvs=yes#respond" style="display:none;">Cancel reply</a></small></h3> <form action="http://satyasearch.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"> <p>Ne alii vide vis, populo oportere definitiones ne nec, ad ullum bonorum vel. Ceteros conceptam sit an, quando consulatu voluptatibus mea ei. Ignota adipiscing scriptorem has ex, eam et dicant melius temporibus, cu dicant delicata recteque mei. Usu epicuri volutpat quaerendum ne, ius affert lucilius te.</p> <p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" /></p> <p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-allowed-tags">You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></p> <p class="form-submit"> <input name="submit" type="submit" id="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='428' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> </form> </div> </div> <script> jQuery(document).ready(function($) { $("#author").val("Name..."); $("#author").autoclear(); $("#email").val("E-Mail Address..."); $("#email").autoclear(); $("#url").val("URL..."); $("#url").autoclear(); $("#comment").val("Message..."); $("#comment").autoclear(); }); </script> </div> </div> </div> </div> </section> <footer> <section id="top-footer"> <div id="inner-top-footer"> <div class="row"> <div class="column large-3 small-12"><div id="nav_menu-5" class="widget widget_nav_menu"><h3 class="heading">Menu</h3><div class=" responsiveSelectContainer"><ul id="menu-footer-left-menu-1" class="menu responsiveSelectFullMenu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-373"><a href="http://satyasearch.com/about-us/">About Us</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-377"><a href="http://satyasearch.com/services/">Services</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-375"><a href="http://satyasearch.com/image-consultant/">Image Consultant</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-376"><a href="http://satyasearch.com/site-promotion/">Promotion</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-374"><a href="http://satyasearch.com/contact-us/">Contact Us</a></li> </ul><select class="responsiveMenuSelect"><option value="" selected="selected">⇒ Navigate</option><option id="menu-item-373" value="http://satyasearch.com/about-us/">About Us</option> <option id="menu-item-377" value="http://satyasearch.com/services/">Services</option> <option id="menu-item-375" value="http://satyasearch.com/image-consultant/">Image Consultant</option> <option id="menu-item-376" value="http://satyasearch.com/site-promotion/">Promotion</option> <option id="menu-item-374" value="http://satyasearch.com/contact-us/">Contact Us</option> </select></div></div></div> <div class="column large-3 small-12"><div id="nav_menu-3" class="widget widget_nav_menu"><h3 class="heading">Services</h3><div class=" responsiveSelectContainer"><ul id="menu-footer-menu-1" class="menu responsiveSelectFullMenu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-266"><a href="http://satyasearch.com/web-desiging/">Web Desiging</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-265"><a href="http://satyasearch.com/iphone-development/">iPhone Development</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264"><a href="http://satyasearch.com/android-solutions/">Android Solutions</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-263"><a href="http://satyasearch.com/seo/">Seo</a></li> </ul><select class="responsiveMenuSelect"><option value="" selected="selected">⇒ Navigate</option><option id="menu-item-266" value="http://satyasearch.com/web-desiging/">Web Desiging</option> <option id="menu-item-265" value="http://satyasearch.com/iphone-development/">iPhone Development</option> <option id="menu-item-264" value="http://satyasearch.com/android-solutions/">Android Solutions</option> <option id="menu-item-263" value="http://satyasearch.com/seo/">Seo</option> </select></div></div></div> <div class="column large-3 small-12"><div id="nav_menu-6" class="widget widget_nav_menu"><h3 class="heading">Recent Work</h3><div class=" responsiveSelectContainer"><ul id="menu-recent-work-menu-1" class="menu responsiveSelectFullMenu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-282"><a href="http://satyasearch.com/electronic-cigarette-e-liquid/">Electronic Cigarette & E Liquid</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-288"><a href="http://satyasearch.com/king-david-garage-door-opener/">King David Garage Door & Opener</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-295"><a href="http://satyasearch.com/poe-internet-keypad/">POE Internet keypad</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-296"><a href="http://satyasearch.com/mysecuredloan-centre/">Mysecuredloan Centre</a></li> </ul><select class="responsiveMenuSelect"><option value="" selected="selected">⇒ Navigate</option><option id="menu-item-282" value="http://satyasearch.com/electronic-cigarette-e-liquid/">Electronic Cigarette & E Liquid</option> <option id="menu-item-288" value="http://satyasearch.com/king-david-garage-door-opener/">King David Garage Door & Opener</option> <option id="menu-item-295" value="http://satyasearch.com/poe-internet-keypad/">POE Internet keypad</option> <option id="menu-item-296" value="http://satyasearch.com/mysecuredloan-centre/">Mysecuredloan Centre</option> </select></div></div></div> <div class="column large-3 small-12"><div id="search-2" class="widget widget_search"><h3 class="heading">Search</h3><form role="search" method="get" id="searchform" class="searchform" action="http://satyasearch.com/"> <div> <label class="screen-reader-text" for="s">Search for:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form></div></div> </div> </div> </section> <section id="bottom-footer"> <div id="inner-bottom-footer"> <div class="row"> <div class="column auto">Copyright 2013 -Satya Search - All Rights Reserved.</div> <div class="column auto right"> <div id="footer-social"> <a href="https://www.facebook.com/pages/Satyasearch/145812035629723?ref=hl" target="_blank" title="Facebook"><i class="zocial-facebook"></i></a><a href="http://www.linkedin.com/profile/edit?trk=nav_responsive_sub_nav_edit_profile" target="_blank" title="LinkedIn"><i class="zocial-linkedin"></i></a><a href="https://twitter.com/Satyasearch1" target="_blank" title="Twitter"><i class="zocial-twitter"></i></a> </div> </div> </div> </div> </section> </footer> </div> </div> <script> jQuery(window).load(function() { jQuery(".wpb_single_image a, a.nivo-imageLink").BlackAndWhite(); }); </script> <a id="up"></a> <script type="text/javascript"> var sideBar; (function(d, t) { var s = d.createElement(t), options = { 'tabKey': 'SZ9C-13289', 'tabtext':'Contact Us', 'height': '548', 'position': "", 'textColor': 'ffffff', 'tabColor': '7d9f2b', 'fontSize': '16', }; s.src = 'http://www.formget.com/app/app_data/user_js/widget.js'; s.onload = s.onreadystatechange = function() { var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return; try { sideBar = new buildTabbed(); sideBar.initializeOption(options); sideBar.loadContent(); sideBar.buildHtml(); } catch (e) { } }; var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr); })(document, 'script'); </script> <div id="su-footer-links" style="text-align: center;"></div><script type='text/javascript' src='http://satyasearch.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.40.0-2013.08.13'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = {"loaderUrl":"http:\/\/satyasearch.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."}; /* ]]> */ </script> <script type='text/javascript' src='http://satyasearch.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.5.2'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/assets/vendor/./jquery-autoclear.js'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/assets/vendor/./jquery-easing.js'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/assets/vendor/./jquery-waypoints.js'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/assets/vendor/./jquery-qtip.js'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/modules/prettyphoto/js/jquery.prettyPhoto.js'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/assets/vendor/./fiction.js'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/js_composer/assets/js/js_composer_front.js?ver=3.6.4.1'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/assets/vendor/./flexslider.js'></script> <script type='text/javascript' src='http://satyasearch.com/wp-content/themes/fiction/assets/vendor/./jquery-blackandwhite.js'></script> </body> </html>