HTML and CSS Flashcards
what are the opening and closing tags for the largest heading
<h1></h1>
what opening and closing tags do you put the code for your website in
<body></body>
What opening and closing tags are used for a paragraph
<p></p>
what opening and closing tags used to break up one paragraph from another
<div></div>
what are the opening and closing tags for the second largest heading
<h2></h2>
what are the opening an closing tags for the third largest heading
<h3></h3>
what do you add to the opening div tag to show the attribute of the line
Id=”…”>
What are the opening and closing tags that put certain words in italics
<em></em>
What are the opening and closing tags that put certain words in bold
<strong></strong>
What does HTML stand for
Hyper Text Markup Language
What is HTML used for
HTML provides structure to the content appearing on a website, such as images, text, or videos.
HTML is composed of elements. Describe an HTML element.
An element is made up of:
- an opening tag <p>
- The content “Hello World” text
- A closing tag </p>
how many heading elements are there
6 heading elements
Which one is used of main headings
heading 1
what is the <p> element used for
The paragraph element is used for displaying text
what is the tag for a line break
<br></br>
What are the opening and closing tags for an unordered list
<ul></ul>
what are the opening and closing tags for an ordered list
<ol></ol>
what are the opening and closing tags that you use within and unordered/ordered list
<li></li>
What is the tag that you use for an image
<img></img>
What do you put inside an image tag to include an alt
alt=”your text”
what is tag that you use to add a video to your website
<video>
</video>
what do you put in your video tag to adjust the width and size of the video
height/width=however many pixels you want
what is unique about the line break tag
it is the only tag with composed of one starting tag only
Write the HTML code to create the list below:
1.Disney+
2.Netflix
3.Amazon Prime
<ol>
<li>Disney+</li>
<li>Netflix</li>
<li>Amazon Prime</li>
</ol>
Write the HTML code to create the list below:
January
February
March
<ul>
<li>January</li>
<li>February</li>
<li>March</li>
</ul>
What is the attribute that is required when using the <img></img> tag?
Describe its purpose
The attribute that must be used in src. This is the source, or location of the image.
‘Alt’ is another attribute that can be used with the <img></img> tag. This is used to add alternative text. State one purpose of this alternative text.
-If an image fails to load on a web page, a user can move the mouse over the area intended for the image and read a brief description of the image.
-Visually impaired users often browse the web with the aid of screen reading software. It will read the image’s description out loud to the visually impaired user.
-Search engines cannot see images on websites as they crawl the internet. Having descriptive alt attributes can improve the ranking of your site.
What does URL Stand for
Universe Resource Locater
What is a URL
This is the address (location) where a file is stored
Videos can be added to a web page using the <video> tag. Width, height and controls are attributes that can be used with this tag. Explain what each attribute is for.</video>
Width and height are used to set the size of the video displayed in the browser.
Controls attribute instructs the browser to include the basic video controls: pause, play and skip.
what is the tag used to create a link on a website
<a>clickable text</a>
what CSS tag do you use to make a certain things background a certain colour
thing that you want to change the colour of{
background-color: your colour;
}
What CSS tag do you use to change somethings colour
thing you want to change the colour of {
color:your colour;
}
What CSS tag do you use to change the font of something
Thing you want to change the font of {
font-family: your font;
what CSS tag is used to change the size of the text
text you want to change the font size of }
font-size: your sizept;
what CSS tag do you use to get and underlined piece of text
Text you want to underline }
text decoration: underline;
}
what CSS tag do you use to move something to each side of the screen or the middle
text you want to move }
text-align: centre;
}
