Basic Introduction to HTML and CSS – Part 1

This is a basic introduction for creating a web page using HTML and styling the web page with Cascading Style Sheets (CSS). Web pages, along with all programs and applications, are created using code. There are many different types of coding languages developed by different people to serve their own specific purpose. HTML is one of the more widely used coding languages out of the many that is used in creating websites. Part 1 will be the introduction to some of the basics for creating a web page using html, while part 2 will be an introduction into CSS and styling your web page.

HTML generally follows a basic structure when creating a website. There is a code that defines the document type, followed by html tags that encompass the head and body of a web page. The head contains all the meta information that is unseen, while the body is used to create the contents of a web page.

Screen Shot 2016-02-26 at 9.28.42 am

Now that the general structure of a web page has been established, the following will be a brief introduction to the head section of code. The head section of code is used to link and reference the unseen contents of a page, such as the title and indexing information, as well as linking style sheets that gives html a reference for formatting and stylisation. Think of it as the foundations of the web page in which the content (or the body) of the web page is built on.

Screen Shot 2016-02-26 at 9.26.47 am

After setting up the head section of a web page, it is time to create the body. The body, and the code associated with it, are what creates the visible elements of a web page. If the head is the foundation than the body is the content that is actually seen. Below are some examples of the basic elements that can be created for a web page.

Screen Shot 2016-02-26 at 9.27.03 am

This concludes Part 1 of “Basic Introduction to HTML and CSS “. Part 2 will introduce Cascading Style Sheets or CSS which is a simple way of formatting and stylising your web page.