Mississauga Coding A meetup group

HTML/CSS/JS - Intro Session 2

25 Aug 2015

This week we will continue covering the basic concepts of HTML, CSS and JavaScript.

We will introduce new HTML tags and CSS properties, before touching on some JavaScript as well.

This is where we left off our HTML and CSS files:

index.html

<!doctype html>
<html>

    <head>
    
        <title>My Web Page</title>
        <link rel="stylesheet" href="style.css" /> 
        
    </head>

    <body>
 
        <!-- some comment --> 
        <p>Some text on my web page</p>

    </body>

</html>

style.css

p {
    color: blue; /* or whichever colour you chose */
}

Some more CSS properties

Here are some more CSS properties we can use to further style our solitary paragraph.

font-size 
font-family
font-weight
text-align
border
padding

Two more HTML elements: Drop-downs & Buttons

Drop-downs, also known as combo-boxes or select boxes, give the user a predefined set of choices.

<select>
  <option value="S">Small</option>
  <option value="M">Medium</option>
  <option value="L">Large</option>
</select>

Buttons are another common element on web pages.

<button>Click Me Now</button>

There are many, many more HTML element tags and CSS properties, each with their own attributes and settings respectively.

Some other, very commonly used HTML elements include:

  • a
  • ul , li
  • input
  • div
  • h1 through h6
  • img
  • table

These resource links are provided for your perusal:

Related Posts