Links to external websites

Links to external websites are created using the <a> tag.

Buttons

The tag is <button>, we have not attached any functions or routes for this button upon being clicked. We will be going through that later on in the course.

Exercise Set 1

Using headers, lists and paragraphs - create the following output in html code. You should replace the actual words and customize it to display the information you want to see. The solution is shown on page 2.


HTML Unordered and Ordered Lists

We have two examples of lists. Unordered lists show up with bullet points. Unordered lists are denoted with the <ul> tag. Ordered lists are numbered. They are denoted by the <ol> tag. <li> stands for list item.

HTML paragraph tags

This shows how to create paragraphs of text, using the <p> tag.

HTML Heading Tags

Heading tags in html range from largest to smallest. h1 is the largest header size text and h6 is the smallest header size text.

Structure of a HTML document

This is the basic structure of an HTML document. All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>.

What is HTML?

HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of a Web page HTML consists of a series of elements HTML elements tell the browser how to display the content HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the content of the page

Important note about course structure

The content in the videos and the descriptions are the same. It is up to you to choose how you want to learn the material. If the descriptions and the code are sufficient, you can skip the videos. If you would prefer to watch the videos and see the code in action, you can also learn that way.

HTML Editor

We will be using codepen as our primary editor for this course. The link is pasted below, you will also embed Codepen into your Nexclap portfolios.

https://codepen.io/

Welcome to HTML5/CSS Level 1A by Siliconvalley4u

This course will introduce you to the world of HTML5/CSS and its capabilities. We will be designing websites using modern day methods.