HTML5 and CSS: The Basics Asset List
- Current folder path within the WCMS: /training/htmba/files/pc
- Title Code: htmba
- Title Description Page: https://ittraining.iu.edu/explore-topics/titles/htmba
- Expand Course URL: http://expand.iu.edu/browse/ittraining/single/courses/htmba
Expand the accordions to see the lists of assets and their properties.
HTML5 and CSS: The Basics: Pages: 14 total
A basic introduction to markup, HTML, and CSS and the history, current model, and governing body of web development.
- Asset Path: /training/htmba/files/pc/understanding-html
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/understanding-html
- Asset System Name: understanding-html
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn about the file type and naming scheme for HTML documents and create an HTML document from scratch.
- Asset Path: /training/htmba/files/pc/beginning-an-html-document
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/beginning-an-html-document
- Asset System Name: beginning-an-html-document
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn the essentials of HTML5 syntax including the required HTML elements, proper element nesting, document types, and how HTML5 handles white space.
- Asset Path: /training/htmba/files/pc/starting-with-html5
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/starting-with-html5
- Asset System Name: starting-with-html5
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Add plain text to a page and add structure with paragraphs, headings, lists, hyperlinks, and empty elements. This section will introduce images, breaks, attributes, and block and inline elements.
- Asset Path: /training/htmba/files/pc/introducing-content
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/introducing-content
- Asset System Name: introducing-content
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn the basics of Cascading Style Sheets including the parts of a CSS rule, types of stylesheets, writing rules, selecting elements, and working with fonts. Learn about CSS overrides, inheritance, precedence, and adding color to a page.
- Asset Path: /training/htmba/files/pc/introducing-css
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/introducing-css
- Asset System Name: introducing-css
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Add additional structure to the page, including headers, footers, navigation, and other semantic markup to create a robust structure for the content on the page. This section also introduces how to identify individual sections of a page with IDs.
- Asset Path: /training/htmba/files/pc/dividing-a-page-into-logical-sections
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/dividing-a-page-into-logical-sections
- Asset System Name: dividing-a-page-into-logical-sections
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Want some extra practice with CSS? This section contains a task to help understand more about how CSS works.
- Asset Path: /training/htmba/files/pc/challenge-exercise-1-styling-the-exp-section-heading-2-element
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/challenge-exercise-1-styling-the-exp-section-heading-2-element
- Asset System Name: challenge-exercise-1-styling-the-exp-section-heading-2-element
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn about classes and how they make designing more flexible and specific. This section introduces both the CSS and HTML syntax for working with classes.
- Asset Path: /training/htmba/files/pc/adding-class-attributes
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/adding-class-attributes
- Asset System Name: adding-class-attributes
- Asset Data Definition: Page - Content Blob
- Last modified by: litc
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn techniques for saving typing. Type less and create more readable code using shorthand. This section introduces multiple value syntax and borders.
- Asset Path: /training/htmba/files/pc/understanding-css-shorthand
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/understanding-css-shorthand
- Asset System Name: understanding-css-shorthand
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn the different parts of the HTML box model, how to manipulate them, and how elements relate to each other. This section also introduces floating, background images, padding, and margin.
- Asset Path: /training/htmba/files/pc/understanding-css-positioning-and-layout
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/understanding-css-positioning-and-layout
- Asset System Name: understanding-css-positioning-and-layout
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Need some extra practice with the box model? Try out this task!
- Asset Path: /training/htmba/files/pc/challenge-exercise-2-pushing-the-nav-links-to-the-right
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/challenge-exercise-2-pushing-the-nav-links-to-the-right
- Asset System Name: challenge-exercise-2-pushing-the-nav-links-to-the-right
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn how and why to identify the primary language of a page by using the lang attribute.
- Asset Path: /training/htmba/files/pc/using-the-lang-attribute
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/using-the-lang-attribute
- Asset System Name: using-the-lang-attribute
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Check work with this final code listing. See all the code for the Equinuture web page.
- Asset Path: /training/htmba/files/pc/appendix-final-code-listing
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/appendix-final-code-listing
- Asset System Name: appendix-final-code-listing
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
HTML5 and CSS: The Basics: : 2 total
HTML5 and CSS: The Basics: Files: 0 total
HTML5 and CSS: The Basics Asset List
- Current folder path within the WCMS: /training/htmba/files/pc
- Title Code: htmba
- Title Description Page: https://ittraining.iu.edu/explore-topics/titles/htmba
- Expand Course URL: http://expand.iu.edu/browse/ittraining/single/courses/htmba
Expand the accordions to see the lists of assets and their properties.
HTML5 and CSS: The Basics: Pages: 14 total
A basic introduction to markup, HTML, and CSS and the history, current model, and governing body of web development.
- Asset Path: /training/htmba/files/pc/understanding-html
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/understanding-html
- Asset System Name: understanding-html
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn about the file type and naming scheme for HTML documents and create an HTML document from scratch.
- Asset Path: /training/htmba/files/pc/beginning-an-html-document
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/beginning-an-html-document
- Asset System Name: beginning-an-html-document
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn the essentials of HTML5 syntax including the required HTML elements, proper element nesting, document types, and how HTML5 handles white space.
- Asset Path: /training/htmba/files/pc/starting-with-html5
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/starting-with-html5
- Asset System Name: starting-with-html5
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Add plain text to a page and add structure with paragraphs, headings, lists, hyperlinks, and empty elements. This section will introduce images, breaks, attributes, and block and inline elements.
- Asset Path: /training/htmba/files/pc/introducing-content
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/introducing-content
- Asset System Name: introducing-content
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn the basics of Cascading Style Sheets including the parts of a CSS rule, types of stylesheets, writing rules, selecting elements, and working with fonts. Learn about CSS overrides, inheritance, precedence, and adding color to a page.
- Asset Path: /training/htmba/files/pc/introducing-css
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/introducing-css
- Asset System Name: introducing-css
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Add additional structure to the page, including headers, footers, navigation, and other semantic markup to create a robust structure for the content on the page. This section also introduces how to identify individual sections of a page with IDs.
- Asset Path: /training/htmba/files/pc/dividing-a-page-into-logical-sections
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/dividing-a-page-into-logical-sections
- Asset System Name: dividing-a-page-into-logical-sections
- Asset Data Definition: Page - Content Blob
- Last modified by: tlmason
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Want some extra practice with CSS? This section contains a task to help understand more about how CSS works.
- Asset Path: /training/htmba/files/pc/challenge-exercise-1-styling-the-exp-section-heading-2-element
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/challenge-exercise-1-styling-the-exp-section-heading-2-element
- Asset System Name: challenge-exercise-1-styling-the-exp-section-heading-2-element
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn about classes and how they make designing more flexible and specific. This section introduces both the CSS and HTML syntax for working with classes.
- Asset Path: /training/htmba/files/pc/adding-class-attributes
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/adding-class-attributes
- Asset System Name: adding-class-attributes
- Asset Data Definition: Page - Content Blob
- Last modified by: litc
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn techniques for saving typing. Type less and create more readable code using shorthand. This section introduces multiple value syntax and borders.
- Asset Path: /training/htmba/files/pc/understanding-css-shorthand
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/understanding-css-shorthand
- Asset System Name: understanding-css-shorthand
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn the different parts of the HTML box model, how to manipulate them, and how elements relate to each other. This section also introduces floating, background images, padding, and margin.
- Asset Path: /training/htmba/files/pc/understanding-css-positioning-and-layout
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/understanding-css-positioning-and-layout
- Asset System Name: understanding-css-positioning-and-layout
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Need some extra practice with the box model? Try out this task!
- Asset Path: /training/htmba/files/pc/challenge-exercise-2-pushing-the-nav-links-to-the-right
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/challenge-exercise-2-pushing-the-nav-links-to-the-right
- Asset System Name: challenge-exercise-2-pushing-the-nav-links-to-the-right
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Learn how and why to identify the primary language of a page by using the lang attribute.
- Asset Path: /training/htmba/files/pc/using-the-lang-attribute
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/using-the-lang-attribute
- Asset System Name: using-the-lang-attribute
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From:
Check work with this final code listing. See all the code for the Equinuture web page.
- Asset Path: /training/htmba/files/pc/appendix-final-code-listing
- Asset Link: site://IU-UITS-ITTRAIN.content/training/htmba/files/pc/appendix-final-code-listing
- Asset System Name: appendix-final-code-listing
- Asset Data Definition: Page - Content Blob
- Last modified by: jloakes
- Asset Indexable: true
- Asset Publishable: true
- Last Published Date: Wed Jul 24 17:08:17 EDT 2024
- Last Published By: jloakes
- Linked From: