lOMoAR cPSD| 57629747
WGU 777/WEB
DEVELOPMENT
WEB DEVELOPMENT
APPLICATIONS (WESTERN
GOVERNORS UNIVERSITY)
, lOMoAR cPSD| 57629747
WGU C777 – Web Development Applications – Notes
1. – Hyper-Text Markup Language
Study Questions.
1. What is the web development trifecta?
HTML, CSS, JS.
2. What is the role of HTML in the web trifecta?
HTML simply creates and structures the site’s contents.
3. What is the role of CSS in the web trifecta?
CSS adds style and formatting to the structures.
4. What is the role of JavaScript in the web trifecta?
JS defines the behavior of the site into something that users can
interact with.
5. How has HTML evolved to support modern design techniques?
• HTML5 offers a wider range of development capabilities not
possible in prior iterations.
• Also, third-party software like Adobe Flash is no longer required.
6. Why is the doctype important?
Because it is used to inform the browser about the version of HTML
that the site is written in.
7. How is an ordered list created? An unordered list?
• Unordered, <ul>
• Item
• Item
• Item
• Item
• Ordered, <ol>
Downloaded by Collins Mwaniki
()
, lOMoAR cPSD| 57629747
1. First Item
2. Second Item
3. Third Item
4. Fourth Item
1. How are structure elements different from basic elements?
• Structure elements are used to provide more structure to the
document.
• More semantic.
• Basic elements are used for layout/styling.
• More basic.
2. How is HTML code validated?
By ensuring that the web-page is clean, error-free, accessible,
and standards compliant according to the W3C. Do it by using a
code validator.
3. Why is it important to validate code and adopt a single standard?
• It helps create cross-browser/cross-platform
compatible web pages and ensures compatibility
with future versions of web browsers/standards.
• Increases search engine visibility. Reduces
unexpected errors.
4. Give an example of how to embed a video in a webpage.
<video width="320" height="240" controls autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
5. Give an example of how to embed an audio file in a webpage.
<audio loop>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>
Downloaded by Collins Mwaniki ()
, lOMoAR cPSD| 57629747
6. Use the following code example and label which portions are the element,
attribute, opening tag, and closing tag:
• <p class="bg-gray" style="color:blue;">This is a paragraph with blue
text</p>
• Opening, element (includes the entire thing), attribute, closing.
• Key Concepts.
1. HTML
• Tag/Element:
• Refers to a start tag, and end tag, and the content in
between.
• Start tag: <h1>
• Element content: This is a Heading
• End tag: </h1>
• All together: <h1>This is a Heading</h1>
• Attributes:
• Refers to things that provide additional information about the
element.
• HTML elements can have attributes.
• They are located in the start tag. Comes in
name/value pairs.
• charset=”utf-8”
2. Evolution of HTML
Use <!DOCTYPE> to provide information to the browser about
what type of document is to be expected.
3. Validating HTML
Use a code validator/the W3C markup validation service.
4. <!DOCTYPE>
• Used to provide information to the browser about what type of
document is to be expected.
• All HTML documents must start with a DOCTYPE declaration.
Downloaded by Collins Mwaniki
()
WGU 777/WEB
DEVELOPMENT
WEB DEVELOPMENT
APPLICATIONS (WESTERN
GOVERNORS UNIVERSITY)
, lOMoAR cPSD| 57629747
WGU C777 – Web Development Applications – Notes
1. – Hyper-Text Markup Language
Study Questions.
1. What is the web development trifecta?
HTML, CSS, JS.
2. What is the role of HTML in the web trifecta?
HTML simply creates and structures the site’s contents.
3. What is the role of CSS in the web trifecta?
CSS adds style and formatting to the structures.
4. What is the role of JavaScript in the web trifecta?
JS defines the behavior of the site into something that users can
interact with.
5. How has HTML evolved to support modern design techniques?
• HTML5 offers a wider range of development capabilities not
possible in prior iterations.
• Also, third-party software like Adobe Flash is no longer required.
6. Why is the doctype important?
Because it is used to inform the browser about the version of HTML
that the site is written in.
7. How is an ordered list created? An unordered list?
• Unordered, <ul>
• Item
• Item
• Item
• Item
• Ordered, <ol>
Downloaded by Collins Mwaniki
()
, lOMoAR cPSD| 57629747
1. First Item
2. Second Item
3. Third Item
4. Fourth Item
1. How are structure elements different from basic elements?
• Structure elements are used to provide more structure to the
document.
• More semantic.
• Basic elements are used for layout/styling.
• More basic.
2. How is HTML code validated?
By ensuring that the web-page is clean, error-free, accessible,
and standards compliant according to the W3C. Do it by using a
code validator.
3. Why is it important to validate code and adopt a single standard?
• It helps create cross-browser/cross-platform
compatible web pages and ensures compatibility
with future versions of web browsers/standards.
• Increases search engine visibility. Reduces
unexpected errors.
4. Give an example of how to embed a video in a webpage.
<video width="320" height="240" controls autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
5. Give an example of how to embed an audio file in a webpage.
<audio loop>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>
Downloaded by Collins Mwaniki ()
, lOMoAR cPSD| 57629747
6. Use the following code example and label which portions are the element,
attribute, opening tag, and closing tag:
• <p class="bg-gray" style="color:blue;">This is a paragraph with blue
text</p>
• Opening, element (includes the entire thing), attribute, closing.
• Key Concepts.
1. HTML
• Tag/Element:
• Refers to a start tag, and end tag, and the content in
between.
• Start tag: <h1>
• Element content: This is a Heading
• End tag: </h1>
• All together: <h1>This is a Heading</h1>
• Attributes:
• Refers to things that provide additional information about the
element.
• HTML elements can have attributes.
• They are located in the start tag. Comes in
name/value pairs.
• charset=”utf-8”
2. Evolution of HTML
Use <!DOCTYPE> to provide information to the browser about
what type of document is to be expected.
3. Validating HTML
Use a code validator/the W3C markup validation service.
4. <!DOCTYPE>
• Used to provide information to the browser about what type of
document is to be expected.
• All HTML documents must start with a DOCTYPE declaration.
Downloaded by Collins Mwaniki
()
