Web Development

What is html?

HTML means Hyper Text Markup Language.It is the standard markup language for Web pages HTML elements are the building blocks of HTML pages. HTML elements are represented by < > tags

What editor

I am currently using Brackets.io editor to edit my html. I find that it is easy to use and efficient as when I open a tag it would help me to automatically close it which saves time compared to typing everything out. There are also prompts which helps me figure out which tag I need when I forget.

Basic structure of HTML

Basic_Structure

HTML Elements

Element Tag Function
Headings <h1> to <h6> A text header
Paragraph <p> A paragraph
Link <a> Brings you to another website when clicked
List <ul> or <ol> Creates a list, ul is bullet point while ol is in numbers
List <li> Used within the ul/ol element to create new bullets
Image <img src="images/potato.jpg> Allows the placement of images by finding it in the images folder

Attributes and CSS

Each element can have attributes like id and class. id is unique and can only be used onced on an element while class can be used on multiple elements affecting all targeted elements For example, <p id='paragraph'>

Under css, #paragraph{color: blue} allows the element to be styled personally. Also, id uses hashtags in CSS while class uses dot

Repository and Updating

By cloning the repositary that I have on github into my local files with github desktop Everytime I edit using Brackets, I can go into github desktop to update. Adding any comments into the box and "Commit to master" Next, "Push Origin" and the updated local file in my desktop will update the respositary on github website