Google Will Announce Fingerprint Authentication for Android this Week

It is rumored, and sort of confirmed, that Google will announce Android M at next week’s Google I/O developer conference. What Google officially plans to announce with Android M is still unknown, but one report floating around claims the company will introduce native Fingerprint Authentication to the OS, bringing an end to third-party OEM solutions.

If true, Android M users who own a device with a built-in fingerprint reader will be able to log into their devices and use secured apps without having to type in a password, just as we have now on smartphones such as the Galaxy S6. Furthermore, with Google creating a standard for Android handsets, it should allow many device makers to include this technology in upcoming devices, even if they do not have a history of creating fingerprint readers.

Android OEMs have bolted various forms of fingerprint ID on top of Android, but so far those features have fallen flat, and that's being charitable. A system-level fingerprint authentication system could potentially allow Android to more closely match Apple's highly successful Touch ID found in iPhone 5s, iPhone 6, iPhone 6 Plus, iPad mini 3, and iPad Air 2.

The Android ecosystem faces a challenge when competing with Apple on this front, however, and that's the reality that Google doesn't control the hardware. By introducing a system level fingerprint authentication scheme, Google will be leaving hardware implementation to its OEMs.

Apple, on the other hand, is able to store one's fingerprints locally by only including Touch ID on devices with an Apple-designed "Secure Enclave." There's a wealth of things we don't know about what Google will announce, but it's hard to imagine it will be as useful or secure as Touch ID.

Still, this is Google we're discussing. If the company found a way to implement fingerprint authentication, it will probably work and it will probably be secure, whether it's storing your fingerprints on rigidly controlled hardware or on Google's servers.

My guess is that it will be the later, and the devil will be in the details. There was a big of pushback against Touch ID from some quarters as Apple's critics were slow to grasp how Apple was storing fingerprints. Google might not face that same pressure. Its customers already have the rest of their lives stored on Google servers, so it seems likely few will mind adding their fingerprints to that treasure trove.

However it shapes up, such a move should be good for Android. Apple and Google pushing each other to advance mobile technology farther and faster is good for us, the consumer.

Fingerprint authentication will require a device with a fingerprint sensor, though. There aren't many Android devices that have fingerprint sensors right now — the Samsung Galaxy Note 4, S6/S6 Edge and HTC One Max are a few that come to mind — but that will likely change soon.

A fingerprint sensor was originally planned for the Nexus 6, but Google scrapped the feature at the last minute when it couldn't get a first-class supplier. Apple reportedly gobbled up all of the sensors Google wanted. Well, the next Nexus smartphone - which should be announced in the second half of the year - will likely have a fingerprint scanner, if the latest rumor about Android M turns out to be true. 

In addition to replacing annoying passwords, fingerprints can be used for mobile payments. Apple Pay has already proven to be a hit and Samsung Pay hopes to replicate the same success.

As you may know, before being called Lollipop, Android 5.0 was previewed as Android L. This, of course, means that Android M will most probably also get a sweet name once it's officially released. 

Google is expected to announce the feature at its annual Google I/O developer conference that will be held from May 28 to 29 in San Francisco.

Read More

HTML Web Page Code-Block Level Tags

Hello Friends! Welcome to Technosaavy !

In this lesson we are going to take a look at how to format our text content using HTML tags. Now I have got my working files open to the chapter two folder and just to get started I want to take a look at the try-out-text file, I will open it in the browser and in this case it's a big block of text up here at the top.

But, we'll be fixing that very soon, now I want to open that in our text application and here it's our code and we are ready to go.

<!DOCTYPE html>
<html>

<head>
<title>try out text</title>
</head>

<body>

this is a heading

this is a sub heading

this is the next heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis.


Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus.


Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. 

</body>
</html>

All my try out files are intended to be simple and have just the code we need to work with. You can see that we have some of the basic codes setup for the document....... Title, head and the body.

We can also see why our text is lumped up there at the top and that's because we don't have any HTML tag for formatting our content in the body. So, let’s see if we can fix that. I'll start by adding a paragraph tag right at the beginning of the paragraph section in the body and will do that at the beginning of rest of the sections as well. I'll just select the whole tag and then I’ll copy it and will just go to the beginning of the next section and paste in a new start tag, and again for the next section. Now as we saw in the earlier lesson the white space really doesn't matter here, so we can put the tag where ever we want. I tend to put it at the beginning of the short lines and I’ll put it above a larger block of text so, I’ll place it above the next few paragraphs then add in the closing paragraph tags that's </p> and again will copy that tag and paste it on the end of the other paragraphs, and off course we want to see our changes so, let's save our file and then we will go back over to our browser and just refresh the page.

Now we can see the separate blocks of text separated as they were intended. Now off course we are going to do a lot more than just separate blocks of text. As we can see from sample place holder here, these top three are actually intended to be headings and right now they just look like normal text paragraphs. So, let’s go back into our HTML document and let’s change that. Now the paragraph tags are acting as what we would refer to as block, they are blocking out the text and separating it from other text and we have got a number of other block tags we can use as well, some specifically for headings. I'm going to change the first one on our top heading and I’m going to change that <p> tag to an <h1> tag that's the top level heading and if we are going to have an h1 tag at the beginning of the block of text we better have a closed h1 tag at the end. Now as you might guess since there is an h1 tag we have got an h2 tag, h3 tag and they go over up to h6. So let’s set those on our two other subheadings here, I’ll make this an h2 tag and off course close h2 tag and will go for an h3 tag here at the next level heading. Let’s save our changes. And we will go back over and refresh our page.

And here we can see exactly what a heading is going to do, the heading tag takes the text in the blocks like it did with the paragraph tags but it also bolds the text and modifies the size. It also helps the reader to figure out basically what each type of content is.

Now our heading tags and our paragraph tags are doing something a little bit more than just formatting the text and breaking it up. They are actually formatting our content for lots of different types of media. For instance one major consideration while working on HTML sites is making sure that your site would be accessible to people with disabilities like visual disability, as they can't see a browser they will use a screen reader program to read the content to them. And that screen reader can actually also use the tags that we used to format the text, itself. The screen reader would know that an h1 tag is a big heading tag whereas an h2 tag is a subheading tag and the paragraph should be treated as content. So it's actually very important to use HTML tags properly to format our content not just so it looks good on the page but also so that servers and other applications will know what our content is, we they get to our page. One very important application that we usually care about is search engine. Search engines are going to look through the contents of our page and they are going to rank our page and set it up for searching based on what they have found. A great way to make sure that your document is going to work good in a search engine is to build it properly and to format it properly.

That's all for the day! In the next video we will take a look at the inline tags..........

Till then good bye and have a great day ahead!!!

Read More

7 Editions of Windows 10

Windows 10 is coming this summer in 190 countries and 111 languages. Microsoft just cleared up some of the confusion around the different varieties of Windows 10 that will be available when it ships later this year.

The company confirmed Wednesday that the operating system will come in seven different editions, including desktop and mobile versions for homes and businesses, along with offerings for schools and the Internet of Things.

This isn't the first time Microsoft has offered different versions of its software — Windows 8 shipped in a number of different editions as well — but this marks the first time Microsoft has clearly outlined exactly how it's positioning its different Windows 10 experiences.

"We designed Windows 10 to deliver a more personal computing experience across a range of devices," Microsoft's Tony Prophet wrote in a blog post. "An experience optimized for each device type, but familiar to all. Windows 10 will power an incredibly broad range of devices – everything from PCs, tablets, phones, Xbox One, Microsoft HoloLens and Surface Hub."

As with Windows 8, the consumer-ready editions are focused on desktop and mobile.

Windows 10 Home:

This is the "consumer-focused desktop edition" that will replace Windows 8 Consumer and the one most users will see on their PCs, laptops, tablets and "hybrid" 2-in-1 devices. It will ship with Cortana and Microsoft's Edge browser and have Continuum capabilities. Xbox users will also be able to play Xbox Live games on PCs with Windows 10 Home.

Windows 10 Mobile:

Formerly Windows Phone 8.1, this edition will run on smartphones and tablets with smaller displays. It will run universal Windows 10 apps and the new Office apps optimized for smaller touchscreen devices.

For companies, Microsoft is offering two business-focused desktop editions, depending on the size of the organization.

Windows 10 Pro:

Meant to replace Windows 8.1 Pro, it's designed for small businesses, with extra features to allow companies to manage apps and data across devices. Windows 10 Pro users can also take advantage of Microsoft's new Windows Update for Business program, which makes it easier for organizations to control how they get security and other updates from Microsoft.

Windows 10 Enterprise:

This edition replaces Windows 8.1 Enterprise and is designed for larger companies. It has more robust security features and also supports the Windows Update for Business program. Enterprise customers aren't able to take advantage of Microsoft's free Windows 10 update as it's only available to volume licensing customers.

Windows 10 Mobile Enterprise:

Formerly Windows Phone for Business, Windows 10 Mobile Enterprise is the enterprise edition for smartphones and smaller tablets. Also available to volume licensing customers, it gives companies more control over security features and how updates are installed.

Finally, Microsoft is adding new editions for schools and connected devices.

Windows 10 Education:

The academic edition's feature set is similar to the enterprise edition in that it gives admins more control over how updates and security features are managed and is available through academic volume licensing. Microsoft also says there will be "paths for schools and students using Windows 10 Home and Windows 10 Pro devices to upgrade to Windows 10 Education."

Windows 10 IoT Core:

This edition appears to be the replacement for Windows Embedded and will power smaller connected devices, like gateways. (Larger-scale devices like ATMs and retail point-of-sale devices will run versions of Windows 10 Enterprise and Windows 10 Mobile Enterprise, Microsoft says.)

Microsoft notes the company is "on track" for a summer release for Windows 10, though exact availability details are still unclear. Windows 10 will be a free upgrade for the first year to most consumers who already have licenses for Windows 7, Windows 8 or Windows 8.1.

Read More

Microsoft Edge will be safer than Internet Explorer

Microsoft decided to develop an all-new web-browser, Microsoft Edge, for the launch of Windows 10. Little by little, Microsoft is revealing additional information about Microsoft Edge, its upcoming browser replacement for Internet Explorer. Not only does Microsoft Edge have a new look and feel and a new rendering engine — it also has a new take on security, web standards and legacy code.

On its Microsoft Edge Dev Blog the Edge Dev team has been busy posting information about what the browser will have — and what it will leave out.

The company stated:

"This fundamentally changes the process model, so that both the outer manager process, and the assorted content processes, all live within app container sandboxes. This provides the user and the platform with the confidence provided by other Windows store apps.”

Microsoft Edge will also run as a 64-bit program every time it is used by a 64-bit processor, and not just via a default setting. The company says this move will allow for Windows ASLR (Address Space Layout Randomization) to be stronger: "Attackers want to inject malicious code into your browser process via a coding bug, and then execute their malicious code. ASLR makes that harder by randomizing the memory layout of the process, making it hard for attackers to hit precise memory locations to achieve their ends. In turn, 64-bit processes make ASLR much more effective by making the address space exponentially larger, making it much more difficult for attackers to find the sensitive memory components they need."

Bye Bye ActiveX and BHOs

The biggest change for developers coming with Microsoft Edge is that it will get rid of legacy browser technologies including ActiveX and Browser Helper Objects (BHO). Both of these technologies go back to the 1990s and the heyday of Internet Explorer.

ActiveX was introduced back in 1996 as a way to embed native Windows technology into the web browser. This was the way other web technologies such as Flash, Silverlight, Java and PDF plugins would typically get integrated into the browser.

ActiveX is going away because as Microsoft says, the need for those sorts of controls "has been significantly reduced by HTML5-era capabilities, which also produces interoperable code across browsers." And just because ActiveX is going away doesn't mean Flash is dead. No, Microsoft will be building Flash into the browser — much as Chrome does now. Microsoft Edge will also support native PDF rendering.

Microsoft is also getting rid of its old extension model, the Browser Helper Objects (BHO). BHOs were most commonly used to build third-party search toolbars for stuff you never wanted or needed. This means that with any luck, you will never again see an Ask.com toolbar in a Microsoft browser.

Microsoft is still going to offer a way for developers to build extensions — following a similar HTML/JavaScript model that has been adopted by Mozilla, Google, Apple and Opera. Microsoft says it will enable that model later this summer so that developers can build their add-ons for the new browser.

Getting rid of other cruft

Microsoft also says it has removed 220,000 unique lines of code (LoC) and more than 300 APIs.

At the same time, it is adding a ton of stuff to the new browser. More than 300,000 LoC have been added, as well as 49 new major features and 4200 browser interoperability features.

Microsoft is also getting rid vendor prefixes for Edge. This means that in order for developers to take advantage of special HTML5 or CSS features, they won't have to use a specific Edge prefix. Instead, they can just code to web standards.

This is a move in the right direction for Microsoft and it mirrors some of the recent hires the company has made in the area of open web evangelism and web standards.

Embracing a secure, sandboxed model

On Monday, the Edge team blogged about some of the security features within Microsoft Edge. Microsoft lays out how it is building its new browser to better be able to stand up to web threats, as well as how its update model will be better than before.

Getting rid of ActiveX and BHOs will actually make the browser more secure. For years, third-parties have exploited the binary aspect of ActiveX to execute nasty code that can take down the browser or the underlying operating system.

By shifting to HTML/JavaScipt-based extensions, Microsoft is limiting the access extensions will have, as well as some of the control they could potentially take system.

The biggest feature for security, however, might just be in how Microsoft is treating Edge. Microsoft Edge is being released as a Universal Windows App. This means that it will live in a sandboxed world. Microsoft says this means that "every Internet page that Microsoft Edge visits will be rendered inside an app container, the latest and most secure client-side app sandbox in Windows."

It also means that as a Universal Windows App, users can get updates from the Microsoft Store — as opposed to updates being tied to Windows Update.

Decoupling browser updates from the rest of the OS is great, especially for keeping stuff up-to-date. It also opens up the door for Microsoft to do the kind of automatic updates that Chrome and Firefox do now.

Microsoft Edge will debut alongside Windows 10 when it launches later this summer.

Read More

Snap Me Up

Dragging your sleepy self out of bed every morning is hard — really, really hard. If you're anything like me, you hit snooze on your phone's alarm a few times, and by the time you're actually physically out of bed, you're still groggy and grumpy. But with Snap Me Up, a new alarm app for Android that requires you take a selfie in order to cease its sound, the game might just be changed. After all, selfies are the token activity of our time, catering to both our inability to disconnect from technology and a level of narcissism. Snap Me Up has an automatic facial detector, meaning that you technically don’t even have to press a button. All you need to do is demonstrate to the app that you’re awake enough to hold it in front of your face and it’ll trust that you’re up. 

To set a new alarm, you just tap the red + button and select a time and mode – if you don’t want the selfie option switched on, you can just set an alarm as normal and you’ll wake up to a slow slideshow of images stored on your phone. There’s also a nap timer, for duration of five minutes or longer.

One fun aspect of the app is that it saves the selfies that you take in an album it calls “My Sleepy Snaps,” review of which may either cause extreme depression or extreme laughter. 

The only thing I find annoying about the app is the Google ads on the bottom of your Sleepy Snaps album; sometimes, they open in full screen, too.

Read More

MoonLight Laptop Concept with dual curved Screens

Presenting an intricate yet organic form, the “Moonlight” by designer Teo Braun is a concept laptop that might never see the light of the day, but definitely deserves your attention. Moonlight laptop is just a concept yet but it is possible to make it today since all the technologies are already exists.  Looking like a moon, the concept laptop comes with duel-curved screens; the bigger measuring 16:9 and the smaller 4:3, allowing the users maintain an ideal distance between the eyes and the laptop screen to reduce eye stress. The lower display of the laptop, apart from working as an annex of the bigger screen or run a mini OS in the background, also becomes a touchscreen and works like a mouse for the system. In addition, the Moonlight features a sensor-controlled frame that lights up in dark to release the stress on your eyes, while a pair of legs lifts the laptop to a comfortable height.

Read More

Windows 10 will be the Last Version of the OS

Microsoft Windows 10, which will be launched for PCs this summer, will be the Redmond-based tech firm's last Windows OS version, said Jerry Nixon, a Microsoft employee and developer evangelist, at the company's ongoing Ignite conference in Chicago.

"Right now we’re releasing Windows 10, and because Windows 10 is the last version of Windows, we’re all still working on Windows 10." That was the message from Microsoft employee Jerry Nixon, speaking at the company's Ignite conference this week.

Nixon said Microsoft secretly made its base for Windows 10 when it launched Windows 8.1 last year, and that with Windows 10 it will be pushing out regular updates to the OS instead of introducing new versions. It's all just Windows 10. While it immediately sounds like Microsoft is killing off Windows and not doing future versions, the reality is a little more complex. The future is "Windows as a service."

Microsoft has been discussing the idea of Windows as a service, but the company hasn't really explained exactly how that will play out with future versions of Windows. That might be because there won't really be any future major versions of Windows in the foreseeable future. Microsoft has altered the way it engineers and delivers Windows, and the initial result is Windows 10. Instead of big releases, there will be regular improvements and updates. Part of this is achieved by splitting up operating system components like the Start Menu and built-in apps to be separate parts that can be updated independently to the entire Windows core operating system. Microsoft revealed that Patch Tuesdays will be abolished, and the update cycle will be moved to a 24x7 one. Users could either opt-in for slow rollout, meaning receiving updates in bundles, or a fast rollout, where they would receive updates as soon as they are released. It's a big undertaking, but it's something Microsoft has been actively working on for Windows 10 to ensure it spans across multiple device types.

While we'll witness the results in the coming months, Microsoft is already in launch mode for a number of its apps and services that power Windows 10. The software company is testing preview builds of Window 10 with willing participants, and apps like Xbox and Mail have been engineered for regularly monthly updates. Even Office for Windows 10 will also get regular updates, much like a mobile version, instead of the big bang release every few years.

"Recent comments at Ignite about Windows 10 are reflective of the way Windows will be delivered as a service bringing new innovations and updates in an ongoing manner, with continuous value for our consumer and business customers," confirmed a Microsoft spokesperson when approached by The Verge for confirming Nixon's comments. "We aren’t speaking to future branding at this time, but customers can be confident Windows 10 will remain up-to-date and power a variety of devices from PCs to phones to Surface Hub to HoloLens and Xbox. We look forward to a long future of Windows innovations."

Microsoft is already said to have engineered apps like Xbox, Mail and even Office for regular monthly updates in Windows 10. The results will however will be reflected after a few months. The firm has also been testing the OS with Windows Insider participants in the form of different OS version builds both for PC/laptops and mobile devices.

With Windows 10, it's time to start thinking of Windows as something that won't see a big launch or major upgrade every few years anymore. Much like how Google's Chrome browser gets updated regularly with version numbers nobody really pays attention to, Microsoft's approach will likely result in a similar outcome. This is really the idea of Windows as a service, and the notion that Windows 10 could be the last major version of Windows. Microsoft could opt for Windows 11 or Windows 12 in future, but if people upgrade to Windows 10 and the regular updates do the trick then everyone will just settle for just "Windows" without even worrying about the version number.

It is worth mentioning that while Windows 10 is due to arrive for PCs by this summer, the OS will be released for mobiles, tablets, HoloLens, and the Xbox One at some point later this year.

Read More

HTML Basics-Lab (First Web Page)

Now as I mentioned that at the end of each chapter we would do a little bit of work on our project website. So for this chapter we would setup the home page for the document and get the website started. We are going to need, to create another HTML file and it needs to include all these basic tags that we saw before.

Now I have made things a little bit easier for you, if you go over to the working files you will notice that in chapter one I have a basic template HTML page and I’m going to drag this over my notepad icon to open it up and you will notice that we have all of the basic tags that each web page needs to have, already typed in. So, it will save a little bit of time. All we need to do is just start typing in, our body content and the title for the page. Now the first thing I really want to do is I don't want to save over my basic template because I probably want to use it again. So I’m going to choose file save as and we are going to save this in our website folder. So I’ll go back into the working files and down here at the bottom I’ll just chose the website project folder which is currently empty. Now we are going to name our file and for the name I’m going to choose index, it's the most commonly chosen name for the home page; now I do want to have the HTML extension at the end of the file name so let's add that and we’ll save our file just like before. Now we can add our content. Now as we are making a site about India so I’m going to just make the title of this page India! And for content I have got a text file included in our chapter one folder that we can use. Here we can see a text file named Home, I just open that up and we got some title and paragraphs that we are going to use for the content on our page so I’m going to select all those texts and copy them and we can go over and put our cursor in between the starting and closing body tags and paste the copied text. Now as we saw before, the white space in our file is going to be ignored in the HTML document when it's viewed in the browser. So, we do want to add formatting to it. I’ll go over to each one of the lines that we want broken up and I’ll just use the paragraph tag that we learned earlier, we are going to add a paragraph tag at the beginning and of course the closed paragraph to signal that the paragraph is done. I'm going to add that one to each one of my elements, now you can notice that I’m formatting the first two small titles inline and this is entirely the preference up to you where you want to put your tags. For larger paragraphs that take more than one line I’m going to put the starting tag at the beginning and start the paragraph from next line and will put the end tag, a line after the end of the paragraph. That way you can visualize the start and the end of the paragraph, especially when it expands multiple lines. So let's do that for our last paragraph here, as well. I'll just paste in here my start paragraph tag and add a line for the close paragraph tag.

<!doctype html>

     <html>

          <head> <title>India !</title> </head> 

          <body>

               <p>India</p> 

               <p>A Land of Infinite Variety</p> 

               <p>

               Indian School Children India, officially the Republic of India (Bhārat Gaṇarājya), is a country in South Asia. It is the seventh-largest country by area, the second-most populous country with over 1.2 billion people, and the most populous democracy in the world. Bounded by the Indian Ocean on the south, the Arabian Sea on the south-west, and the Bay of Bengal on the south-east, it shares land borders with Pakistan to the west; China, Nepal, and Bhutan to the north-east; and Burma (Myanmar) and Bangladesh to the east. In the Indian Ocean, India is in the vicinity of Sri Lanka and the Maldives; in addition, India's Andaman and Nicobar Islands share a maritime border with Thailand and Indonesia.
               </p>

                          <p>

                Home to the ancient Indus Valley Civilisation and a region of historic trade routes and vast empires, the Indian subcontinent was identified with its commercial and cultural wealth for much of its long history. Four religions—Hinduism, Buddhism, Jainism, and Sikhism—originated here, whereas Zoroastrianism and the abrahamic religions of Judaism, Christianity, and Islam arrived in the 1st millennium CE and also helped shape the region's diverse culture. Gradually annexed by and brought under the administration of the British East India Company from the early 18th century and administered directly by the United Kingdom after the Indian Rebellion of 1857, India became an independent nation in 1947 after a struggle for independence that was marked by non-violent resistance led by Mahatma Gandhi.

              </p>

              <p> 

              The Indian economy is the world's tenth-largest by nominal GDP and third-largest by purchasing power parity (PPP).Following market-based economic reforms in 1991, India became one of the fastest-growing major economies; it is considered a newly industrialised country. However, it continues to face the challenges of poverty, corruption, malnutrition, inadequate public healthcare, and terrorism. A nuclear weapons state and a regional power, it has the third-largest standing army in the world and ranks ninth in military expenditure among nations. India is a federal constitutional republic governed under a parliamentary system consisting of 29 states and 7 union territories. India is a pluralistic, multilingual, and a multi-ethnic society. It is also home to a diversity of wildlife in a variety of protected habitats.

             </p> 

       </body>

 </html>

We'll simply save our changes and take a look at the page. I’ll go to website project folder and open index.html file in the browser.

We’ll be adding a lot to this page and other pages to our website project. Now in the next post we’ll learn a lot more about formatting text with the HTML.

Read More

HTML Basics -Typical Page Code

Well our HTML file does include HTML tags but it’s still not proper or not properly set up yet because most HTML documents have some set up tags that we use to establish the page for the browser. So, what I would like to do is, take our page that we are working on and let’s add those setup tags. 

The entire page should be enclosed in HTML tag so, let me add space at the top and I’ll go up there and add my HTML tag and like all the other tags that we worked so far I need a closing tag for it also which I’m gonna put down at the bottom of my document. We are using </HTML> so the ending tag is formatted just like the paragraph and strong and em tag that we used before. 

<html>

my first <strong><em>web page</em></strong>.....!

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</html>

The HTML tag is referred to as the root and it basically contains the entire document itself. 

Now we can break up the HTML tag in two big parts in our document. At the top we generally put the head tag. So let me add a line under HTML and now add an open head tag (<head>) and I would go down a line or two and will add a close head tag (</head>). The head tag is used to establish the information about the page for the browser and this is the information that doesn't necessarily appear on the page itself. One very common use of the head tag is to add a tittle for the page. If we look over to the browser we can see that in the tab it just shows the file address which looks ugly. I just go in there and add a title tag, it’s not a bad idea to add the close tag at the starting, and then in between those two tags I can add a normal page title I’ll just add my first web page, lets save that.

<html>

<head>

<title>My First Web Page</title>

</head>

my first <strong><em>web page</em></strong>.....!

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</html>

The other section inside the HTML tag is the body tag, and that goes bellow the head tag. So, let me add a line and I’ll add the start body tag (<body>) there. The body is going to enclose all the visible elements on the page. So, I’m gonna add the end body tag (</body>) down here bellow all the paragraphs and before the HTML tag closes. 

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

my first <strong><em>web page</em></strong>.....!

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</body>

</html>

We have got the </body> so that it’s formatted just like the other elements.

Now we have divisions for the setup of our page and the content of our page. Now there is really only one more tag that we need to add and that's up there at the top. This one isn't really a tag but it’s the only thing that's going to exist outside of the HTML root tag that we setup and that is a doctype declaration. This one looks a little bit different, we start off just like a tag but we have an exclamation point at the beginning and then the name doctype which is followed by the declaration of what type of document we have and since we are using HTML5 we can use a simple one which is just HTML. The function of this tag is to tell the browser not only what type of document we are working with i.e. HTML but also what version of HTML we are using to code with and HTML5 has one of the simplest doctype declaration with just the word HTML added to it.

<!doctype html>

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

my first <strong><em>web page</em></strong>.....!

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sem quam, vehicula vitae sagittis eget, ornare id mi. Ut eleifend facilisis quam, in luctus erat laoreet in. Sed nec magna diam, et egestas augue. In fermentum sagittis tellus, interdum scelerisque turpis commodo quis. Curabitur iaculis tempor mollis. 

</p>

<p>

Donec sed neque quis ligula ornare iaculis et eget urna. Nullam nec venenatis nisi. Sed tincidunt, elit facilisis lobortis congue, eros magna porttitor massa, non fermentum quam dolor quis risus. Nullam tortor augue, pretium eget scelerisque in, feugiat id metus. Vivamus nec felis lectus. 

</p>

<p>

Morbi volutpat vestibulum ligula, ut sodales urna suscipit non. Phasellus eu mauris massa, sit amet fermentum turpis. Vestibulum faucibus tincidunt orci vel tempor. Nullam dolor est, adipiscing et sagittis sed, tristique vitae tortor.

</p>

</body>

</html>

Now we have got a document that looks a lot like a typical webpage. We have got our HTML tag inclosing all the contents of our page, except the doctype. We have got a head tag for setting up our page with a title and we have got a body tag that's establishing all the visible content that we want to include on our page. Now let’s just save it like before and we can go out to our browser and refresh the page to see our changes. 

The first thing u will notice that, all the code that we added didn't really change the content on the page but they did change the setup. We can see that our title now appears up there in the tab and as a nice bonus if we had our web page added on the web live and a user wanted to bookmark the page it would use this title as the bookmark text instead of the big address that we saw before

Read More