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

HTML5 <Ins> Tag

The <ins> Tag define a text that has been inserted into a document. It is often paired with a <del> element which identifies deleted text replaced by the text contained in the <ins> element.

HTML5 <del> Tag

HTML5 Del Tag :- <del> Tag
Article :- <del> Tag

Display

Inline

Usage

Semantic/Textual

Example

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

<body>

Tickets for the Train are <del>$50</del> <ins>$10</ins>.

</body>
</html>

Result

Tickets for the Train are ~~$50~~ $10.

Video on this Topic :- Soon

HTML Table with Inline Internal & External

HTML Table

An HTML Table is define with the <table> Tag.

Each table row is deifined with the <tr> tag.
A table header is defined with the <th> tag.
A table data.cell is defined with the <td> tag.

By default Table headings are bold and centered.

Row and Column

Example

<!DOCTYPE html>
<html>
<body>

<h2>HTML Table</h2>

<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>

<tr>
<td>Kumar Atul</td>
<td> jaiswal</td>
<td>19</td>
</tr>

<tr>
<td>Hacker</td>
<td>BoY</td>
<td>18</td>
</tr>

<tr>
<td>Naam to</td>
<td>suna hoga</td>
<td>17</td>
</tr>
</table>

</body>

</html>

Result

Note: The <td> elements are the data containers of the table.

They can contain all sorts of HTML elements; text, images, lists, other tables, etc.

Adding a border

If you do not specify a border for the table, it will be displayed without borders.

A border is set using the CSS border property:

table, th, td {
border: 1px solid black;

}

Example of Adding Internal CSS

<!DOCTYPE html>
<html>
<head>

<style>

table, th, td {
border: 1px solid black;
}

</style>

</head>
<body>

<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>


<tr>
<td>Kumar Atul</td>
<td> jaiswal</td>
<td>19</td>
</tr>


<tr>
<td>Hacker</td>
<td>BoY</td>
<td>18</td>
</tr>


<tr>
<td>Naam to</td>
<td>suna hi hoga</td>
<td>17</td>
</tr>

</table>

</body>
</html>

Result

Example of Adding Inline CSS

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<table style="width:100%">
<tr>
<th style=" border: 1px solid black;" >Firstname</th>
<th style=" border: 1px solid black;" >Lastname</th>
<th style=" border: 1px solid black;">Age</th>
</tr>


<tr>
<td style=" border: 1px solid black;">Kumar Atul</td>
<td style=" border: 1px solid black;"> jaiswal</td>
<td style=" border: 1px solid black;">19</td>
</tr>


<tr>
<td style=" border: 1px solid black;">Hacker</td>
<td style=" border: 1px solid black;">BoY</td>
<td style=" border: 1px solid black;">18</td>
</tr>


<tr>
<td style=" border: 1px solid black;">Naam to</td>
<td style=" border: 1px solid black;">suna hoga</td>
<td style=" border: 1px solid black;">17</td>
</tr>

</table>

</body>
</html>

Result

Example of Adding External CSS

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

<body>

Use the external CSS File to add a border to the table.

<table style="width:100%">

<tr>

<th>Firstname</th>

<th>Lastname</th>

<th>Age</th>

</tr>

<tr>

<td>Kumar Atul</td>

<td> jaiswal</td>

<td>19</td>

</tr>

<tr>

<td>Hacker</td>

<td>BoY</td>

<td>18</td>

</tr>

<tr>

<td>Naam to</td>

<td>suna hoga</td>

<td>17</td>

</tr>

</table>

</body>

</html>

Result

otherwise if you do not want to use of CSS Internal file, you can use of Inline CSS

Internal CSS

Internal CSS

Inline CSS

External CSS

Video on this Topic :- Coming Soon

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 :)

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

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