A beginners guide to web development
At the heart of any general website or web page are lines of code in HTML and CSS. HTML, the web development language to render content and CSS, which styles the content.
HTML, the acronym representing Hypertext Markup Language, is the language the web browser reads to generate textual content onto browsers. This type of language is made up of components called tags. Tags define particular elements in the document and is human-readable. For example, “p” **referncing paragraph, **“img” referencing image, and “li” referncing list item. HTML files are saved with a .html file extension.
With that out of the way, let’s dive into creating our first web page to render it onto the browser using HTML!
Getting Started
When building anything, there are specific set of tools required. In relation to web development, the software tools to build a website are:
- Code Editor (i.e. NotePad++, eclipse, atom, etc.)
- Understanding of Basic HTML
- Understanding of Basic CSS
Intro to HTML
Using a code editor, create a file named **index.html**where you will store your webpage’s code.
Your basic structure in creating a webpage using html will represent a sandwich like structure.
The first line of code will specify the document type to the browser that the file is a html document. The html tags can be treated like the 2 buns in a sandwich and the head and body tags can be thought of as the meat of the sandwich.
#web-development #html #css #html-css #webdev
