MIS2402 – HTML Essentials
LinkedIn Learning Videos
Visit http://linkedinlearning.temple.edu and watch the following videos.
HTML Essential training – Jen Simmons
Notes: This introductory class is very good. Students are encouraged to watch all the videos in the class.
Please make note of the remarks in the table below. Also, there is an accompanying set of hands-on
resources found in the “Exercise Files” that accompany the class. All of these resources are try-it-
yourself links hosted on codepen.io.
Item Title HTML Tags and concepts to focus on
Intro What is HTML?
1.1 The role of HTML HTML, CSS, JavaScript
2.1 The syntax of HTML Elements <p>, Document Object Model
2.2 Paragraphs <p>
2.3 Headlines <h1> <h2> etc.
2.4 Bold and Italics <em> <i> <b> <strong>
2.5 Lists <ol> <ul> <li>
2.6 Quotes In-line elements vs. Block-level elements
2.7 Dates and times Tag attributes
2.8 Code, pre, and br <br>, HTML Entities
2.9 Superscripts, Subscripts, and small
text
3.1 Debugging HTML
3.2 HTML Attributes class, id
3.3 ARIA Codes
3.4 Formatting HTML HTML comments <!-- -->, self closing tags
3.5 Weird Characters HTML Entities ( ©)
4.1 Links <a>, absolute URLs, HTTP, HTTPS
4.2 URL Paths Relative URLs and index.html
4.3 Navigation
5.1 Images <img>
5.2 Image formats
5.3 Responsive images Low priority viewing - sections 5.3 through 6.4
5.4 Responsive width
5.5 Responsive pictures
5.6 Figure and figcaption
6.1 Audio
6.2 Video
6.3 Captions and subtitles
6.4 Embedding other media through
iframes
7.1 Supporting Languages The lang attribute of the <html> tag
7.2 Generic elements: div and span <div> and <span>
8.1 The HTML Page This is important! <!doctype html>
8.2 Document head <meta>, <title>, <link>, <script>
8.3 Structuring content
8.4 Examples of putting it all together
9.1 HTML form basics <form> <label> <input>
9.2 More on forms placeholder, value
9.3 Additional form element types <select> <option>
10.1 When to use tables
10.2 Building table rows <table> <tr> <td> <th>
11 Conclusion HTML5
HTML & CSS: Creating Forms – Clarissa Peterson
Notes: Students are expected to watch only the portions below.
Item Title HTML Tags to focus on
2.1 Basic form structure <form>
<input>
<label>
2.6 Select <select>
<option>
W3 Schools References
After watching the above videos, read the following resources at w3schools.com. Be sure to use the
“Try it yourself” editor feature provided by W3 Schools.
Title URL
HTML Tables https://www.w3schools.com/html/html_tables.asp
HTML Input Tag Input tags of type text and button will be used heavily in this course.
https://www.w3schools.com/tags/att_input_type_button.asp
https://www.w3schools.com/tags/att_input_type_text.asp
You will notice that there are two ways to create a button using HTML. There’s
<input type=’button’> and <button></button>. Both are valid, however, in this
course you will be using <input type=’button’>
HTML Select Tag This one is important. Be sure to give it a try.
https://www.w3schools.com/tags/tag_select.asp
CSS Basics As you work through the following, note the use of the following attributes:
font-family, font-size, margin, padding, width, background-color
CSS Introduction - https://www.w3schools.com/css/css_intro.asp
CSS Syntax - https://www.w3schools.com/css/css_syntax.asp
CSS Selectors - https://www.w3schools.com/css/css_selectors.asp
CSS How to - https://www.w3schools.com/css/css_howto.asp
CSS Margins - https://www.w3schools.com/css/css_margin.asp
CSS Padding - https://www.w3schools.com/css/css_padding.asp
CSS Box Model - https://www.w3schools.com/css/css_boxmodel.asp