Hướng dẫn how to create a website in html5 step by step - làm thế nào để tạo một trang web trong html5 từng bước
|
This tutorial will show you how to Learn how to create a simple Html5 website using Html5 & CSS code from the scratch. Show
 Check out the demo and download here! HTML5 is a W3C specification that defines the fifth major revision of the Hypertext Markup Language (HTML). One of the major changes in HTML5 is in respect to how HTML addresses Web applications. Other new features in HTML5 include specific functions for embedding graphics, audio, video, and interactive documents. It’s completely open and controlled by a standards committee, of which Apple is a member. HTML5 introduces a number of new attributes, input types, new features, easy option and other elements for your markup toolkit. Step 1 : This is the simple design layout that we are going to build using HTML5. Step 2 : First create the below files and folder Step 3 : Always ensure to start the Html5 website with before any other HTML code, so that the browser knows what type of document to expect. The doctype for HTML5 is very simple than the previous versions of HTML. The tag does not have an end tag. Step 4 : Hence the skeleton structure of a simple basic Html5 website is
Step 5 : Html5 uses the new sectional and structural semantic elements such as * * (i.e, instead of ) – Represents a section of a page that links to other pages or to parts within the page: a section with navigation links.* – Used to represent an article that is independent/self-contained content on the site. * – Represents a generic section of a document. And also a thematic grouping of content, typically with a heading. It can be nested inside sections, articles, or asides. * – Represents a section of a page containing not the main content of the page but some content which is indirectly related to the main content. * (i.e, to ) – Represents the heading of a section, which consists of all the to element children of the hgroup element. The element indicate subheadings or subtitles.* – The ending elements.* – The ‘link tag’ or the ‘hyperlink tag’. This makes text ‘hyper’ so that when we click on it we can load another page or activate/call some JavaScript.Step 6 : The image below is the outline of the parts of our HTML webpage.Now define the basic skeleton structure of the HTML webpage using the new structural elements specified in Step 5. Here is a simple example of some code that uses these elements. The tag includes all the main page’s structure. |