HTML5

College of Information and Computer Sciences
Web Development::HTML5

HTML5 is the new reincarnation of HTML. HTML5 gives web developers 28 more elements to play with. Among these new elements are HEADER, FOOTER, NAV, ARTICLE, and ASIDE.

The HEADER element is used to introduce the page and can contain navigational links to other sections of the web page. It can also contain logo and even videos like so many universities and colleges have started to do this summer. For example, UNLV and CSN has replaced their student websites with a video.

The FOOTER element is used for footnotes to a page or to an article.

The NAV element is used to contain navigational links.

The ARTICLE element is used to contain the text articles of the web page.

The ASIDE element is used to contain text that is related to the page or to the article but is set aside in a corner or at the bottom.

Here is an example code that uses HEADER, ARTICLE, and ASIDE elements.

< !doctype html>
< head>
< style>
aside
{ 
    float: right;
    background-color: #ebebeb;
    width: 200px;
}
p { font-size: 120%; }
ul, li, h4 {padding: 2px; margin-left: 20px;}
header {text-align: center; background-color: aqua;}
article {background-color: #bebebe;}
< /style>
< /head>
< body>
< header>< h1>JOHN GONE TUTORING< /h1>< /header>
< article>
< aside>< h4>John tutors and teaches the following
subjects:< /h4>
< ul>
< li>C< /li>
< li>C++< /li>
< li>Java< /li>
< li>VB.NET< /li>
< li>Python< /li>
< li>JavaScript< /li>
< li>C#< /li>
< li>HTML< /li>
< li>CSS< /li>
< li>Windows< /li>
< li>Word< /li>
< li>Excel< /li>
< li>PowerPoint< /li>
< li>Access< /li>
< /ul>
< /aside>
< h1>Tutoring Now Available!< /h1>
< p>We are now offering tutorial and lessons on
computer programming and Microsoft Office.< /p>
< p>Our rates are the best in the world. If you
find any better rate, we will match that rate.
We will not be outdone.< /p>
< p>We are now offering tutorial and lessons on
computer programming and Microsoft Office.< /p>
< /article>
< /body>
< /pre>

Here is how this code looks like in a browser.

Another good example of a website that uses HTML5 technology is "The New Yorker" website in the Reference section.

Here are some HTML questions. Identify what the following elements are used for.
1. a
2. b
3. div
4. h1
5. img
6. li
7. ol
8. p
9. small
10. title

John Sindayen

HTML5 Reference:
http://www.newyorker.com/humor/borowitz-report/british-lose-right-to-claim-that-americans-are-dumber

Computer Science::Windows Notepad

I was planning on writing about the Windows boot up process, but I decided to write about Notepad instead, after I had closed Notepad without saving these texts that I have written.

Notepad is the text editor included in all Windows OS versions since 1985. It has 5 menus to choose from. File, Edit, and Format menus are very useful, but View and Help menus are rarely used.

It is too simple an editor and it lacks simple functionalities that would make sense in a text editor. For example, clicking the red X button, the close button on top, will just close the editor without notifying you that you did not save your file or the text you added on the file.

Of course, if you are a programmer, you can create your own Notepad type software and add the prompt that you need to save your file. VB.NET would be a good programming language to create this software since it is own by Microsoft, the maker of Windows OS.

Here are some Notepad questions.

1. What does Word Wrap do?
2. What does Time/Date do?
3. Can you print a Notepad text?
4. What is the keyboard shortcut to save your Notepad file?
5. How can you activate the Status Bar?

Windows Notepad Reference:
https://en.wikipedia.org/wiki/Microsoft_Notepad

Lessons learned!

John Sindayen