SIMPLE STEPS TO CREATE WEBSITE: Html basic

Showing posts with label Html basic. Show all posts

Tuesday, December 25, 2018

List.

LIST:-

<html>
<body>

<h2>An Unordered List</h2>

<ul>
<li>Akash</li>
<li>Soni</li>
<li>Venu</li>
</ul>

<h2>An Ordered List</h2>

<ol>
<li>Akash</li>
<li>Soni</li>
<li>Venu</li>
</ol>

</body>

OUTPUT:-

Lists are defined with the <ul>(unordered list) or the <ol> (ordered list) tag, followed by <li> tags (list items).

Buttons.

BUTTONS:-

<html>
<body>

<h2> Buttons Tag.</h2>
<p>HTML buttons are defined with the button tag:</p>

<button>TAB me</button>

</body>
</html>

OUTPUT:-

Buttons are defined with the <button> tag:

Image

IMAGE TAG:-

<html>
<body>

<h2>HTML Images</h2>
<p>HTML images are defined with the img tag:</p>

<img src="google.jpg" alt="google.com" width="200" height="200">

</body>
</html>

OUTPUT:-

Images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as attributes:

Links.

LINKS:-

<html>
<body>

<h2> Links </h2>
<p>HTML links are defined with the a(anchor ) tag:</p>

<a href="https://www.google.com">This is a link</a>

</body>
</html>

OUTPUT:-

Links are defined with the <a> anchor tag:
It works link with another part.
link's destination is specified in the href attribute.

Paragraph.

PARAGRAPH:-

<html>
<body>

<p>This is a dynamic paragraph.</p>
<pre>This is static paragraph.</pre>

</body>
</html>

OUTPUT:-

Paragraphs are defined with the <p> tag:
Paragraphs are defined with the <pre> tag:

HEADING.

HEADING.

<html>
<body>

<h1> Heading 1</h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>
<h4> Heading 4</h4>
<h5> Heading 5</h5>
<h6> Heading 6</h6>

</body>
</html>

OUTPUT:-

Headings are defined with the <h1> to <h6> tags.
<h1> defines the max. bold heading. <h6> defines the min. bold heading:

Document

BASIC:-

<html>

<body>

<h1>Heading.</h1>

<p>Paragraph.</p>

</body>

</html>

output:-

The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>.