0% found this document useful (0 votes)
128 views

Introduction To HTML: Student - Feedback@sti - Edu

This document provides an introduction to HTML, including what HTML is, its basic elements and structure. It defines HTML, elements such as tags and attributes. It also describes common elements like paragraphs, headings, links, forms and tables. It outlines the typical HTML document structure with the DOCTYPE, html, head and body tags.

Uploaded by

First Last
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
128 views

Introduction To HTML: Student - Feedback@sti - Edu

This document provides an introduction to HTML, including what HTML is, its basic elements and structure. It defines HTML, elements such as tags and attributes. It also describes common elements like paragraphs, headings, links, forms and tables. It outlines the typical HTML document structure with the DOCTYPE, html, head and body tags.

Uploaded by

First Last
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

IT1804

Introduction to HTML
HTML – stands for “HyperText Markup Language”. It is defined as Markup Language and the standard markup
language for creating web pages. HTML is consists of textual content, HTML element and attribute.
- The extension file of an HTML is .html
- Element
o An element is composed of an open tag and a closing tag. The name of the elements is in between
of those two angle brackets <html>. The elements can be modified by attributes.
o An element may also contain another element
<p>
Hello
<strong>
World!
</strong>
</p>
- Attribute
o An attribute is placed within the opening tag in an element. Attribute is also known as name=value
pair.
Tag – A tag has two angle brackets <html>. A tag normally comes in two pairs <html> and </html>. Opening tag <html>
is composed of two angle brackets and the name of the element. The closing tag is the same with the opening tag,
but the difference is the closing tag has a forward slash.

HTML Basics
HTML has the basic elements that are commonly used in developing a web page or website and the structure of the
syntax inside the HTML file.
HTML Basic Examples:
- HTML Document
o An HTML document is composed of textual content, HTML elements, and attributes.
o The common tags in an HTML Document are <!DOCTYPE>, <html>, <head>, <title> and
the <body>.
- Paragraph
o A paragraph is the basic unit of text in HTML.
o Paragraphs may also contain another element to highlight the specific text.

- Heading
o Heading has six (6) levels, with the higher heading number indicating a heading of less importance.
o In a browser, the heading is used to create a document outline

01 Handout 1 *Property of STI


[email protected] Page 1 of 4
IT1804

- Links
o A link is an essential feature of all web pages.
o This element uses a href attribute to determine the destination
o A link has two (2) parts the destination and the label.

- Form
o A form is an alternative way to interact with the server and collect the user inputs.
o Form is constructed in HTML in the same manner as table <table> or list <li>.
o A container for an element that represents the various input elements within the form.

- Table
o A table in HTML is created using <table> element.
o There are three (3 )elements that can be used inside the table:
▪ Table header <th>
• The header of the table
▪ Table row <tr>
• This element indicates how many rows should be displayed in a table.
▪ Table data <td>
• It holds the data or information that will be displayed in a table.

o A table element has two attributes to create one or two rows and columns.
▪ Colspan
• This attribute is used to create two or more columns in a table.

01 Handout 1 *Property of STI


[email protected] Page 2 of 4
IT1804

▪ Rowspan
• This attribute is used to create two or more rows in a table.

HTML Structure
HTML follows a proper structure to have an organize syntax in an HTML Document. In a structured HTML <!DOCTYPE>
is always in the first line of an HTML Document. Next is the <html> element, it contains the <head> and <body>
element. Inside in the <head> element it contains the <title>, <meta>, <link> and the <script> element. In the <body>
element will be the content of a web page.

<!DOCTYPE>
- Short for Document Type Definition is a type of element.
- It tells the browser or any software that is reading an HTML Document, what type of document is about to
process.
<html>
- This element is sometimes called the root element. This element contains other HTML elements in the
01 Handout 1 *Property of STI
[email protected] Page 3 of 4
IT1804
document.
- Inside this element has two sections, the <head> and <body> element.
<head>
- Head element contains information about the document.
<body>
- This element contains the content that will be displayed in the browser.
<meta>
- <meta> element is also known as metadata contains data about data.
- It is used to specify the page description, author of the document, character coding, and other metadata.
<link>
- Link specifies an external CSS style sheet file.
- HTML can use the <style> element to make it consistent. Most websites use external style sheets.
<script>
- This element refers to a connection from an external Javascript file.
- Javascript is used to program the behavior of a web page.

REFERENCES:
Connolly, R. & Hoar, R. (2015). Fundamentals of web development. New Jersey: Pearson Education, Inc.
Lemay, L., Colburn, R., & Kyrnin, J. (2016). Sams teach yourself HTML, CSS, and JavaScript web publishing in one hour a day (7th
Ed.). New Jersey: Pearson Education, Inc.
Krause, J. (2016). Introducing web development. California: Apress Media, LLC.

01 Handout 1 *Property of STI


[email protected] Page 4 of 4

You might also like