Hyper Text Markup Language

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 3

Hyper Text Markup Language

HTML is the standard markup language for creating Web pages


HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a
link", etc.
WHAT IS HTML TAG ?
HTML tag is the container it's Contains everything you want.
According to the tag name for every work have a separate TAG
ex : - for image showing in html have Error! Filename not specified.tag
Basic HTML tags
<html> it is ROOT of any webpage
<head> Contains metadata/information for the document
<title> Defines a title for the document
<body> Defines the document's body (all information of webpage)
<h1> to <h6> Defines HTML headings
<p> Defines a paragraph
<br> Inserts a single line break
<hr> Defines a thematic change in the content

What is an HTML Element?


<body>
<p>
Sreenu chandu ----------->elements
</p>
</body>
An HTML element is defined by a start tag, some content, and an end tag::
WHAT IS ATTRIBUTES ?
<body style="color: red;" class="" id="" data-=""-----------------> attributes >
Sreenu chandu ------------------>elements
</body>
All HTML elements can have attributes. Attributes provide additional information about elements.
Attributes are always
specified in the start tag. Attributes usually come in name/value pairs like: name="value"
< in the html tag everything is attributes> </>

HTML COMMENTS
<!-- THIS IS HTML COMMENT --> for inline and multiline. why comments is important

Formatting
<b> Defines bold text

<strong> Defines bold text

<big> Not supported in HTML5. Use CSS instead.

<center> Not supported in HTML5. Use CSS instead.

<code> Defines a piece of computer code

Page Information
Text Markup
<strong> Strong emphasis
<em> Emphasis
<blockquote> Long quotation
<q> Short quotation
<abbr> Abbreviation
<acronym> Acronym
<address> Address
<pre> Pre-formatted text
<dfn> Definition
<code> Code
<cite> Citation
<del> Deleted text
<ins> Inserted text
<sub> Subscript
<sup> Superscript
<bdo> Text direction

Page information
<base> Base URL
<meta> Meta data
<title> Title
<link> Relevant resource
<style> Style resource
<script> Script resource

Document Structure
<h[1-6]> Heading
<div> Page section
<span> Inline section
<p> Paragraph
<br> Line break
<hr> Horizontal rule

Links
<a href=""> Page link
<a href="mailto:"> Email link
<a name="name"> Anchor
<a href="#name"> Link to anchor

Lists
<ol> Ordered list
<ul> Unordered list
<li> List item
<dl> Definition list
<dt> Definition term
<dd> Term descriptio

Forms
<form> Form
<fieldset> Collection of fields
<legend> Form legend
<label> Input label
<input> Form input
<select> Drop-down box
<optgroup> Group of options
<option> Drop-down options
<textarea> Large text input
<button> Button

Table
<table> Table
<caption> Caption
<thead> Table header
<tbody> Table body
<tfoot> Table footer
<colgroup> Column group
<col> Column
<tr> Table row
<th> Table Header
<td> Table data

You might also like