1-2 Basic HTML

HTML Syntax - used for elements of a website

Syntax is the grammatical rules and structural patterns governing the ordered use of appropriate words and symbols for issuing commands, writing code, etc., in a particular software application or programming language

To add a paragraph to a website you would type this:

Common HTML Tags

<h1>, <h2>, <h3>...<h6> - headings in different sizes (h1 is the largest)
<p> - paragraph
<img> - image
<div> - division of a page
<br> - line break
<a> - hyperlink

Complete list of tags

Setting up a Basic HTML Page


Standard Deliverable:

What do you think has been the most important development in technology? Identify a technology that has been important, person or company that invented it, and why you think it’s important. Your paragraph should be 3-4 sentences. Also include your name. Create a basic webpage using HTML. Use http://codepen.io to create this page and submit a link to your ‘codepen’ for the assignment. Name your codepen file “History of Computers”

Required Elements:

1) A Large Heading for your technology (h1)

2) A Smaller Heading for name of inventor or company (h2)

3) A Smaller Heading for your name (h3)

4) A paragraph about why you think the technology is important (p)

Advanced Deliverable:

1) Add an image to your site using the <img> HTML element.

2) Add italics and bold to something on your website. (Hint: search emphasis for italics)

Use Google search and https://w3schools.com as a primary reference to complete this activity as needed.

Code Review Exercises:

1) HTML Basics - Write a Poem

2) Bold/Italics - You Can Learn Text Tags

3) Lists - Your Learning List

4) Images - A Picture-Perfect Trip

5) Links - Links You Love