Html Structure and HTML Version History - Create HTML web pages

Html Structure and HTML Version History - Create HTML web pages

HTML is the acronym for Hypertext Markup Language, which is employed to create HTML web pages that are displayed on browsers. The syntax of HTML code is the set of rules and guidelines that make it work.  
 
HTML tags syntax overview
 
Tags are used to represent elements in HTML documents and Tags are enclosed in angle brackets (< and >). The basic concept is that an HTML element has a start tag, content, and a closing end tag.
 
<tagname>content</tagname>
 
Tags are typically arranged in pairs, with the opening tag preceding the content and the closing tag following it.
The tag name is preceded by a forward slash (/) in closing tags.
 
Example looks like:
 
<p>This is a paragraph element.</p>
 
The display of the document is determined by HTML tags, which are not visible in a browser. The structure of a Web page is described by it. It is comprised of several elements.
 
The HTML Elements that are most frequently used:
 
The above mentioned HTML elements  which guidee the browser how to display the content.
 
[Google Ads Section]
Fundamental Structural Elements
 
<html> - Root element of an web page
<head> - It contains document meta data
<title> - Page title displays at top browser bar
<body> -  includes document content
 
Semantic Sectional Elements
 
<header> - Header section
<nav>- Navigation section
<main>- Main content section
<section>- Generic section
<article> - Article
<aside> - Sidebar
<footer>- Footer section
 
Text structuring Elements
 
<p>- Paragraph
<span>- Inline text container
<strong>- Bold text
<b> - Bold text (deprecated)
<small> - Smaller text
<em>- Italic text
<i>- Italic text (deprecated)
<ins>- Inserted text
<mark> - Highlighted text
<del>- Deleted text
 
Table Elements
 
<table>- Table
<th> - Table header cell
<tr>- Table row
<td> - Table data cell
<caption>- Table caption
 
Page Headings purpose
 
<h1>- Main heading
<h2>- Subheading
<h3>- Sub-subheading
<h4>, <h5>, <h6>- Additional subheadings
 
Linking Elements
 
<a> - Anchor (link)
<link>- External resource link
 
List Elements
 
<ul>- Unordered list
<ol>- Ordered list
<li>- List item
<dl> - Definition list
<dt>- Definition term
<dd>- Definition description
 
Form and input field Elements
 
<form> - Form field
<input> - Input field
<textarea>- Text area field
<select>- Drop down field
<option>- Option item field
<button> - Button type
<label> - Label for input field
 
Image display Elements
 
<img>- Image
<figure> - Image container
<figcaption>- Image caption
 
Multimedia Viewing Elements
 
<video>- Video
<audio>- Audio
<canvas> - Canvas
<iframe> - Inline frame
 
Interactive explaining Elements
 
<details> - Details element
<summary> - Summary element
<dialog>- Dialog box
 
For Special usage reference
 
& (ampersand) represents character entities (e.g., &nbsp; for non-breaking space)
<!-- and --> for html non display comments  


HTML basic Elements
 
   - Self-closing tags: <tagname />(no content) example <imag />
    - Attributes: <tagname attribute="value">content</tagname>
    - Elements within element - Nested elements: <tagname><inner-tag>content</inner-tag></tagname>
 
HTML element Attribute declaration
 
    - attribute="value"
    - attribute=value
 
HTML full Document Structure
 
<!DOCTYPE html>- It declares the document type
<html>- this is the root element
<head>- it contains metadata (title, styles, scripts included here)
<body>- contains the full document's content and structure, elements.
 
 
An Example HTML web page
 
<!DOCTYPE html>
<html>
<head>
  <title>Joe : Welcome</title>
</head>
<body>
  <h1>Welcome!</h1>
  <p>This is a paragraph element.</p>
</body>
</html>
 
All HTML versions till 2024
 
- HTML version 1.0 (1993) - Initial release
 
- HTML version 2.0 (1995) - Included forms, tables, and client-side maps
 
- HTML version 3.2 (1997) - Introduction of Casecade Stylesheets CSS, JavaScripts JS and Frames
 
- HTML version 4.01 (1999) - Improved accessibility, deprecated elements
 
- XHTML version 1.0 (2000) - Introduced XML-based HTML
 
- HTML version 5 (2014) -Introduction of Major update, added multimedia, canvas, and semantic elements
 
- HTML version 5.1 (2016) -Introduction of Minor update, improved accessibility
 
- HTML 5.2 (2017) - Introduction of Minor update, deprecated some elements
 

POPULAR POSTS ::

Free Forum Listings

Free Forum Listings: This Free Forum Listings will help to all, these are all free listing, you can submit manually and get free back links on your site and get traffic to to web. [Google Ads Section] blog(dot)hotelclub(dot)com/forum/ boards(dot)bootsnall(dot)com/eve/forums boards(dot)bootsnall(dot)com/eve/ubb(dot)x boards(dot)concierge(dot)com/forum(dot)jspa?forumID=8 forum(dot)asiawebdirect(dot)com/ubbthreads(dot)php forum(dot)virtualtourist(dot)com/ forums(dot)directholidaylets(dot)com/ forums(dot)keeptouch(dot)net/forumdisplay(dot)php?f=39 forums(dot)meta-travel(dot)com/ globike(dot)net/ubbthreads(dot)php greecetravelforum(dot)com/ grenadatravelforum(dot)com/ havanajournal(dot)com/forums/viewcategory/5/ hdrkid(dot)com/hdrkid/ p198(dot)ezboard(dot)com/bpricelineandexpediabidding slowtalk(dot)com/groupee/forums/a/frm/f/862600685 aardvarktravel(dot)net/chat/ aboutbarcelona(dot)com/barcelona/forum/default(dot)asp adventuretravelbudget(dot)com/ africaguide(dot)com/cgi-bin/fo
Read more

Discussion about "How to optimize a home page ?"

Basic Home Page Optimization Search Engine Optimization involves the continues process of developing your websites to get high rank when a specific keyword is searched by the visitors on a search engines like GOOGLE, YAHOO, MSN, etc., We know about the importants of the home page in the website and also all search engines gives a lot of emphasis to the home page of a site. Meta Description tag which also includes not more than 3 keywords.The keyword or short phrase must describes your site's content concisely and accurately . Always we need to concentrate on keyword attraction,so we use most searchable keywords,and using keywords carefully. When a search engine only examines your site it looks for keywords. [Google Ads Section] TITLE TAG Representation: Always Keep your title is short and related to your web content.This title shows at the top of the browser,the visitors are also easily understand the value of the page. Ex: (TITLE) SEARCH ENGINE OPTIMIZATION SOLU
Read more

Free Video Publishing sites:

Free Video Publishing sites: This video listing will help to all, these are all free listing, you can submit manually and get free advertisement and also get paid for your valuable video. [Google Ads Section] youtube(dot)com/results?search_query=Cash+gifting+business+and+programs&page=12 vids(dot)myspace(dot)com www(dot)metacafe(dot)com www(dot)5min(dot)com www(dot)howcast(dot)com www(dot)videojug(dot)com rootube(dot)com/ www(dot)wonderhowto(dot)com video(dot)yahoo(dot)com zippyvideos(dot)com/ putfile(dot)com/ supload(dot)com/ https://upload(dot)video(dot)google(dot)com/ Motionbox(dot)com/upload-video www(dot)badongo(dot)com AARP(dot)org livevideo(dot)com revver(dot)com/video/new/ blip(dot)tv/ jumpcut(dot)com/ castpost(dot)com/ clipshack(dot)com dailymotion(dot)com/us eyespot(dot)com/ flukiest(dot)com lifelogger(dot)com myvideokaraoke(dot)com ourmedia(dot)org mediamax(dot)com phanfare(dot)com selfcasttv(dot)com sevenload(dot)com sharkle(dot)com/ vimeo(dot)com/ vsocial(d
Read more

Which way should i follow to to improve search engine ranking?

You can begin SEO work Yourself.This blog is really help you! 1. Directory submission on prominent search engine and sites related to your theme.   2. Reciprocal Link building from relevant sites not a link farm.   3. Forum Posting on theme related forums.   4. Article submission on major article sites manually.   5. Post ads to free advertising website   6. RSS/ATOM feeds   7. Blogs Representation   8. Forum signatures Representation   9. Pay per click solution og google account. In this manner, we need to follow these steps one by one.First of all, we begin to submit on major search engines like GOOGLE,YAHOO,MSN,ALTAVISTA etc.Here we need to use the domian url with suitable title, keyword, description .This code details must contain the most searchable keywords. [Google Ads Section] How to begin this one? It is very easy to find directory sites.you can search this following words on google to find out directories."add url","add site&qu
Read more

Article Submission Sites

The list of archives where authors can publish articles has cardinally changed. [Google Ads Section] 1st-in-Articles 365Articles A1Articles AardvarkArticles AccessibleInsights AcmeArticles ActiveArticles Add-Articles AdvisorArticles AfroArticles AllEntrepreneurInfo AllFreelanceWork AlliedArticles AllMerchants AllTheWebsites AllWomenCentral Alumbo Amazines ApprovedArticles ArchiveX-HT Article99 ArticleAlley ArticleAvenue ArticleBar ArticleBase ArticleBeach ArticleBin ArticleBlender ArticleBliss ArticleCentral ArticleCircle ArticleCity ArticleClone Article-Content-King ArticleCopy ArticleCounty ArticleCube ArticleDashboard Article-Directory Article-Domain ArticleFair ArticleFeeder ArticleFever ArticleFinders ArticleFrenzy ArticleGarden ArticleGeek Article-Hangout ArticleHub ArticleIntelligence ArticleInterchange ArticleJoe ArticleLocker ArticleLove ArticleMani
Read more

How to redirect the robot engine from your page?

Robots Text File: There are two important reasons for using robots.txt notepad file: * Robots can ignore your robots text file. Especially malware robots that scan the web for security vulnerabilities, and email address harvesters used by spammers will pay no attention. [Google Ads Section] * Adding a robots.txt file to your website can tell search engines what pages you don't need indexed. * This file is a publicly available file. Anyone can able to see what parts of your datas you don't want robots to use. The robots text file is a module of instructions for visiting spiders that willindex of your whole web site pages. This spiders read the file and provides a map for that. The file is must residing in the root directory of your web server. The URL of your robots file should look like this... /robots.txt User-agent: * The asterisk (*) or wildcard represents any robot. Disallow: The Disallow: line without a / (forward slash) tel
Read more