HTML & Advanced HTML Programming for Beginners


Textbook, 2014

71 Pages


Excerpt

1
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
Introduction to HTML
Webpages are written in HTML - a simple scripting language.
HTML is short for HyperText Markup Language.
Hypertext is simply a piece of text that works as a link.
Markup Language is a way of writing layout information within documents.
Basically an HTML document is a plain text file that contains text and nothing
else.
When a browser opens an HTML file, the browser will look for HTML codes in
the text and use them to change the layout, insert images, or create links to other
pages.
Since HTML documents are just text files they can be written in even the simplest
text editor.
A more popular choice is to use a special HTML editor - maybe even one that
puts focus on the visual result rather than the codes - a so-called WYSIWYG
editor ("What You See Is What You Get").
Some of the most popular HTML editors, such as FrontPage or Dreamweaver will
let you create pages more or less as you write documents in Word or whatever
text editor you're using.
However, there are some very good reasons to create your own pages - or parts of
them - by hand...
Introduction Advanced HTML 5.
HTML5 will be the new standard for HTML.
The previous version of HTML, HTML 4.01, came in 1999. The internet has
changed significantly since then.
HTML5 is intended to subsume not only HTML 4, but also XHTML 1 and DOM
Level 2 HTML.

2
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
HTML5 is designed to deliver almost everything you want to do online without
requiring additional plugins. It does everything from animation to apps, music to
movies, and can also be used to build complicated applications that run in your
browser.
HTML5 is also cross-platform (it does not care whether you are using a tablet or a
smartphone, a netbook, notebook or a Smart TV).
HTML5 can also be used to write web applications that still work when you are
not online.
The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft,
Mozilla, Nokia, Opera, and hundreds of other vendors.
HTML5 is still a work in progress. However, all major browsers support many of
the new HTML5 elements and APIs.
Some rules for HTML5 were established:
New features should be based on HTML, CSS, DOM, and JavaScript
The need for external plugins (like Flash) needs to be reduced
Error handling should be easier than in previous versions
Scripting has to be replaced by more markup
HTML5 should be device-independent
The development process should be visible to the public

3
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
Prog.1 Example for Heading and Paragraph.
<html>
<body>
<h1>Prof. Nitin Chikani</h1>
<p>My first paragraph. </p>
</body>
</html>
Output:
Prog. 2 Example for Multiple Heading.
<html>
<body>
<h1>This is First heading </h1>
<h2>This is Second heading </h2>
<h3>This is Third heading </h3>
<h4>This is Fourth heading </h4>
<h5>This is Five heading </h5>
<h6>This is Six heading </h6>
</body>
</html>
Output:

4
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
Prog. 3 Example for Linking page.
<html>
<body>
<a href="http://www.techsinformation.com">
This is a link</a>
</body>
</html>
Output:
Prog. 4 Example for Print Horizontal line in HTML.
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a First paragraph.</p>
<hr>
<p>This is a Second paragraph.</p>
<hr>

5
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
<p>This is a Third paragraph.</p>
</body>
</html>
Output:
Prog. 5 Example for Print Multiple Paragraph in HTML.
<html>
<body>
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser

6
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
ignores it.
</p>
<p>
The number of lines in a paragraph depends on the size of your browser window. If you
resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
Output:
Prog. 6 Example for line break in paragraph.
<html>
<body>
<p>This is<br>a para<br>graph with line breaks</p>
</body>
</html>
Output:
Prog. 7 Example for multiple text formatting in HTML.
<html>

7
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
<body>
<p><b>This text is bold</b></p>
<p><strong>This text is good</strong></p>
<p><em>This text is emphasized</em></p>
<p><i>This text is italic</i></p>
<p><small>This text is very small</small></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
</body>
</html>
Output:
Prog. 8 Example for control line breaks and spaces in HTML.
<html>
<body>
<pre>
This is
preformatted text.
It preserves both spaces
and line breaks.
</pre>

8
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
<p>The pre tag is good for displaying computer code:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
Output:
Prog. 9 Example for Different Computer Output tags.
<html>
<body>
<code>Computer code</code>
<br>
<kbd>Keyboard input</kbd>
<br>
<samp>Sample text</samp>
<br>
<var>Computer variable</var>
<br>

9
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
<p><b>Note:</b> These tags are often used to display
computer/programming code.</p>
</body>
</html>
Output:
Prog. 10 Example for Insert Contact Information in HTML.
<html>
<body>
<address>
Written by Prof. Nitin Chikani<br>
<a href="www.techsinformation.com">Email us</a><br>
Address: Box 564, India<br>
Phone: +12 34 56 78
</address>
</body></html>
Output:

10
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
Prog. 11 Example for Abbreviations and Acronyms in HTML.
<html>
<body>
<p>The <abbr title="Nitiin Parshotambhai Chikani">NPC</abbr> was born in
1984.
</p>
<p>Can I get this <abbr title="as soon as possible">ASAP</abbr>?</p>
<p>the title attribute is used to show the spelled-out version when holding the
mouse pointer over The acronym or abbreviation. </p>
</body>
</html>
Output:
Prog. 12 Example for mark deleted and inserted text in HTML.
<html>
<body>
<p>My favorite color is <del>black</del> <ins>pink</ins>!</p>
<p>Notice that browsers will strikethrough deleted text and underline inserted
text.</p>
</body>
</html>
Output:

11
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
Prog. 13 Example for Style HTML Elements.
<html>
<body>
<div
style="opacity:0.5;position:absolute;left:50px;width:300px;height:150px;backgro
und-color:#40B3DF">
</div>
<div style="font-family:verdana;padding:20px;border-radius:10px;border:10px
solid #EE872A;">
<div
style="opacity:0.3;position:absolute;left:120px;width:100px;height:200px;backgr
ound-color:#8AC007"></div>
<h3>Look! Styles and colors</h3>
<div style="letter-spacing:12px;">Manipulate Text</div>
<div style="color:#40B3DF;">Colors
<span style="background-color:#B4009E;color:#ffffff;">Boxes</span>
</div>
<div style="color:#000000;">and more...</div>
</div>
</body>
</html>
Output:

12
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
Prog. 14 Example for Background color in HTML.
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body></html>
Output:
Prog. 15 Example for Style color, font and size in HTML.
<html>
<body>
<h1 style="font-family:verdana;">its Rocking</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
Output:

13
Prof. Nitin Chikani
Atmiya Institute Of Technology & Sci. Rajkot, India
HTML AND ADVANCED HTML PROGRAMMING
Prog. 16 Example for center alignment text in HTML.
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
<p> hi everyone</p>
<p> we are best</p>
</body>
</html>
Output:
Prog. 17 Example for set the font, font-size and font color of text in HTML.
<html>
<body>
<p style="font-family:arial;font-size:110%;color:red">
This is a paragraph with some text in it. This is a paragraph with some text in it.
This is a paragraph with some text in it. This is a paragraph with some text in it.
</p>
Excerpt out of 71 pages

Details

Title
HTML & Advanced HTML Programming for Beginners
Author
Year
2014
Pages
71
Catalog Number
V269212
ISBN (eBook)
9783656604778
ISBN (Book)
9783656607526
File size
1936 KB
Language
English
Notes
this will help you in basic and advanced HTML programming for beginners become master in programming.
Tags
html, advanced, programming, beginners
Quote paper
MCA Nitin Chikani (Author), 2014, HTML & Advanced HTML Programming for Beginners, Munich, GRIN Verlag, https://www.grin.com/document/269212

Comments

  • No comments yet.
Read the ebook
Title: HTML & Advanced HTML Programming for Beginners



Upload papers

Your term paper / thesis:

- Publication as eBook and book
- High royalties for the sales
- Completely free - with ISBN
- It only takes five minutes
- Every paper finds readers

Publish now - it's free