HTML and CSS Reference
In-Depth Information
<body>...</body>
</html>
The
<iframe>
element is used to nest a web page within another web page. The
src
attribute speci-
fies the path to the resource that should be loaded into the iframe.
<iframe>
<iframe width=”500” height=”500” src=”http://google.com”>
The
<img>
element is used to embed an image within a web page. The
src
attribute specifies the path
to the image file, and the
alt
attribute specifies text that may be displayed if the image cannot be
loaded.
<img>
<img src=”logo.png” alt=”The Joe's Pizza Co. Logo”>
The
<input>
element is used to create a form control that can usually be edited by the user. The
type
attribute specifies the type of
<input>
element that should be created. Possible types include:
text
,
email
,
tel
,
datetime
, and
submit
(to name but a few).
<input>
<input type=”text”>
The
<ins>
element is used to mark up an addition to a document.
<ins>
<p>This text has been here for ages.
<ins>
This text was just ad-
ded.
</ins>
</p>
The
<label>
element is used to mark up a label for a form control. The
for
attribute should contain
the ID of the form control that is to be associated with the label.
<label>
<label for=”name”>Name:</label>
<input type=”text” id=”name”>
The
<legend>
element is used to create a caption for a
<fieldset>
element.
<fieldset>
<legend>Contact Information</legend>
<p>
<label for=”name”>Name:</label>
<input type=”text” id=”name”>
</p>
</fieldset>
<legend>
The
<li>
element is used to mark up a list item.
<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ul>
<li>
The
<link>
element is used to link other resources (such as stylesheets) to a document. A path to the
resource is specified in the
href
attribute. The
rel
attribute specifies the type of resource.
<link>
<link rel=”stylesheet” href=”style.css”>
The
<meta>
element is used to specify metadata for a document, such as the character encoding,
keywords, or page description.
<meta>