Scribd
Upload
3 views

HTML notes

HTML is a markup language essential for creating web pages, with key elements including the document type declaration, root HTML tag, and various tags for content structure such as headings, paragraphs, and links. Attributes enhance HTML elements by providing additional information, while formatting elements allow for text styling. The document also covers the use of tables and forms in HTML for organizing data and user input.

Uploaded by

Taliyah
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
3 views

HTML notes

HTML is a markup language essential for creating web pages, with key elements including the document type declaration, root HTML tag, and various tags for content structure such as headings, paragraphs, and links. Attributes enhance HTML elements by providing additional information, while formatting elements allow for text styling. The document also covers the use of tables and forms in HTML for organizing data and user input.

Uploaded by

Taliyah
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 is a Mark-up Language and not officially a programming language.

“! DOCTYPE” is used to declare the version of HTML.


The HTML tag is the root element and it is essential for all other tags to function.
An Element is in the form of <…> content </…>
The head tag refers to the web-document tab, and contains the Meta information
of the HTML page.
The Title tag specifies the Title name of the HTML Page.
The body tag contains the main contents of a web page.
H1-H6 are heading tags. It is arranged in descending order of importance. H1-
Most important, and H6- Least important.
The ‘P’ tag is the Paragraph tag.
The ‘br’ tag is used to break a line and start a new line.
The ‘hr’ tag is used to create a horizontal rule/line.

The HTML links start with an <a> for anchor.


The syntax is <a href=”link”> Content </a>.

Attributes are used to add more information about HTML elements.


An example of an attribute is displayed below:
This is a normal tag: <img>
This is a tag with Attributes: <img src=”image.jpg” alt=”alternative text if image
can’t be found” width=”size” height=”size”>
This is a normal tag: <h2>
This is a tag with Attributes: <h2 title=”header”></h2>

There are two types of URL:


ABSOLUTE- other images hosted on the internet.
RELATIVE- our images hosted on the website.

Normal tags have an opening tag and a closing tag. <p> and </p>.
Empty tags have only an opening tag and no closing tags. E.g. <br>.
 HTML is NOT case sensitive.
 Never skip a closing tag.
The Style Attribute is used to add styles to an element, such as font, size, color,
etc.
The title attribute is used to define extra information about an element.
The lang attribute is used to determine the language.
We use double quotations for quotes or for attribute specifications.

The pre tag is for defining preformatted text.


The style attributes:
- Background-colour
- Color
- Font-family
- Font-size
- Text-Align

Formatting elements:
 <b> for bold text
 <strong> for important text
 <i> for italic text
 <em> for emphasized text
 <mark> for marked text
 <small> for smaller text
 <del> for deleted text
 <ins> for inserted text
 <sub> for subscript text
 <sup> for superscript text

To comment:
<!- - Comment - - >

To link an email address:


<a href=”mailto: [email protected]”> Send email </a>

To add a favicon (images near the website title): (you can get favicons from
favicon.ico)
<link rel=”icon” type=’Image” href=”../PlaceOfFile”>
Tables!!!
<Table>
<Thead>
<tr> Very first row/ Header row
<th>First table head</th>
<th>second table head</th>
</tr>
</Thead>

<tr> Second row


<td>first table data</td>
<td> second table data</td>
</tr>

<tr> Third row


<td>first table data</td>
<td> second table data</td>
</tr>
…
</Table>

Forms!!!
(For following webpage after form, use action)
<form action=”Next Webpage”>
Otherwise use normal form

<form>
//Labels for textboxes
<label for=”text”> LabelName: </label>

//Input text box


<input type=”text” id=”LabelName” name=”LabelName”>
<input type=”l

</form>

You might also like