HTML

HTML

Why HTML is so important?

Although HTML is not turing complete, most all browsers support HTML. As the result,  HTML becomes so popular as the core foundation structure of other programming languages, such as Pyton, CSS, Java, JavaScript, Ruby, C, C++  etc. I personally interested in learning HTML because of the need of mastering SharePoint. In order to be able to use REST API or JSOM with SharePoint, understanding JQuery and JavaScript is a must. JQuery or JavaScript use HTML and CSS to spice web design presentation. The good news is that learning HTML is not difficult at all.  I summarized some of important aspects you need to learn HTML on this site.

What is HTML?

HTML is Hyper Text Markup Language. Unlike other programming language, HTML is not a programming language. It’s mainly used in front end web designing for presentation. as a GUI Markup storage for data and block level element naming. And are designed specifically for the Browsers GUI Widget Sets. This means HTML has no data structures (objects, variables or otherwise), no iteration/loops, no way to call code snippets (formalized as methods and functions in regular programming languages).

Do I need IDE to write HTML?

Not necessary. You can simply use NotePad to write the code if you wish. No compiler or Language interpreter need to run HTML. All you need to name the file extension as HTML. However, there are many tools available you can use to save your time in writing the code such Visual Studio Code, Atom, NetBeans, Sublime, Notepad++, PyCharm, IntelliJ, Eclipse etc. My personal preference is to use Visual Studio Code along with Live Server.  You don’t need to refresh the Internet browser to display the output. Live Server automatically update the output once you save the changes. You can simple enter “!” and tab to write the whole HTML structure. To enter dummy text sample for Lorem, I can simple enter lorem and tab.

 

HTML Document Elements

Every HTML document should conform to the HTML SGML DTD, the formal Document Type Definition that defines the HTML standard. The DTD defines the tags and syntax that are used to create an HTML document. You can inform the browser which DTD your document complies with by placing a special SGML (Standard Generalized Markup Language) command in the first line of the document, example : <!DOCTYPE html>

 

HTML Tags

<html> tag –  The <html> tag serves to delimit the beginning and end of an HTML document.

<head> tag – The <head> tag serves to encapsulate the other header tags. Place it at the beginning of your document, just after the <html> tag and before the <body> or <frameset> tag.

<title> tag – The <title> tag is used by the browser in some special manner, most often placed in the browser window’s title bar or on a status line. The <title> tag is the only thing required within the <head> tag.

<body> tag – the <body> tag has a number of attributes that control the color and background of your document. This the place where you can control the appearance attributes with your CSS (cascading style sheets), JavaScript Style or other script programming language on this section.

 

Tag and attribute names are not case-sensitive. Most HTML tags have starting and ending tags, with exception:

<area>
<base>
<basefont>
<br>
<col>
<frame>
<hr>
<img>
<input>
<isindex>
<link>
<meta>
<param>

More detail info about tags can be found here