Scribd
Upload
16 views21 pages

Iotlab CSS

The document provides a comprehensive overview of various HTML tags and their features, including headings, paragraphs, styles, links, images, tables, lists, and multimedia elements like audio and video. It also covers CSS and JavaScript integration, as well as advanced features like geolocation and graphics using canvas and SVG. Each section outlines the purpose and functionality of the respective HTML elements in web development.

Uploaded by

Quang Minh
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
16 views21 pages

Iotlab CSS

The document provides a comprehensive overview of various HTML tags and their features, including headings, paragraphs, styles, links, images, tables, lists, and multimedia elements like audio and video. It also covers CSS and JavaScript integration, as well as advanced features like geolocation and graphics using canvas and SVG. Each section outlines the purpose and functionality of the respective HTML elements in web development.

Uploaded by

Quang Minh
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/ 21

DEPT OF COMPUTER AND COMMUNICATION

ENGINEERING
Internet of Things: Foundations and Applications Lab
MMH: ITFL316064E

Group: Soon Sang Min 20119143


Bùi Quang Minh 20161126

HTML (tag, features), CSS (style), Javascript [1]

Tag name: HTML Headings


Features: HTML headings are titles or subtitles that you want to display on a
webpage.

Results
Tag name: HTML Paragraphs
Features: A paragraph always starts on a new line, and browsers
automatically add some white space (a margin) before and after a
paragraph.

Results:
Tag name: HTML Styles
Features: The HTML style attribute is used to add styles to an element, such
as color, font, size, and more..

Result

Tag name: HTML Formating


Features: HTML contains several elements for defining text with a special
meaning.
Result

Tag name: HTML Quotations and Citation Elements


Features: The HTML element defines a section that is quoted from
another source..

Result
Tag name: HTML Colors
Features HTML colors are specified with predefined color names, or with RGB,
HEX, HSL, RGBA, or HSLA values..

Results

Tag name: HTML CSS

Features: CSS stands for Cascading Style Sheets.

CSS saves a lot of work. It can control the layout of multiple web
pages all at once.

.
Result

Tag name: HTML Links

Features: Links are found in nearly all web pages. Links allow users
to click their way from page to page.

Result

Tag name: HTML Images


Features: Images can improve the design and the appearance of a web page.
Result

Tag name: HTML Tables


Features: HTML tables allow web developers to arrange data into rows and
columns.
Result:
Tag name: Lists
Features: HTML lists allow web developers to group a set of related items in lists.

Result
Tag name: HTML Block & Inline

Features: A block-level element always starts on a new line, and the


browsers automatically add some space (a margin) before and after
the element.

A block-level element always takes up the full width available


(stretches out to the left and right as far as it can).

Two commonly used block elements are: <p> and <div>.

The <p> element defines a paragraph in an HTML document.

The <div> element defines a division or a section in an HTML document.

Result
Tag name: Iframes
Features: An HTML iframe is used to display a web page within a web
page.

Result

Tag name: HTML Javascript


Features: JavaScript makes HTML pages more dynamic and interactive..
Result

Tag name: HTML Head

Features: The <head> element is a container for metadata (data about


data) and is placed between the <html> tag and the <body> tag.

HTML metadata is data about the HTML document. Metadata is not


displayed.

Metadata typically define the document title, character set, styles,


scripts, and other meta information.

Result
Tag name: HTML Layout
Features: Websites often display content in multiple columns (like a magazine or
a newspaper).

Result

Tag name: HTML Symbols


Features: Symbols that are not present on your keyboard can also be added by
using entities. in this tutorial.
Result

Tag name: HTML Emojis


Features: Emojis are characters from the UTF-8 character set: 😄 😍 💗

Emojis look like images, or icons, but they are not.

They are letters (characters) from the UTF-8 (Unicode) character set.

Result

Tag name: HTML URL Encode


Features: Web browsers request pages from web servers by using a
URL.

Result

Tag name: HTML Forms


Features: An HTML form is used to collect user input. The user input is
most often sent to a server for processing.

Result

Tag name: HTML Graphics Canva (1)

Features: The HTML <canvas> element is used to draw graphics on a


web page.

The graphic to the left is created with <canvas>. It shows four


elements: a red rectangle, a gradient rectangle, a multicolor
rectangle, and a multicolor text.

Result

Tag name: HTML Graphics SVG


Features: SVG defines vector-based graphics in XML format.

Result
Tag name : HTML Video
Feature : The HTML video element is used to show a video on a web
page
Result

Tag name : HTML Audio


Feature : The HTML <audio> element is used to play an audio file on a
web page.

Result
Tag name : HTML Plug in

Feature : Plug-ins are computer programs that extend the standard


functionality of the browser.

Result

Tag name : HTML Video


Feature : The easiest way to play videos in HTML, is to use YouTube.
Result

Tag name : HTML Geolocation


Feature : The HTML Geolocation API is used to locate a user's position.
Result

You might also like