HTML Flashcards
Basics
Which is the language to describe the STRUCTURE of a web page?
HTML (Hyper Text Markup Language
Which is the language to describe the APPEARANCE of a web page?
CSS (Cascading Style Sheets)
Phrase for meaning your page responds to the type of device a person is using and displays appropriately on mobile, desktop, and tablet
Responsive Degisn
What are the building blocks of HTML pages?
Elements
What are HTML elements represented by?
Tags
In HTML how are pieces of content such as “heading”, “paragraph”, and “table” labeled?
With Tags
What element is the root element of an HTML page?
the HTML element
What element contains meta information about the document?
the HEAD element
What element specifies a title for the document?
The TITLE element
What element contains the visible page content?
The BODY element
What element defines a large heading?
,<,h,1><,/,h,1>
What element defines a paragraph?
,<,p,> ,<,/,p>
What is used to define the characteristics of an HTML element and is placed inside the element’s opening tag?
An Attribute
All attributes are made up of what two parts?
A name and a value
How many attributes can an element have?
More than one; Multiple.
Can an element be nested within another element?
Yes; True
Write code for an href attribute specifying the link’s destination with opening and closing tags.
Possible Answer: Visit W3Schools
,<,,a,, href,=,”https://www.w3schools.com,,”,,>,,,,,Visit W3Schools,<,/,a,>
Headings
Are attributes always specified in the 1) Start Tag or 2) Ending Tab?
1) Start Tag
Write Code for an H1 heading “Hello World” with a background color of blue.
INLINE CODE that is
.<.h.1 style=”background-color:Blue;”>Hello World<./.h.1.>
Hello World
What is an example of a common self closing tab?
Images tag.
As opposed to ID’s what is not unique but instead group like content?
Classes
Write Code to designate an id of “post_1” within the div class of “widget”
What element contains the metadata about the HTML document?
The element
Write code for an image file “cat.jpg” within a paragraph.
Which element contains different information about the document, such as the charset (which defines the character encoding for the document) and the viewport (which gives the browser instructions on how to control the page’s dimensions)?
: The meta element
What specifies the HIERARCHICAL RELATIONSHIP between elements in a document?
HTML is about structuring content, we mean two things. First, we mean that an HTML document specifies each and every one of its elements, but it also specifies the hierarchical relationship between the elements in a document.
In the absence of custom style information (in the form of CSS), all modern browsers have default styles they will use to display HTML. In order to cancel out style differences between browsers, frontend developers often use what is called __________ to zero out default styles
A CSS Reset
Write code to show a comment only (not to be rendered) of “comment text”
Write code for a video “test.mp4” that will be muted, looped, with controls.
Write code for an e-mail link with the e-address showing as the link.
Web browsers display the text in the ___ element in the browser tab. Web crawlers also look to this element to help classify web pages, so it plays an important part in SEO. The ___ element is required for all HTML documents.
.<.title.>.
The ___ element creates a link between the HTML document and other resources, such as stylesheets (written in CSS).
.<.link.>.
The ____ element is used to define the frontend JavaScript for a web page. It can either link to an external JS file (which is how we’ll use it in this course) or contain _____ directly in the HTML file.
The script element..
scripts
The script element can live in the _____ or the _____ depending on which features you want to load first.
head
body
