Scribd
Upload
2 views

Hci Reviewer

The document provides an overview of HTML and CSS, detailing the structure of HTML documents, basic elements, text formatting, lists, tables, images, and forms. It also covers CSS colors, including different ways to declare colors using names, RGB, RGBA, HSL, and hex codes. The information serves as a foundational guide for web development.

Uploaded by

louiseviloriagalang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views

Hci Reviewer

The document provides an overview of HTML and CSS, detailing the structure of HTML documents, basic elements, text formatting, lists, tables, images, and forms. It also covers CSS colors, including different ways to declare colors using names, RGB, RGBA, HSL, and hex codes. The information serves as a foundational guide for web development.

Uploaded by

louiseviloriagalang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

--- *HTML DOCUMENTS*

 All HTML documents must start with a document type declaration: <!DOCTYPE html>.
 The HTML document itself begins with <html> and ends with </html>.
 The visible part of the HTML document is between <body> and </body>.

--- *BASIC ELEMENTS*


The HTML *element* is everything from the start tag to the end tag: <tagname>Content goes here...</tagname>
Examples of some HTML elements: <h1>My First Heading</h1> <p>My first paragraph.</p>

--- *BASIC TEXT FORMATTING*


Formatting elements were designed to display special types of text:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

--- *BASIC TEXT QUOTATION AND CITATIONS*


 The HTML <blockquote> element defines a section that is quoted from another source. Browsers usually indent
<blockquote> elements.
 The HTML <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation.

--- *HTML TABLE*


 Each table cell is defined by a <td> and a </td> tag.
 Each table row starts with a <tr> and ends with a </tr> tag.
 Sometimes you want your cells to be table header cells. In those cases use the <th> tag instead of the <td> tag:

--- *HTML LISTS*


*HTML LISTS* - allow web developers to group a set of related items in lists.
Unordered list - starts with the <ul> tag. Each list item starts with the <li> tag.
Ordered list - starts with the <ol> tag. Each list item starts with the <li> tag.
Description list - is a list of terms, with a description of each term. The <dl> tag defines the description list, the <dt> tag
defines the term (name), and the <dd> tag describes each term

--- *HTML IMAGES SYNTAX*


The HTML <img> tag is used to embed an image in a web page. Images are not technically inserted into a web page;
images are linked to web pages.

The <img> tag creates a holding space for the referenced image. The <img> tag is empty, it contains attributes only, and
does not have a closing tag. The <img> tag has two required attributes:
*src* - Specifies the path to the image
The required src attribute specifies the path (URL) to the image.
*alt* - Specifies an alternate text for the image alt attribute provides an alternate text for an image, if the user for some
reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

--- *HTML FORM AND ELEMENTS*


The HTML <form> element is used to create an HTML form for user input:
<input> element can be displayed in several ways, depending on the type attribute.
<label> element defines a label for several form elements.
<select> element defines a drop-down list
<option> value of select element
<textarea> element defines a multi-line input field
<button> element defines a clickable button
<fieldset> element is used to group related data in a form.
<legend> element defines a caption for the
<fieldset> element.

CSS COLORS
 CSS colors are used to set the color of different parts of a webpage, like text, background, and borders. This helps
make the page look more attractive and easier to read. You can define colors using names, hex codes, RGB
values, and more.

DIFFERENT WAYS OF DECLARING COLOR IN CSS


Syntax:
1. Color name - body{ background-color: Blue; }
2. RGB type - body{background: rgb(255,255,255); }
3. RGBA type - body{background: rgba(255,255,255,1);}
4. HSL type - body{color:hsl(0,100%,50%); }
5. HSLA type - body{color:hsl(0,100%,50%,0.5); }
6. Hex type - body{background: #000000;}

CSS COLOR NAME


Syntax:
body{ background-color: Blue; }
p{ background-color: Red; }

CSS RGB COLOR


R – Red (0-255)
G – Green (0-255)
B – Blue (0-255)
Values are represented from darkness to lightness of a color
If all value are 0 the default color is black.
if all value are 255 the default color is white.
Syntax:
body{ background: rgb(255,255,255);}

CSS RGBA COLOR


R – Red (0-255)
G – Green (0-255)
B – Blue (0-255)
A – Alpha or Opacity (0 – 1)
the alpha parameter defines the opacity. The alpha parameter is
a number between 0.0 (fully transparent) and 1.0 (fully opaque).
Syntax:
body{ background: rgb(255,255,255,0.1);}

You might also like