Name: IT Specialist: HTML and CSS
Uploaded: 2022-12-14
Duration: 3 min 52 s
Description: IT Specialist: HTML and CSS. “1.1 construct markup that uses metadata elements.”.

IT Specialist: HTML and CSS. “1.1 construct markup that uses metadata elements.”. 

Scene 1

“1.1 construct markup that uses metadata elements.”

1.1 Construct markup that uses metadata elements. 

Scene 2

1.1 Construct markup that uses        metadata elements

Metadata elements will not be visible on the web page but will enhance search engine optimization and web accessibility.

Diagram

Description automatically generated

Metadata elements communicate helpful details about your website.. 

Scene 3

Metadata is defined as “data about data”.

Metadata elements communicate helpful details about your website.

Metadata elements, or tags, are placed within a <head> tag at the beginning of the HTML code.

The <script> and <noscript> tags can be placed within the <head> tag as well as the <body> tag.

One use of metadata elements is to add dynamic script to a web page.. 

Scene 4

Background pattern Description automatically generated with low confidence

One use of metadata elements is to add dynamic script to a web page.

The <script> tag tells a browser you are using JavaScript in your HTML code.

The <noscript> metadata element presents alternative markup (text) to be displayed to users with browsers that do not support scripts or when the user has disabled scripts in their browser.. 

Scene 5

The <noscript> metadata element  presents alternative markup (text) to be displayed to users with browsers that do not support scripts or when the user has disabled scripts in their browser.

What is your favorite color?
Your browser does not support JavaScript!l

The <style> metadata element defines formatting or style information about other elements of your web page.. 

Scene 6

A picture containing graphical user interface Description automatically generated

The <style> metadata element defines formatting or style information about other elements of your web page.

The <link> metadata element tag defines the link between your document and an external source.. 

Scene 7

1
2
3
4
5
6
7
8
9
11
12
13
14
15
16
v
html>
<head>
(meta
tle>
<meta name-I' author" content-I' Jon
<meta ption" to HTML and CSS">
< link ret:" stylesheet"
</head>
is your favorite
<script
document. NO, Yellow... " )
< / scri
< / html>

What is your favorite color?
Blue...No, Yellow...

The <link> metadata element tag defines the link between your document and an external source.

The <meta> metadata element tag defines data about data. 

Scene 8

The <meta> metadata element tag defines data about data

Keywords Viewport settings Page description Encoding

The Encoding dictates how text is transferred and stored.. 

Scene 9

The Encoding dictates how text is transferred and stored.

Within the <meta> tag you will specify a character set.

Using keywords or descriptions in a <meta> tag informs a search engine what topics are included in your website.. 

Scene 10

Using keywords or descriptions in a <meta> tag informs a search engine what topics are included in your website.

By defining viewport settings in the meta tag, you are specifying the user’s visible area of a web page.. 

Scene 11

By defining viewport settings in the meta tag, you are specifying the user’s visible area of a web page.

Doing this, allows you to control the width and scaling of the visible area,  sizing it properly no matter the device.

As you present each metadata element, make sure students are clear how each tag can provide important information for a website’s markup.. 

Scene 12

As you present each metadata element, make sure students are clear how each tag can provide important information for a website’s markup.

Provide examples of each metadata element and explain what information it would communicate.

It would also be helpful to show students where these elements would be placed in a complete sample markup for an html document.

The syntax for the meta tag is different than most tags because they are name/content pairs.. 

Scene 13

The syntax for the meta tag is different than most tags because they are name/content pairs.

Have students practice writing meta name/content pairs for viewport, description, and keywords.

Show a snippet of code and an expansion of how it affects the content.. 

Scene 14

Text letter Description automatically generated

Show a snippet of code and an expansion of how it affects the content.

For example, the expansion could show the impact when viewing with a meta tag or without a meta tag.

Possibly show the differences of viewport on multiple devices.

For keywords and description, the expansion could be a search result.

4:41
•tag
IT Specialist: and CSS
ht•t
Information Technology Specialist program is a
way for Students to validate entry level IT Skills
after by employers. •ne IT Specialist program
is aimed at candidates who considering or just
beginning a parh to a career in information
technology. Students can certify their knowledge in a
range Of topics, software
mobility dcvicc mmvcmcnt, and
codi ng.
Help Students get on the pathway to a
prc»pctous by administering Specialist

The impact of most meta tags are not directly (or easily) seen in the content, which makes them less likely to be used and less likely to be remembered.. 

Scene 15

The impact of most meta tags are not directly (or easily) seen in the content, which makes them less likely to be used and less likely to be remembered.

IT Specialist: HTML and CSS

Scene 1 (0s)

Scene 2 (9s)

Scene 3 (21s)

Scene 4 (39s)

Scene 5 (56s)

Scene 6 (1m 12s)

Scene 7 (1m 26s)

Scene 8 (1m 46s)

Scene 9 (1m 56s)

Scene 10 (2m 6s)

Scene 11 (2m 16s)

Scene 12 (2m 32s)

Scene 13 (2m 50s)

Scene 14 (3m 6s)

Scene 15 (3m 38s)