codenart.github.io

Forget about technical and academic views. We go online everyday. We can start at homepage of a website and explore thousands of its pages. That’s it.

A website is a collection of many webpages.
__A simple & happy Mind

So if you want to create a website, just start it simply by learning how to create a single...

Atom first! I love magic and Atom has it:

• Open Atom.
• Choose File option from menu panel, then New File.
• Save file and give it a nice name as you want.
• In the editor, type im then press Enter.

Screenshot:

That is Magic!
We’ve just put there...

This time we’re gonna use video files stored locally first:

• Put your video file in the same folder with the HTML document or in a sub-folder.
• Ask Atom to perform this 2-letters mantra: vi.
• You will see something show up: <video src="" autoplay poster=""></video>.
• Using src to point to your video file.
• Replace poster="" with...

A container is something that contains something.
__A simple & happy Mind

So… everything in an HTML document is a container.
<p></p> may contains other elements like links and images.
<a></a> can do the same thing.

That’s true. But in this tutorial we’re gonna talk about big big containers which do not describe specific content...

There are 3 types of List in HTML:

• unordered list
• ordered list
• definition list

The last one is very rarely used, so we’re gonna talk about unordered list, ordered list, and tables.

Unordered Lists

To create an unordered list, we firstly need to create a container using <ul></ul> tags.
The second step is specifying list...

The HTML tags which are called text formatters can be categorized into 2 groups:

• Semantic formatters
• Non-semantic formatters

The semantic formatters tell web browsers how the contents should look like. They also tell search engines (Google, Bing, etc…) what the contents are, or how important the contents are.

Here are common semantic formatters:

Sample code:

The most basic type of inputs which is seen in almost every website, is text-field. A text-field is a small box that visitors can put there a single line of text.

Sample text-fields:

Normal text field:

Password text field:
Read More ;

There are 3 groups of common input types:

1. Text-field & Text-area
2. Radio-button & Check-box & Dropdown-list
3. File-browser & Others :D

1. Text-field & Text-area

Yes, we’ve seen text-fields in the previous tutorial.

A text-area is nothing but a text-field expanded to multiple lines. To create a text-area, we use <textarea> tags instead of <input> tags.

Sample code:...