TOPIC 4 Flashcards
provide an easy way to present information in an organized manner.
Lists
What are the two types of lists in HTML
ordered lists (for numbered items)
unordered lists (for bulleted items)
An _______ starts with the tag.
Each list item starts with the tag. The list items will be marked with bullets (small black circles) by default
Unordered List (<ul>)
What are the unordered list styles
Disc
Circle
Square
None
It is a unordered list style that sets the list item marker to a bullet (default)
Disc
It is a unordered list style that sets the list item marker to a circle
Circle
It is a unordered list style that Sets the list item marker to a square
Square
It is a unordered list style that The list items will not be marked
None
starts with the <ol> tag. Each list item starts with the <li> tag.
An ordered list (<ol>)
The list items will be marked with numbers by default, an _______ will start counting from 1. If you want to start counting from a specified number, you can use the start attribute.
An ordered list (<ol>)
What are the ordered list types
type= “1”
type= “A”
type= “a”
type= “I”
type=”i”
It is a ordered list type that list items will be numbered with numbers (default).
type= “1”
It is a ordered list type that list items will be numbered with uppercase letters.
type= “A”
It is a ordered list type that list list items will be numbered with lowercase letters. It is a ordered list type that list
type= “a”
It is a ordered list type that list items will be numbered with uppercase roman numbers.
type= “I”
It is a ordered list type that list items will be numbered with lowercase roman numbers.
type= “i”
Enumerate the list tags
< ul >
< ol >
< li >
< dl >
< dt >
< dd >
Defines an unordered list.
<ul>
</ul>
Defines a list item.
<li>
</li>
Defines an ordered list.
<ol>
</ol>
Defines a description list.
<dl>
</dl>
Defines a term/name in a description list.
<dt>
</dt>
Defines a description of a term/name in a description list.
<dd>
</dd>
are an essential part of web development that allow users to interact with a website by inputting and submitting data.
HTML Web Forms
These are typically used for tasks like logging in, signing up, submitting feedback, making purchases, or searching for information
Forms
What are the key features of HTML Web Forms
Data Input and Collection
Action and Method Forms
Interactivity
Form Elements
It is a key feature of web forms that states that Forms provide various input fields, such as text boxes, checkboxes, radio buttons, and dropdowns, to gather information from users.
Data Input and Collection
It is a key feature of web forms that states that to use the tag with attributes like action (the URL where the data is sent) and method (HTTP methods like GET or POST) to define how and where the data is processed.
Action and Method Forms
It is a key feature of web forms that states that HTML forms make websites interactive by enabling users to perform tasks, such as filling out contact forms, submitting feedback, or registering for services.
Interactivity
It is a key feature of web forms that states that Forms consist of a combination of input elements (<input></input>, <textarea>, <select>, etc.), labels, buttons, and additional elements like <fieldset> and <legend> for better organization.</select></textarea>
Form Elements
It acts as a container for various input elements, such as text fields, checkboxes, radio buttons, and buttons, which allow users to submit data to a server.
HTML Tag
The tag in _____ is used to create a form for collecting user input.
HTML
What are the input tags
< input type=”text” >
< input type=”password” >
< input type=”checkbox” >
< input type=”radio” >
is used for single-line text output.
< input type=”text” >
is used for password input, hiding the text.
< input type=”password” >
allows selection of multiple options.
< input type=”checkbox” >
allows selection of one option from a group.
< input type=”radio” >
This creates a dropdown menu where users can select one option.
Dropdown/Select Menu
Used for multi-line text input, such as messages or comments.
Textarea
creates a _______. Are used when users need to select one option from a group.
Radio Buttons
allowing users to select a color from a palette.
Color Picker
used to create a clickable button in HTML.
Button
It can serve various purposes, such as submitting form data to a server, resetting form fields, or performing custom actions with JavaScript.
Button
The type attribute specifies the button’s behavior.
Button
The list items will be numbered with numbers (default)
text
Defines a password field, which hides the input
password
Defines an input for email addresses
Defines an input for checkboxes, which allows multiple options to be selected
checkbox
Defines an input for numeric values
number
Defines an input for selecting a date
date
defines an input for selecting a time
time
defines an input selecting a color
color
Defines an input for selecting files from the system
file
Defines an input for radio buttons, where only one option can selected
radio
Defines an input for a range of values, like a slider
range
You can click on a link and jump to another document. There are 2 types of Hyperlinks Text Li nks and Image Links
HYPERLINK
is specified using HTML tag .
Links <a></a>
his tag is called anchor tag and anything between the opening tag and the closing tag becomes part of the link and a user can click that part to reach to the linked document.
Links <a></a>
the attribute that controls the document to be open.
href
This attribute is used to specify the location where linked document is opened.
< a target ></a>
Opens the linked document in a new window or tab
_blank
Opens the linked document in the same frame or window (default behavior)
_self
Opens the linked document in the parent frame. If there is no parent frame, it behaves like _self.
_parent
Opens the linked document in the full window, clearing any frames.
_top
Opens the linked document in a specified frame or iframe, identified by the name of the frame.
target=”frame_name”
The most important attribute of the element is the ______ attribute, which indicates the link’s destination.
<a href=” ”></a>
The link text is the part that will be visible to the reader.
<a href=” ”></a>
Clicking on the link text, will send the reader to the specified URL address.
<a href=” ”></a>
refer to the way you specify the location of a file or resource within your project structure
HTML paths
What are the two main types of paths
Absolute Paths
Relative Paths
provides the complete web address or path to access a specific resource on the internet.
Absolute Paths
It includes the protocol (such as http or https), domain name (or IP address), and the path to the specific resource
<a href=”http://w3bschools.com/index.html”> W3BSchool </a>
Absolute Paths
are used when referencing resources from external websites, ensuring that browsers can locate and retrieve the resource from any location on the internet.
Absolute Paths
They provide a complete and unambiguous address to access the resource.
Absolute Paths
points to a file or resource relative to the current location. It doesn’t include the root directory.
Relative Paths
Relative to current document:
< a href=”about.html” > About Us </a>
Relative to a Directory
< a href=”images/about.html” > About Us </a>
Relative to the Parent Directory
< a href=”../shared/index.html” > Shared </a>
Relative to the root directory
< a href=”/contact.html” > Contact Us </a>
You can set a________ for your document using the element in the head of your HTML document.
base path
This can be useful when you want to use relative paths throughout your document but specify a common base for those paths.
Setting the base path
Any relative path in the document will be relative to the specified base URL.
Setting the base path
HTML links can be used to create ________, so that readers can jump to specific parts of a web page.
Bookmarks
can be useful if a web page is very long.
Bookmarks
When the link is clicked, the page will scroll down or up to the location with the _________.
Bookmarks
