Scribd
Upload
48 views

Reference HTML Essentials

The document provides instructions for students to watch LinkedIn Learning videos on HTML essentials and creating forms in HTML & CSS. It lists the videos and key HTML tags and concepts for students to focus on. It also includes references on HTML tables, input tags, select tags and CSS basics for students to review on the W3Schools website.

Uploaded by

alexei saenz
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
48 views

Reference HTML Essentials

The document provides instructions for students to watch LinkedIn Learning videos on HTML essentials and creating forms in HTML & CSS. It lists the videos and key HTML tags and concepts for students to focus on. It also includes references on HTML tables, input tags, select tags and CSS basics for students to review on the W3Schools website.

Uploaded by

alexei saenz
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

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 (&nbsp; &copy;)
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

You might also like