.png){kind=logo}
WGU C777 – Web Development Applications b1uearmy Created 29/01/24 Save Share Hyper-Text Markup Language Evolution of HTML Structure Elements vs Basic Elements HTML Code Validation Multimedia Embedding HTML Key Concepts HTML5 offers a wider range of development capabilities not possible in prior iterations.• Third-party software like Adobe Flash is no longer required.• Structure elements provide more semantic structure to the document.• Basic elements are used for layout and styling.• Ensuring the web-page is clean, error-free, accessible, and standards compliant according to the W3C.• Use a code validator to validate HTML code.• Example of embedding a video in a webpage: •
Example of embedding an audio file in a webpage: • Tag/Element: Refers to a start tag, end tag, and the content in between.• Give it a go
Cascading Style Sheets (CSS) Techniques Using Cascading Style Sheets (CSS) Technology CSS Key Concepts Attributes: Provide additional information about the element and are located in the start tag.•
Evolution of HTML: Use to inform the browser about the type of
document to be expected.• Basic HTML Elements: Includes elements like
for headings and
for defining a paragraph.• Structure/Semantic Elements: Includes elements like
Multimedia: Includes supported video formats like MPEG-4, WebM, Ogg, and
supported audio formats like MP3, WAV, Ogg.• h1 { color:blue; } - h1 = selector, color:blue = declaration (color = property, blue = value) • #wrapper { font-size: 1.25em; } - #wrapper = selector, font-size: 1.25em = declaration (font-size = property, 1.25em = value) • Example of embedding a style sheet: • Example of creating an inline style:
text here
• External stylesheet is helpful for centrally managing and deploying changes from one single sheet instead of individual sheets or elements.•Selectors: Define the elements to which a set of CSS rules apply, including
tag/element, class, and ID selectors.•
Terminology: Includes properties, values, declarations, and rules.•
CSS Box Model: Refers to the ability to add borders around elements and define the space between elements, including margin, padding, border, and content width/height.• Other CSS Properties: Includes @font-face, box-shadow, color, hanging-punctuation, resize, and vertical-align.•
CSS Positioning Schemes: Specifies the type of positioning method used for an
element, including static, relative, absolute, fixed, overlay, and z-index.•
Introduction to JavaScript JavaScript Key Concepts JavaScript Events, Functions, and Methods Common JavaScript Methods JavaScript Events Float & Clear: Specifies how elements are positioned and formatted, including float for positioning and clear for managing floating elements.• JavaScript runs on the user agent/client side.• Example of embedding a script: [removed] function showMessage() { alert("Hello, World!"); } [removed] • Example of creating an inline script: [removed] function showMessage() { alert("Hello, World!"); } [removed] • Example of creating an external script: [removed][removed]• Objects: Written as name:value pairs and can contain many values, including properties and methods.•
Data Types: Include number, string, boolean, null, and undefined, and data type
conversions can be performed using parseInt() and parseFloat().•
alert(): Displays an alert box with a message and an 'OK' button.•
prompt(): Displays a dialog box that prompts the user for input.•
confirm(): Displays a dialog box with a message, an 'OK' button, and a 'cancel' button.•
[removed](): Directly writes to an open HTML document stream.•
console.log(): Writes a message to the console for testing purposes.•
abort, focus, blur, change, error, select: Events that occur in response to specific actions or occurrences in the browser or user interaction.• Functions: Defined using the function keyword, followed by a name, parameters, and a function block describing its behavior.• Objects: Written as name:value pairs and can contain many values, including properties and methods.•
This product is enhanced with AI and may provide incorrect or problematic content. Please report any content that needs review.Study this material Flashcards
.png)