Text Elements
Heading There are six tags for headings, <h1> through <h6> with each having a closing tag pair. Heading tags follows a hierarchy in size, where <h1> is the largest and <h6> is the smallest. It is customary for a page to have only one <h1> Paragraph The <p> tag is for creating paragraphs, it has …. Read More
HTML document structure
The basic HTML document structure starts with the doctype html, followed by a html set of tags. Nested in the html tag we will find the head tag and the body tag. The head tag will encapsulate other elements like title. The body tag will contain the elements that make the web page, like the …. Read More
Basic Visual Studio Code settings for HTML
The basic VS Code setup consists of adding the Prettier extension and adjusting four settings: the Default Formatter, when to apply the formatter, autosaving onfocusChange and tab size. Go to settings by clicking in the Manage wheel at the bottom left of the UI and then search for each of these turntables.The Prettier extension formats …. Read More
The three languages of front-end
A web page is made up by the web browser interpreting three languages: html, css and javascript.Each language has its purpose in the rendering a web page. The html acts like a noun, css takes a role of adjective and javascript can be considered as verb. Nouns. A paragraph tag. <p></p> Adjectives. Paragraph text is …. Read More
Dynamic Website anatomy
A dynamic website renders the information displayed in a web page at the time of request from a web browser. There is a triangle of interactions between the following three categories of servers: the web server, the application services servers and the application databases. The application services are programmed with programming languages like Python, Node, …. Read More
Displaying a web page
Before you can see a web page you need a client (browser) that contacts a web server. The interaction is established via a protocol named http or https. This protocol sends a REQUEST and a web server returns a RESPONSE.When a web server response is the content of html, css and javascript without any other …. Read More