Made by Deepak upadhyay
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Made by Deepak upadhyay
HTML• HTML stands
for Hypertext Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us communicate with others on the World Wide Web (WWW).
Elements and tags
• HTML is composed by a set of elements that are the basis of its structure. Elements are designed to give special information that will be used to compute their final representation. This means that where a tag is defined in the HTML code, something will happen in the representation of that document, that may be visual or not.
ATTRIBUTES
Attributes give certain characteristics to an element (e.g., height, color, relationship, etc.), sometimes very important, that will finally set how it must be interpreted.
Examples of html program
Code:
Result:
code result<!DOCTYPE html><html><body>
<h1>introduction</h1>
<p>deepak .</p>
</body></html>
introductiondeepak .
Example of html program inserting an image
<!DOCTYPE html><html><body>
<h2>Spectacular Mountains</h2><img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px">
</body></html>
Spectacular Mountains
CODE RESULT
Examples of html program Width and Height or Style C
ode:
Result:
code<!DOCTYPE html><html><head><style>img { width:100%;}</style></head>
<body>
<p>It is better to use the style attribute (instead of the width and height attributes), </p>
<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px"><img src="html5.gif" alt="HTML5 Icon" width="128" height="128">
</body></html>
Examples of html program Width and Height or Style C
ode:
Result:
result
It is better to use the style attribute (instead of the width and height attributes)
Creating tables
CODE<!DOCTYPE html><html><body>
<table style="width:100%"> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr></table>
</body></html>
Creating tables
result
Jill Smith 50
Eve Jackson 94
John Doe 80
Creating tables
CODE<!DOCTYPE html><html><body>
<p>The hr tag defines a horizontal rule:</p><hr><p>This is a paragraph.</p><hr><p>This is a paragraph.</p><hr><p>This is a paragraph.</p>
</body></html>
Creating tables
The hr tag defines a horizontal rule:
This is a paragraph.
This is a paragraph.
This is a paragraph.
RESULT
Made by Deepak upadhyay
Related Documents
