HTML

Lakukan tugas rumah & ujian kamu dengan baik sekarang menggunakan Quizwiz!

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


Set pelajaran terkait

"The Black Cat" Comprehension Questions

View Set

Business Communications Chapters 5

View Set

ACC 216 Chapter Nine (final exam)

View Set

Business Communication Final Review

View Set

Week 10: Obsessive Compulsive Disorder

View Set

Chapter 6 What Is Consumer Credit

View Set

CGS-2100C Power Point Quiz 5 (2018)

View Set