Scribd
Upload
2 views6 pages

Front End Development

HTML, or HyperText Markup Language, is a foundational language used to create and structure web pages, defining how content is displayed through elements. It features an easy learning curve, supports multimedia, and is case insensitive, with various editors available for coding. The document also outlines the basic structure of an HTML document, including the skeleton, comments, and essential tags.

Uploaded by

Wahera Media
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 views6 pages

Front End Development

HTML, or HyperText Markup Language, is a foundational language used to create and structure web pages, defining how content is displayed through elements. It features an easy learning curve, supports multimedia, and is case insensitive, with various editors available for coding. The document also outlines the basic structure of an HTML document, including the skeleton, comments, and essential tags.

Uploaded by

Wahera Media
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

Front End Development - HTML

Table of Content

● What is HTML?
● Features
● HTML Editor
● HTML Skeleton
● Comments
● HTML Elements
● Basic Tags
● Attributes
What is HTML?

● Stands for HyperText Markup Language


● HyperText: Link between web pages.
● Markup Language: Text between tags which defines structure.
● It is a language to create web pages
● HTML defines how the web page looks and how to display content with the help of
elements
● It forms or defines the structure of our Web Page
● Need to save your file with .html extension
Features Of HTML

● The learning curve is very easy (easy to modify)


● Create effective presentations
● Add links wherein we can add references
● Can display documents on platforms like Mac , Windows, Linux etc
● Add videos, graphics and audios making it more attractive.
● Case insensitive language
HTML Editors
● Simple editor: Notepad
● Notepad++
● Atom
● Visual studio
● Best editor: Sublime Text
HTML Skeleton
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
</head>
<body>
Contents
</body>
</html>
<!DOCTYPE html>
Instruction to the browser about the HTML version.

<html>
Root element which acts as a container to hold all the code Browser should know that this
a HTML document
Permitted content: One head tag followed by one body tag

<head>
Everything written here will never be displayed in the browser It contains general
information about the document
Title, definitions of css and script sheets Metadata (information about the
document)
<body>

● Everything written here will be displayed in the browser


● Contains text, images, links which can be achieved through tags.
● Examples:
 <p>this is our first paragraph. </p>
 <a href="[Link] To Google</a>
 <img src="[Link]">
HTML Comments
● Comments don’t render on the browser
● Helps to understand our code better and makes it readable.
● Helps to debug our code
● Three ways to comment:
○ Single line
○ Multiple line
○ Comment tag //Supported by IE

You might also like