STRATEGY & CREATIVITY

Phasellus iaculis dolor nec urna nullam. Vivamus mattis blandit porttitor nullam.

PORTFOLIO

We pride ourselves on bringing a fresh perspective and effective marketing to each project.

Showing posts with label Web Developing HTML. Show all posts

HTML Comments

HTML Comments

An HTML comment begins with  . HTML comments are visible to anyone that views the page source code, but are not rendered when the HTML document is rendered by a browser.

Display

Inline

Syntax

You can add Comments to your HTML source by using the following syntax :



Example

<!DOCTYPE html>
<html>
<head>
<title> HTML Comments </title></head>

<body>

 You will be able to see the text.



You can even comment out things in  a sentence.



</body>
</html>

Result

Note: Comments are not displayed by the browser, but they can help document

your HTML source code.

Video on This Topic :-

HTML Superscript Tag

HTML Superscript Tag

The tag defines superscript text. For adding a superscript text in a html file, tag can be used. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW. Tip: Use the tag to define subscript text.

Display

Inline

Example

<!DOCTYPE html>
<html>
<head>
<title> HTML5 Del Tag </title>
</head>

<body>

2 4=16
X 4+ Y6
9th of september

</body>
</html>

Result

Video on this Topic :-

Subscripted Tag

HTML5 Tag

sub means Subscripted Tag. The tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O. Tip: Use the tag to define superscripted text.Subscript text can be used for chemical formulas, like H2O to be written as H2O.

Display

Inline

Example

<!DOCTYPE html>
<html>
<head>
<title> HTML5 Del Tag </title>
</head>

<body>

 Chemical formula of water is H2O
Ti+2= Ti + Ti+1

</body>
</html>

Result

Video on this Topic :- Soon

HTML5 <del> Tag

whats does <del> HTML tag do ?

The <del> tag is used to identify text that has been deleted from a document but retained to
show the history of modifications made to the document. Pair a <del> element with an <ins>

element to identify the inserted text that replaced the deleted text.

Display

Inline

Usage

Textual

Example

<!DOCTYPE html>
<html>
<head>
<title> HTML5 Del Tag </title>
</head>

<body>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHdroYA-3qo1Yb0eleJYFqzFIAm-hwLNbHUlNssd_jchxOCm4fpZ0k-Nder3GVJEnsyv1LE2o5IKvz2w9bnRU8_X-W0CclnfBKacvaPrhowMgnNnSYuxZmt0kCNru6YfSMSydyodZ64B2C/s1600/20180205_123010+1.png" width="50%" height="auto" alt="" />

This is <del>Unknown Person</del> kumar Atul Jaiswal.

</body>
</html>

Result

This is ~~Unknown Person~~ kumar Atul Jaiswal.

Video on this Topic :-

Mark Tag in HTML 5

The tag was introduced in HTML 5. The HTML tag is used for indicating text
as marked or highlighted for reference purposes, due to its relevance in another context.
The tag is supported in all major browsers. Use the tag if you want to highlight
parts of your text. We can mark the text using many properties from global attributes of html5
e.g. by changing font ,background color ,font color etc. This tag must have opening and closing
 tag.

Syntax

The syntax of mark tag is as :

 ..............

Example

<!DOCTYPE html>
<html>
<head>
<title> HTML mark Tag </title>
</head>

<body>

Do not forget subscribe to our YouTube channel

</body>

</html>

Result

Do not forget subscribe to our YouTube channel.

Attributes

HTML tags can contain one or more attributes. Attributes are added to a tag to provide
the browser with more information about how the tag should appear or behave. Attributes
consist of a name and a value separated by an equals (=) sign, with the value surrounded
by double quotes.

There are 3 kinds of attributes that you can add to your HTML tags: Element-specific,

global, and event handler content attributes. The attributes that you can add to this tag are listed below.

Element-Specific Attributes
Global Attributes

Have a Nice Stay Here :)

Small Tag in HTML5

Now, at this time i realise how to Write a code in smaller Text. so, How? ....so, How?...
and suddenly i remember a small tag who's is used in HTML5. so, my problem is solve but how is it possible for you? so, in this tutorial i will tell about small Tag which is used in HTML5.

so, lets get started......... :-)

The HTML element is found within the <body> tag. The tag is used to make the text one size smaller (ie: from x-large to large, large to medium, medium to small). The tag can not make the text smaller than the browser's minimum font size.

Example

<!DOCTYPE html>
<html>
<head>
<title>Small Text </title>
</head>

<body>

Made with Kumar Atul Jaiswal.
Made with Kumar Atul Jaiswal.

</body>
</html>

Result

Kumar Atul Jaiswal.
Made with Kumar Atul Jaiswal.

Attribue

None.

Gloabal Attribute

The tag also supports the Global Attributes in HTML5.

 Event Attribute

The tag also supports the Event Attributes in HTML5.

Have a Nice Stay Here. :-)

HTML Italic Tag

The HTML element defines a italic tag, withoud any extra importance.

Exapmle

<!DOCTYPE html>
<html>
<head>
<title> HTML italic Tag</title>
</head>

<body>

Hello, This is Kumar Atul Jaiswal.

</body>
</html>

Result

Hello, This is Kumar Atul Jaiswal.

HTML Emphasis Tag

The HTML element defines emphasized text, with added semantic importance.

Exapmle

<!DOCTYPE html>
<html>
<head>
<title> HTML italic Tag</title>
</head>

<body>

Hello, This is Kumar Atul Jaiswal.

</body>
</html>

Result

Hello, This is Kumar Atul Jaiswal.

Each of the above tags is generally interpreted by the browser in a similar way.
The two commonly used tags to place italics onto a website are and .
They are short and sweet.

Note: Browsers display as , and as . However, there is a
difference in the meaning of these tags: and defines bold and italic text,
but and means that the text is "important".

 Bold Tag Tag

Follow this Link :- Bold Tag

HTML Bold and Strong Elements

HTML Bold And Elements

The HTML  elements define bold text without any extra importance.

HTML  Tag. The HTML  tag is used to create a 'b' element, which represents bold text in an HTML document. The  tag should be used to markup text as bold without conveying any extra importance, for example in article abstracts, where the beginning of an article is set in bold text.

Syntax

The tag is written as   with the text to be bold inserted between the start and end tags.

Like This :

This text is bold.

Example

<!DOCTYPE html>
<html>
<head>


<title>HTML Bold Tag</title>


</head>

<body>

This is normal line.
This text is bold.

</body>
</html>

Output

This is normal line.
This text is bold.

Attributes

Attributes can be added to an HTML element to provide more information about how the element should appear or behave.

There are 3 kinds of attributes that you can add to your HTML tags: Element-specific, global, and event handler content attributes.

The  element accepts the following attributes.

Have a Nice Stay Here :)

HTML Style Attribute

The HTML Style Attribuete has the following syntax :

<tagname style="property:value;">

The Property is a CSS property. The value is a CSS value.

NOTE: You will learn more about CSS later in this Tutorial.

-----------------------------------------------------------------------------------------------------------------------

HTML Background Color

The background-color property defines the background color for an HTML element.

The example set the background color for a page to Green.

Example

<!DOCTYPE html>
<html>
<head>
<title>Background-color</title>
</head>

<body style="background-color:green;">

<h1>This is heading1</h1>
This is paragraph

</body>
</html>

Result

-----------------------------------------------------------

HTML Text Color

The Color Property defines the text color for an HTML element:

Example

<!DOCTYPE html>
<html>
<head>
<title>Text Color</title>
</head>

<body style="background-color:green;">

<h1 style="color:blue;">This is a heading.</h1>
This is a paragraph.

</body>
</html>

Result

This is a heading

This is a paragraph.

----------------------------------------------------------------------------------------------------------------------

HTML Text Size

The font-size property defines the text size for an HTML elements;

Example

<!DOCTYPE html>
<html>
<head>
<title>Font Size</title>
</head>

<body style="background-color:green;">

<h1 style="font-size:400%;">This is a heading.</h1>
This is a paragraph.

</body>
</html>

HTML Font Size Video

Result

-------------------------------------------------------------------------------

HTML Fonts

The font-family property defines the font to be used for an HTML element :

Example

<!DOCTYPE html>
<html>
<head>
<title>Font Size</title>
</head>

<body style="background-color:green;">

<h1 style="font--family:verdana;">This is a heading.</h1>
This is a paragraph.

</body>

</html>

Result

This is a heading.

This is a paragraph.

-----------------------------------------------------------------------------------------------------------

Web Best Fonts

1) Arial Header
2) Halvetica Header
3) Times New Roman Header
4) Courier New Header
5) Verdana Header
6) Georgia Header
7) Trebuchet Header

--------------------------------------------------------------------------

HTML Text Alignment

The text alignment property defines the horizontal text alignment for an HTML element.

Example

<!DOCTYPE html>
<html>
<head>
<title>Font Size</title>
</head>

<body style="background-color:green;">

<h1 style="text-align:center;">This is a heading.</h1>
This is a paragraph.

</body>

</html>

Result

This is a heading.

This is a paragraph

------------------------------------------------------------------------------

Chapter Summary

Use the style attribute for styling HTML elements
Use background-color for background color
Use color for text colors

Use font-family for text fonts
Use font-size for text sizes
Use text-align for text alignment

For More Information Watch This Video

WHAT WE DO

We've been developing corporate tailored services for clients for 30 years.

ABOUT US

OUR TEAM

Kumar Atul Jaiswal

Kumar Atul Jaiswal

Kumar Atul Jaiswal

OUR SKILLS

Marketing

Websites

PR

ACHIEVEMENTS

STRATEGY & CREATIVITY

PORTFOLIO

HTML Bold <b> And <Strong> Elements

This is a heading

Chapter Summary

Ads

Youtube

Linkedln

Popular Posts

Like Us

Labels

Let's Talk About

Tweet

Connection

WHAT WE DO

ANALYTICS

CONSULTING

DESIGN

DEVELOPMENT

MARKETING

SEO

CONTACT US

Hacking Truth.in