Section 1
Preview this deck
<HTML>
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 14, 2020
Cards (65)
Section 1
(50 cards)
<HTML>
The ROOT element that specifies that the content of the document is HTML.
Empty HTML Elements
HTML elements with no content and do not have a closing tag.
HTML IMG tag
Defines an image in an HTML page. Requires attributes src and alt. Links image to HTML page Creates a holding space for the referenced image
Padding
Clears an area around the content. Is affected by the background color of the box.
Cascading Order
When there is more than one style specified for an HTML element, the styles will cascade into a new "virtual" style sheet by: Browser default External style sheet Internal style sheet (in the head section) Inline style (inside an HTML element) HIGHEST PRIORITY
href
This attribute specifies the destination of a link.
CSS Selector
Is normally the HTML element you want to style.
CSS Box Model Visual
TCP
Transmission Control Protocol, the basic communication protocol of the internet.
ID Selector
# uses ID attribute of HTML element. The id selector is used to specify a style for a single, unique element.
Content
The content of the box, where text and images appear.
CSS Property
This is the style attribute you want to change. Each of these has a value.
IP
Internet Protocol, the basic communication language of the internet.
Border.
Goes around the padding and content. It is affected by the background color of the box.
CSS Insertion
External style sheet Internal style sheet Inline style
CSS Syntax
A CSS rule has a SELECTOR and one or more DECLARATIONS.
Cascading Style Sheets
Define how to display HTML elements. Were added to HTML to 4.0 to solve a problem.
<img>
Empty HTML tag that defines an image reference.
CSS Internal Stylesheet Syntax
<head> <style type="text/css"> / This is a CSS Comment / hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </style> </head>
External Style Sheets
Can save a lot of work. Are stored in CSS files.
HREF
Hypertext Reference
CSS
Cascading Style Sheets.
CSS Declaration
Each of these consists of a property and a value.
CSS External Stylesheet Syntax
<head> <link rel="stylesheet" type="text/css" href="mystyle.css" > </head>
CSS External Stylesheet
Ideal when the style is applied to many pages. You can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag, which goes inside the <head> section.
Margin
Clears an area around the border. It does not have a background color, it is completely transparent.
<TITLE>
Defined the title of the page
HTML Elements
Are written with a start tag and end tag, with content in between. The element is everything from the start tag to the end tag. <h1> content </h1>
CSS Internal Stylesheet
Should be used when a single document has a unique style. You define this style in the head section of an HTML page, by using the <style> tag, like this.
<HEAD>
The HEADER of an HTML document where information about the document is placed.
<BODY>
The main body of an HTML document where all the content is placed. This element MUST be used and only ONCE.
Semantic Elements
<header> <nav> <main> <section> <article> <aside> <footer>
<a> tag
Links are specified in HTML using the <a> tag, and can be used in two ways. -To create a link to another document, by using the HREF attribute -To create a bookmark inside a document, by using the NAME ATTRIBUTE.
HTML links
Links are specified in HTML using the <a> tag.
URL
Uniform Resource Locator
HTML (Hypertext Markup Language)
Written in the form of HTML ELEMENTS consisting of tag surrounded by angle brackets within the web page. HTML Element: <tag>content</tag> Is a mark-up language that uses mark-up tags to describe web pages. It is NOT a programming language
Hyperlink
A word, group of words, or image that you can click on to jump to a new document or a new section within the current document.
Tag Selector
This selector is an HTML element you want to style.
Universal Selector
* to define selector This selector is used to define a rule for all elements.
HTTP
Hypertext Transfer Protocol
markup language
Is a set of markup tags
HTML Nested Elements
HTML elements that contain other elements. <header> <h1> content </h1> </header>
<br>
Empty HTML tag that defines a line break
Hyperlinks
A reference to data that the reader can directly follow or that is followed automatically. -Points to a whole document -Point to a specific element within that document
HTML
Hypertext Mark-up Language. Language for describing websites.
HTML IMG Syntax
<img src="smiley.gif" alt="Smiley face">
HTMl Link Syntax
a href="url">Link text</a>
Class Selector
. uses HTML Class attribute. Is used to specify a style for a group of elements. Used on several elements. Sets a particular style for many HTML elements with the same class.
Inline Element
These elements are normally displayed without line breaks.
Block Level Element
These elements normally start (and end) with a new line, when displayed in a browser.
Section 2
(15 cards)