HTML
Only content inside the opening and closing "___"tags can be displayed to the screen. Once the file has a "___", many different types of content - including text, images, and buttons - can be added
Body
Contains the image URL and is mandatory.
The src attribute
Table Body Element
The table body element, <tbody>, is a semantic element that will contain all table data other than table heading and table footer content. If used, <tbody> will contain all table row <tr> elements, and indicates that <tr> elements make up the body of the table. <table> cannot have both <tbody> and <tr> as direct children.
Table Data Element
The table data element, <td>, can be nested inside a table row element, <tr>, to add a cell of data to a table.
To create a list of items in no particular order. An "___"outlines individual list items with a bullet point.
Unordered list tag (<ul>)
This element can have alternative text called the "___". the Text will be displayed if an image fails to render due to an incorrect URL, if the image format is not supported by the browser
alt Attribute
The document type declaration
<!DOCTYPE html>
<select> Element
An HTML element used to create a selection list. <select name="rental-option"> <option value="small">Small</option> <option value="family">Family Sedan</option> <option value="lux">Luxury</option> </select>
HTML is composed of what?
Elements
pattern Attribute
Provides a format (a regular expression) for an input field, which is used to validate whatever is entered into the field. <form action="/action_page.php"> Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"> <input type="submit"> </form>
In HTML, the computer can interpret what?
Raw text that is wrapped in HTML elements
HyperText is?
Text displayed on a computer or device that provides access to other text through links, also known as hyperlinks.
colspan Attribute
The colspan attribute on a table header <th> or table data <td> element indicates how many columns that particular cell should span within the table. The colspanvalue is set to 1 by default and will take any positive integer between 1 and 1000.
An anchor element is used to create hyperlinks in an HTML document. The hyperlinks can point to other webpages, files on the same server, a location on the same page, or any other URL via the hyperlink reference attribute, href=
<a>. <a href="codecademy.com">Visit this site</a>
One of the most popular elements in HTML, it's a container that divides the page into sections, always add two spaces of indentation when you nest elements inside of it.
<div> Divisions
tag emphasizes text
<em>
Submitting a Form
<form action="/index3.html" method="PUT"></form>
What are the 6 types of headings in HTML? (Largest - Smallest)
<h1> <h2> <h3> <h4> <h5> <h6>
Element contains general information about an HTML page that isn't displayed on the page itself. This information is called metadata
<head>
elements embed images in documents."___" is an empty element meaning it should not have a closing tag.
<img> <img src="url" />
<input>: Radio Button Type
<input name="delivery_option" type="radio" value="pickup" /> <input name="delivery_option" type="radio" value="delivery" />
max Attribute
<input type="number" max="20"> Specifies the maximum value for an input field
min Attribute
<input type="number" name="rating" min="1" max="10"> An attribute that specifies the minimum value of a Web form spin box or range slider.
<input>: Range Type
<input type="range" name="movie-rating" min="0" max="10" step="0.1">
maxlength Attribute
<input type="text" name="tweet" maxlength="140"> Specifies the maximum number of character for an input field
<input> Password Type
<input type="text" name="username" /> <input type="password" name="password" />
minlength Attribute
<input type="text" name="username" minlength="6" />
<input>: Text Type
<input type="text" name="username">
Individual list items must be added to the unordered list using the
<li> tag.
Element creates a list of items in sequential order. Each list item appears numbered by default.
<ol> Ordered List Element
Contains short pieces of text or other HTML. They are used to separate small pieces of content that are on the same line as other content.
<span>
tag highlights important text.
<strong>
<textarea> Element
<textarea rows="10" cols="30" name="comment"></textarea>
Element contains a text that defines the title of an HTML document. The title is displayed in the browser's title bar or tab in which the HTML page is displayed.
<title>
The Element embeds a media player for "___" playback. The src attribute will contain the URL to the "___". Adding the controls attribute will display video controls in the media player.
<video>
<label> Element
An HTML element that marks a text description for a Web form control. <label for="password ">Password:</label> <input type="text" id="password" name="password">
required Attribute
An attribute that must have a value for every entity (or relationship) instance with which it is associated. <input type="password" name="password" required >
HTML paragraph elements are?
An opening tag (<p>), The content ("Hello World!" text), A closing tag (</p>)
Content added to the opening tag of an element and can be used in several different ways, from providing information to changing styling
Attributes
the second HTML tag used to end an HTML element. Closing tags have a forward slash (/) inside of them, directly after the left angle bracket.
Closing tag
Paragraphs <p>
Contain a block of plain text.
Elements structure the webpage and define what?
Content
The information (text or other elements) contained between the opening and closing tags of an HTML element.
Content
HTML submittable input
HTML <input> elements can have a type attribute set to submit, by adding type="submit". With this attribute included, a submit button will be rendered and, by default, will submit the <form> and execute its action.
the element name, surrounded by an opening (<) and closing (>) angle bracket.
HTML Tag
Indentation
HTML code should be formatted such that the indentation level of text increases once for each level of nesting. It is a common convention to use two or four space per level of nesting.
A unit of content in an HTML document formed by HTML tags (Beginning tag <h1> , Ending tag </h1>) and the text or media it contains is called a what?
HTML element
HTML Form Validators
HTML forms allow you to specify different kinds of validation for your input fields to make sure that data is entered correctly before being submitted. HTML supports a number of different validators, including things like minimum value, minimum/maximum length, etc. The validators are specified as attributes on the input field.
<input>: Number Type
HTML input elements can be of type number. These input fields allow the user to enter only numbers and a few special characters inside the field. The example code block shows an input with a type of number and a name of balance. When the input field is a part of a form, the form will receive a key-value pair with the format: name: value after form submission.
The relationship between elements and their ancestor and descendent elements is known as
Hierarchy
HTML stands for what?
Hypertext Markup Language
Comments
In HTML, comments can be added between an opening <!-- and closing -->. Content inside of comments will not be rendered by browsers, and are usually used to describe a part of code or provide other details. Comments can span single or multiple lines.
<Table> Element
In HTML, the <table> element has content that is used to represent a two-dimensional table made of rows and columns.
If you are interested in modifying the spacing in the browser, you can use HTML's (If you are interested in modifying the spacing in the browser, you can use HTML's)
Line break element: <br>
the first HTML tag used to start an HTML element. The tag type is surrounded by opening and closing angle brackets
Opening Tag
The child element is said to be nested inside of the
Parent of an element
rowspan Attribute
Similar to colspan, the rowspan attribute on a table header or table data element indicates how many rows that particular cell should span within the table. The rowspan value is set to 1 by default and will take any positive integer up to 65534.
add "___" spaces of indentation for better readability between the Parent element and the Child element.
Spaces
<form> Element
The HTML <form> element is used to collect and send information to an external source. <form> can contain various input elements. When a user submits the form, information in these input elements is passed to the source which is named in the actionattribute of the form.
<input> Element
The HTML <input> element is used to render a variety of input fields on a webpage including text fields, checkboxes, buttons, etc. <input> element have a typeattribute that determines how it gets rendered to a page. The example code block will create a text input field and a checkbox input field on a webpage.
Link to a Different Part of the Page #
The anchor element <a> can create hyperlinks to different parts of the same HTML document using the href attribute to point to the desired location with #followed by the id of the element to link to.
Attributes are made up of the following two parts
The name of the attribute, The value of the attribute
Table Footer Element
The table footer element, <tfoot>, uses table rows to give footer content or to summarize content at the end of a table.
Table Head Element
The table head element, <thead>, defines the headings of table columns encapsulated in table rows.
Table Heading Element
The table heading element, <th>, is used to add titles to rows and columns of a table and must be enclosed in a table row element, <tr>.
Table Row Element
The table row element, <tr>, is used to add rows to a table before adding table data and table headings.
<input>: Checkbox Type
When using an HTML input element, the type="checkbox" attribute will render a single checkbox item. To create a group of checkboxes related to the same topic, they should all use the same name attribute. Since it's a checkbox, multiple checkboxes can be selected for the same topic.
Whitespace
Whitespace, such as line breaks, added to an HTML document between block-level elements will generally be ignored by the browser and are not added to increase spacing on the rendered HTML page. Rather, whitespace is added for organization and easier reading of the HTML document itself.
<input> name Attribute
an attribute that defines the name of an input <input name="username" id="username" /> <input id="address" />
<datalist> Element
enables you to present the user with a drop-down list of options to select from <input list="ide"> <datalist id="ide"> <option value="Visual Studio Code" /> <option value="Atom" /> <option value="Sublime Text" /> </datalist>
URL paths in HTML can be absolute paths, like a full URL, relative file path that links to a local file in the same folder or on the same server
https://developer.mozilla.org/en-US/docs/Learn or ./style.css
Used to specify different content
id attribute
attribute on an <a> anchor element specifies where a hyperlink should be opened. A target value of "_blank"will tell the browser to open the hyperlink in a new tab in modern browsers, or in a new window in older browsers
target. <a href="https://www.google.com" target="_blank">This anchor element links to google and will open in a new tab or window.</a>
When an element is contained inside another element, it is considered
the child of that element
