Lesson -1 | HTML Structure | HTML Basics (In Hindi) html tricks from Techmirrors
SUBSCRIBE MY CHANNEL FOR MORE VIDEOS LIKE THIS.
sourceTechmirrors
In light of the HTML5 specification leaking its way onto the internet it seemed appropriate to do a little review on tag structure and its importance in the SEO and website design process. This article will not cover the HTML5 specification or the importance of well formed code, but a focus instead on the structure of tags complete or incomplete: of course we recommend well formed code and complete closed tags, but that’s another article.
The very most important tags in your HTML are found inside the section: the title tag and two or three Meta tags for content-type, description, and keywords. These items should always be the first tags to appear in the section. The title, description, and keyword tags should be limited in how many words can be used. The title should be extremely relevant to the page and include a reference to the overall website. Do not spam your title with keywords. The keywords used should be two-five words in length separated by commas and should be relevant to the page and should include some phrases unique to the page. Again use only a maximum of 10 phrases, more looks like spam and remains unfocused. The description tag should be no longer than 255 characters.
In the body of a website page the tags that are of most importance to structure are the heading tags (, , , etc…). Ideally there should only be 1 tag on any given page. It is essentially the chapter, main heading, category name, or page title. Sub headings can be as numerous as they are necessary. Think of an outline for a paper, or a book each book has chapters and each chapter could have subsections. In terms of a website the title tag represents the book name. The tag represents the chapter name, and the others highlight sub-ideas within the chapter.
While it is not necessary to place the content under each heading inside paragraph tags () it is always a nice and preferable option. This gives more control over the format of the text within and also looks more pleasing and organized from a coder’s point of view. Quotes should be placed in their appropriate tags as well: for single line quotes and for paragraph or paraphrased quotes. Of course such styling tags should be placed within paragraph tags.
The use of table tags is a practice that many people are now afraid of; however, table tags are completely appropriate for table suited data presentation. There is absolutely nothing wrong with using tables in modern website design. What is meant to be avoided is the use of tables to structure the website: providing a page with columns and center alignment. It is an unnecessary waste of time, bandwidth, and code to produce websites in this manner any more. The same lies true for the use of frames, rarely is a situation encountered that truly requires frames in today’s internet.
A final note on code and content structure relates to the ratio between the two. The amount of code or mark-up in a web page file should never exceed the amount of actual content: content includes anything you can read or click on. This is called a code to content ratio and it should be as balanced in favor of content as possible. More code usually means slower loading times, and quite often is represented in unprofessional or amateur work. A good web designer should be aware of the effects of good structure and code management.
Conclusion:
The goal of this type of code structure is so that your website pages read like a book to both text-based browsers and search engine spiders. Try viewing a website in a text based web browser. Avoid table and frame layout structure, but use them when they are appropriate to data presentation. Avoid using excessive amounts of code especially when the amount of code exceeds the amount of actual content. These structure tips will help better your search engine marketing efforts.
What is the basic structure of HTML?
An HTML Document is mainly divided into two parts: HEAD: This contains the information about the HTML document. For Example, Title of the page, version of HTML, Meta Data etc. BODY: This contains everything you want to display on the Web Page.
What is HTML and its structure?
HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content. HTML elements label pieces of content such as “this is a heading”, “this is a paragraph”, “this is a link”, etc.
What is HTML and basic structure of HTML?
HTML stands for HyperText Markup Language and is the basic structural element that is used to create webpages. 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.
How do you structure text in HTML?
An HTML instance is like a text file, except that some of the characters are interpreted as markup. The markup gives structure to the document. Some elements (e.g. BR ) are empty.
What are the main components of HTML?
7 The global structure of an HTML document
- The BODY element.
- Element identifiers: the id and class attributes.
- Block-level and inline elements.
- Grouping elements: the DIV and SPAN elements.
- Headings: The H1 , H2 , H3 , H4 , H5 , H6 elements.
- The ADDRESS element.
What is the basic structure of HTML Class 8?
CREATING TABLES IN HTML
The basic structure of a table consists of the following tags. <TABLE> tag: The <TABLE> and </TABLE> tags mark the beginning and the end of a table in an HTML document. <TR> tag: <TR> tag defines a row in the table. It is the <TR> tag that divides a table into rows.
What is HTML example?
HTML stands for Hypertext Markup Language. It allows the user to create and structure sections, paragraphs, headings, links, and blockquotes for web pages and applications. … For example, we can create a paragraph by placing the enclosed text within a starting <p> and closing </p> tag.
Why HTML is used?
HTML is used to create electronic documents (called pages) that are displayed on the World Wide Web. Each page contains a series of connections to other pages called hyperlinks. Every web page you see on the Internet is written using one version of HTML code or another.
How do I start HTML coding?
HTML Editors
- Step 1: Open Notepad (PC) Windows 8 or later: …
- Step 1: Open TextEdit (Mac) Open Finder > Applications > TextEdit. …
- Step 2: Write Some HTML. Write or copy the following HTML code into Notepad: …
- Step 3: Save the HTML Page. Save the file on your computer. …
- Step 4: View the HTML Page in Your Browser.
What is HTML PPT?
HTML (Hypertext MarkupHTML (Hypertext Markup Language)Language) Language of Web PageLanguage of Web Page Presented By: Macrosys, Moga. 2. Hypertext & HyperlinkHypertext & Hyperlink English -> Written -> Books HTML -> Written -> Web page Hyper Text Markup Language Web pages are text files.
Why HTML structure is important?
Containers are the basis for HTML documents because they define a logical structure for a document. … Your ability to put content into HTML elements and put these elements inside the proper elements is key to your document’s proper syntax.
What is the purpose of HTML list?
HTML lists are used for grouping related items on a web page. HTML supports three types of HTML lists: Unordered lists. Ordered lists.
What does </ p mean in HTML?
The HTML <p> element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs can be any structural grouping of related content, such as images or form fields.
What is live text HTML?
HTML text is also called live text because it is fully editable, just like the text in your word processor. You can apply various font and size settings to live text using CSS styles, or even just with HTML, and you can update the text easily, making live text the ideal choice for your website.