1/51
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai | Chat |
|---|
No analytics yet
Send a link to your students to track their progress
HTML
standard markup language for creating Web pages
Hyper Text Markup Language
what HTML stands for
HTML
describes the structure of a Web page
HTML Elements
series of elements that tell the browser how to display content
HTML Documents:
<!DOCTYPE>
declaration that must start every HTML document
HTML Documents:
<html>
begins and ends the HTML document
HTML Documents:
<head>
contains the document's title and metadata
HTML Documents:
<body>
contains the visible part of the document
HTML Elementa
a start tag, content, and an end tag
HTML Elements
Tag Vs. Elements
elements are made of tags; tags are not made of elements
<h1>-<h6>- heading levels
<p>- paragraph
<a> - hyperlink
<image> - image
<br> - line break
<hr> - horizontal rule
Attribute
extra info about an element, in the start tag, as name="value"
alt
alternative text for an image
href
link URL
id
unique id for an element
src
path to an image
style
inline CSS
title
tooltip text
disabled
disables an input
<p>
defines a paragraph
<b> / <strong>
bold / strong importance
<i>/ <em>
italic / emphasized
<small>
smaller text
<del>
deleted text
<ins>
inserted text
<mark>
highlighted text
<sub> / <sup>
subscript / superscript
Links & Images:
<a>
defines a link
Links & Images:
href
link address
Links & Images:
target
where to open the linked page
Links & Images:
mailto
opens the user's email app
Links & Images:
<img>
-embeds an image (emptytag)
Links & Images:
src / alt
required <img> attributes
HTML Lists
<ul>
unordered list
HTML Lists:
<ol>
ordered (numbered list)
HTML Lists:
<li>
list item
block level element
starts on a new line, takes full width
inline element
stays in line, takes only needed width
<div>
block container
<span>
inline container
HTML FORM
collects user input for a server
<form>
container for input elements
<input>
most used form element
action
where form data is sent
target
where to show the response
size
visible width of an input field
placeholder
hint text inside a field
type="text"
single-line text field
type="radio"
pick one choice
type="checkbox"
pick zero or more choices
type="submit"
submits the form
type="email/url/tel"
email/URL/ phone input
type="date/time/number/color"
date. time, number, or color input