HTML(hyper text markup language)
13
Made by Deepak upadhyay
-
Upload
deepak-upadhyay -
Category
Education
-
view
44 -
download
1
Transcript of HTML(hyper text markup language)
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
