CxD Archive
Intro to Informatics and Web Development
Intro to Informatics and Web Development
  • Intro to Informatics and Web Development - Front Page
  • 1-1 Intro to Code References
  • 1-2 Basic HTML
  • 1-3 Basic CSS
  • 1-4 Classes and IDs
  • 1-5 Javascript
  • 1-6 Javascript Objects
  • 1-7 If...Else Statements
  • 1-8 For Loops
  • 2-1 Intro to User and Product Research
  • 2-2 Product Investigation
  • 2-3 Interviews
  • 2-4 Personas
  • 3-1 Intro to Interaction Design
  • 3-2 Sketching Interfaces
  • 3-3 Prototypes and Interaction Storyboards
  • 1-8 For Loops
Powered by GitBook
On this page
  • HTML Syntax - used for elements of a website
  • Common HTML Tags
  • Setting up a Basic HTML Page
  • Assignment
  • Standard Deliverable:
  • Advanced Deliverable:
  • Code Review Exercises:
Export as PDF

1-2 Basic HTML

Previous1-1 Intro to Code ReferencesNext1-3 Basic CSS

Last updated 4 years ago

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

Setting up a Basic HTML Page

Assignment

Standard Deliverable:

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)

Code Review Exercises:

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 to create this page and submit a link to your ‘codepen’ for the assignment. Name your codepen file “History of Computers”

Use Google search and as a primary reference to complete this activity as needed.

1) HTML Basics -

2) Bold/Italics -

3) Lists -

4) Images -

5) Links -

Complete list of tags
http://codepen.io
https://w3schools.com
Write a Poem
You Can Learn Text Tags
Your Learning List
A Picture-Perfect Trip
Links You Love