0% found this document useful (0 votes)
7 views4 pages

HTML Basics: Structure and Elements

HTML, or Hyper Text Markup Language, is the standard markup language for creating web pages, defining their structure and content through various elements. An HTML document begins with a document type declaration and includes tags such as <html>, <body>, <h1>, and <p> to organize content. Web browsers read HTML documents to display them, utilizing attributes for additional information about elements.

Uploaded by

PRATHIK D COSTA
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
0% found this document useful (0 votes)
7 views4 pages

HTML Basics: Structure and Elements

HTML, or Hyper Text Markup Language, is the standard markup language for creating web pages, defining their structure and content through various elements. An HTML document begins with a document type declaration and includes tags such as <html>, <body>, <h1>, and <p> to organize content. Web browsers read HTML documents to display them, utilizing attributes for additional information about elements.

Uploaded by

PRATHIK D COSTA
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

HTML

INTRODUCTION
 HTML stands for Hyper Text markup Language.
 HTML is the standard markup language for creating Web pages that are
displayed on the World Wide Web.
 In other words, Web pages are composed of HTML, which is used to
display text, images or other resources through a Web browser.
 HTML describes the structure of a Web page and its content. For
example, content could be structured within a set of paragraphs, a list of
bulleted points, or using images and data tables.
 HTML consists of a series of elements. These elements tell the browser
how to display the content.

HTML DOCUMENT
<!DOCTYPE html> angle bracket
<html> opening tag/start tag
<head>
<title></title>
</head>
<body>

<h1 style > </h1>

attribute
<p> my first paragraph</p>

</body>
</html>closing tag/end tag

Content
EXAMPLE EXPLANATION

The <!DOCTYPE html>declaration defines the document type-HTML5


document.

The <html> element is the root element and it defines the whole HTML
document.

It has a start tag <html> and an end tag </html>.

Then, inside the <html> element there is a <body> element:

The <body> element defines the document's body.

It has a start tag <body> and an end tag </body>.

Then, inside the <body> element there is two other elements: <h1> and <p>:

<h1></h1>
<p></p>

The <h1> element defines a heading. (<h1>to <h6>tags.)

<h1>defines the most important heading.

<h6>defines the least important heading.

It has a start tag <h1> and an end tag </h1>

The <p> element defines a paragraph.

It has a start tag <p> and an end tag </p>:

conclusion
[Link] HTML documents must start with a document type declaration
<!DOCTYPE html>.
[Link] HTML document begins with <html> and ends with </html>.
[Link] visible part of the HTML document is between <body> and
</body>.
[Link] tags are not case sensitive, means <P>and <p> both are
same.
HTML ELEMENT
HTML element is defined by a start tag, content and an end tag.

<tag name> content </tag name>

eg: <h1>aircraft maintenance manual</h1

HTML element is everything from the start tag to the end tag.

WEB BROWSERS

The purpose of a web browser is to read HTML documents and display them.
Browser does not display the HTML tag, but uses them to determine how to
display the document.

HTML ATTRIBUTES

All HTML elements have attributes.

HTML attributes provide additional information about HTML elements.

Attributes always specified in start tag.

Attributes come in name/value pairs name=”value”

Eg: <tagname style= “property: value;”>

<p style=” color: red”>

HTML TAGS

Tag Description
<!-- --> Defines a comment
<!DOCTYPE> Defines the document type
<a> Defines a hyperlink
<b> Defines bold text
<i> Defines italic text
<body> Defines document body
<br> Defines a single line break
<caption> Defines a table caption
<div> Defines a section in a document
<form> Define HTML form for user input

<h1>to <h6> Defines HTML headings


<head> Contains metadata/information for the document
<html> Defines the root of an HTML document
<img> Defines an image
<input> Defines an input control
<label> Defines a label for an input element
<li> Defines a list item
<ol> Defines an ordered list
<ul> Defines an unordered list
<option> Defines an option in a drop-down list
<p> Defines a paragraph
<select> Defines a drop-down list
<style> Defines style information for a document
<table> Defines a table
<td> Defines a cell in table
<th> Defines a header cell in a table
<tr> Defines a row in table
<title> Defines a title for the document

You might also like