Fadıl

HTML5, the latest version of HTML series offers a number of unique features that will change the way websites and users interact between them.Even though HTML5 has got many features it has got 5 important features which revolutionize the way users view websites and clearly distinguish them from the previous versions. HTML5 will significantly change the way websites are designed.Search engines will get access to tap into a richer source of information.

HTML5 we continue where we left off.

<strong> tag

It is one kind of text formatter used to bold the text.

This is &lt;strong&gt;important&lt;/strong&gt;.

<style> tag

The HTML <style> tag is used for declaring style sheets within your HTML document.

&lt;style type="text/css"&gt;
 h1 {color:red}
 p {color:blue}
 &lt;/style&gt;

<sub> tag

The HTML sub tag is used for subscript text

&lt;p&gt;The HTML sub tag is used for &lt;sub&gt;subscript text&lt;/sub&gt;&lt;/p&gt;.

<summary> tag

The HTML <summary> tag indicates a rundown/subtitle that can be utilized related to the HTML5 <details> tag. This synopsis/inscription can be tapped on to summary/caption the points of interest as required.

<figure> tag

The HTML <figure> tag is used for annotating illustrations, diagrams, photos, code listings, etc.You can use the <figure> element to associate a caption together with some embedded content, such as a graphic or video.

<form> tag

The <form> tag is used to create an HTML form for user input.The form element contains one or more form elements like: button, input, keygen, object, output, select, textarea and more.
Example

The Doctype

The doctype declaration is not an HTML tag. This tag is used for specifying the language and version the document is using. The <!DOCTYPE> tag does not have an end tag and it is not case sensitive too. The HTML5 specification recommends that all documents should have <!DOCTYPE> header at the top of it.

Example

&lt;!DOCTYPE&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Using Doctype&lt;/title&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;p&gt;Hello world!&lt;/p&gt;
 &lt;/body&gt;
 &lt;/html&gt;

<a> tag

This <a > tag is used to link another page from a webpage. The attribute target in <a> tag can be used to specify if the new page should open in a new tab or in a new window.

If you want to resize your photos to put them on your blog or website. As you know, you can’t upload your photos on a webpage with the highest resolution because a web gallery became inaccessible and too slow to load. Then maybe you have a folder containing every photo of your holidays and you want to resize it at 768 of width maintaining the original aspect ratio. To make a resize there are many tools but here I suggest a command-line tool called “mogrify”. This tool will be installed with ImageMagick Libraries, so all you have to do is installing ImageMagick.

Fadıl

Publications

5 key features of HTML5

Tags in HTML5-part3