Scribd
Upload
8 views3 pages

HTML Basics for Beginners

This document provides an overview of common HTML elements for structuring and styling documents. It describes the basic HTML document structure and elements for headings, text formatting, links, lists, tables, forms, and more. Examples are given for elements like headings, paragraphs, line breaks, horizontal rules, bold, italics, links, unordered and ordered lists, tables, text boxes, and comments.

Uploaded by

nethimadhu
Copyright
© Attribution Non-Commercial (BY-NC)
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
8 views3 pages

HTML Basics for Beginners

This document provides an overview of common HTML elements for structuring and styling documents. It describes the basic HTML document structure and elements for headings, text formatting, links, lists, tables, forms, and more. Examples are given for elements like headings, paragraphs, line breaks, horizontal rules, bold, italics, links, unordered and ordered lists, tables, text boxes, and comments.

Uploaded by

nethimadhu
Copyright
© Attribution Non-Commercial (BY-NC)
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 Basic Document

<html>
<head>
<title>Title of document goes here</title>
</head>

<body>
Visible text goes here...
</body>

</html>

Heading Elements
<h1>Largest Heading</h1>

<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>

<h6>Smallest Heading</h6>

Text Elements
<p>This is a paragraph</p>
<br /> (line break)
<hr /> (horizontal rule)
<pre>This text is preformatted</pre>

Logical Styles

<em>This text is emphasized</em>


<strong>This text is strong</strong>
<code>This is some computer code</code>

Physical Styles

<b>This text is bold</b>


<i>This text is italic</i>

Links
Ordinary link: <a href="[Link] goes here</a>
Image-link: <a href="[Link] src="URL" alt="Alternate Text" /></a>
Mailto link: <a href="[Link] e-mail</a>

A named anchor:
<a name="tips">Tips Section</a>
<a href="#tips">Jump to the Tips Section</a>
Unordered list
</li>
  <li>Ite m</li>
</ul> <ul>
  <li>Item

Ordered list
<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

Definition list
<dl>
  <dt>First term</dt>
    <dd>Definition</dd>
  <dt>Next term</dt>
    <dd>Definition</dd>
</dl>

Tables
<table border="1">
  <tr>
    <th>Tableheader</th>
    <th>Tableheader</th>
  </tr>
  <tr>
    <td>sometext</td>
    <td>sometext</td>
  </tr>
</table>

Frames
<frameset cols="25%,75%">
  <frame src="[Link]" />
  <frame src="[Link]" />
</frameset>

Forms
<form action="[Link] method="post/get">

<input type="text" name="email" size="40" maxlength="50" />


<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Send" />
<input type="reset" />
<input type="hidden" />

<select>
<option>Apples</option>
<option selected="selected">Bananas</option>
<option>Cherries</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>

Entities
&lt; is the same as <
&gt; is the same as >
&#169; is the same as ©

Other Elements
<!-- This is a comment -->

<blockquote>
Text quoted from a source.
</blockquote>

<address>
Written by [Link]<br />
<a href="[Link] us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>

Source : [Link]

You might also like