logo
Documents |

Introduction to HTML

Table of Content

A website structure and content are created with HTML, while its style is controlled by CSS. As you design, Nilead generates the necessary HTML and CSS code for you.

With our Visual Editor, you can create websites without knowing HTML or CSS. Even so, understanding the relationship between HTML and CSS is helpful when building websites.

HTML stands for HyperText Markup Language.

“Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the reader can immediately access.”

“Markup Language is a system for annotating a document in a way that is syntactically distinguishable from the text.”


How browsers render a website

Whenever you visit a website, what you see on your screen is the result of the underlying code being rendered by the browser. You use the code to tell the browsers how to display the content you want to show.

You can inspect and temporarily edit source code on most browsers using the Code Inspection tool.

html-code-inspection


HTML Structure

HTML code is (mostly) used for content including but not limited to headings, paragraphs, links, and images. You can also apply certain styling to your content using HTML, but it has many limitations (which CSS solves).

html-structure

html-structure-2

  • <!DOCTYPE html> — Defines the document to be HTML 5

  • <html> — The root element of an HTML page.

  • <head> — Contains meta information for the document.

  • <title> — Specifies the title for the document.

  • <body> — Contains the visible page content. Within this tag is where elements such as paragraphs, headings, and images will go.


HTML Element

html-element-paragraph

Not all tags need to be followed by a closing tag. This is because there are some cases in which HTML tags do not contain any content to surround. Two examples of these are:

  • Image Tags: <img>

  • Line Breaks: <br>

html-element-structure
id should be UNIQUE per html document!!!!


Styling your HTML

html-skeleton

CSS stands for Cascading Style Sheets — it is used to extend the HTML by making it easier to give documents a custom look and feel.

“‘Cascading’ means that styles can fall (or cascade) from one style sheet to another, enabling multiple style sheets to be used on one HTML document.”


When to hand-craft your website

If you have the skills and the will to do so, or if you need something really custom for your website that cannot be done otherwise. Otherwise, you can build awesome websites with website builders like Nilead. Maintaining your code, optimizing for performance, and fixing bugs are no longer your concerns. Your non-tech staff can easily manage your website without any advanced skills.

Share

DIscord chat

We're available Monday–Friday, security and critical bug fixes are available 24/7.

Facebook page

Get the latest news and updates regarding Nilead platform and services.