You are on page 1of 6

ITE 6101-2

HTML
Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic,
and hyperlink effects on World Wide Web pages.

Different HTML Tags

Tag Description

<!DOCTYPE> Defines the document type

<html> Defines an HTML document

<head> Contains metadata/information for the document

<title> Defines a title for the document

<body> Defines the document's body

<h1> to <h6> Defines HTML headings

<p> Defines a paragraph

<br> Inserts a single line break

<hr> Defines a thematic change in the content

<!--...--> Defines a comment

What are HTML widgets?

The HTML Widget allows you to place your own HTML content fragment directly into a page. While other Percussion
Widgets generate HTML based on the content you enter, the HTML Widget allows you to directly enter HTML, or paste
in HTML from local or third-party sources. 

Example:
What is CSS?

Cascading Style Sheets (CSS) is used to format the layout of a webpage. With CSS, you can control the color, font, the
size of text, the spacing between elements, how elements are positioned and laid out, what background images or
background colors are to be used, different displays for different devices and screen sizes, and much more.
How is it integrated into your HTML files?

CSS can be added to HTML documents in 3 ways:

● Inline - by using the style attribute inside HTML elements


● Internal - by using a <style> element in the <head> section
● External - by using a <link> element to link to an external CSS file (like the photos above).

Webpage Example (Using Notepad++):

Click:
My Biography
Video Demo
Page.html
Page.css

Source Code:
Percussion – “HTML Widget”, https://help.percussion.com/percussion-cm1/manage-content/widgets/html-widget/#:~:text=The%20HTML
%20Widget%20allows%20you,local%20or%20third%20party%20sources.
W3Schools – “HTML Styles -CSS”, https://www.w3schools.com/html/html_css.asp

You might also like