HTML
HTML
⦿Html stands for Hypertext markup language.
⦿HTML use to create web page and web applications.
⦿HTML is widely used language on the web.
⦿we can create a static websites by HTML only .
Ex:-1.1
<html>
<head>
<title>Webpage</title>
<body>
<h1>First web page create</h1>
<p>This is my notes</p>
</body>
</head>
</html>
EX:-1.2
<h1>First web page create</h1>
<p>This is my notes</p>
EX :-1.3
<title>sonu</title>
<h1>First web page create</h1>
<p>This is my notes</p>
EX :-1.4
<html>
<title>sonu</title>
<h1>First web page create</h1>
<p>This is my notes</p>
</html> //koi changing nahi jab <html> lagaya why
EX :-1.5
<html>
<head>
<title>sonu</title>
</head> //head lagane se koi changing nahi hua why
<h1>First web page create</h1>
<p>This is my notes</p>
</html>
EX:-1.6
⦿What is Hyper TEXT.
⦿What is Markup Language.
⦿web pages
⦿Description of HTML EX
<!DOCTYPE>
<html>
<hrad>
<tital>
<body>
<h1>
<p>
⦿HTML Versions
HTML 1.0:
HTML 2.0:
HTML 3.2:
HTML 4.01:
HTML :
⦿Features of HTML
1.easy and simple language.
2,.effective presentation
3.markup language
4.link
5.platform independent
6.Facilitates Graphics, videos, and sound
7.case-insenditive language, tags either .
Notes:-it is recommended to write all tags in lower-case for consistency ,readability,etc.
⦿Building blocks of HTML
TAGS:- An HTML tag surrounds the content and apply meansing to it. It is write between<and> Brackets.
Attribute:- An attribute in HTML provides extra info about the element, and it is applied within the start tag. An HTML attribute contains two fields : name & value.
Syntax
<tag name attribute_name ="attr_value"> content </tag name>
Ex:-2.1
<!DOCTYPE>
<html>
<head>
<title>sonu</title>
</head>
<h1>First web page create</h1>
<p style="color: red">The style is attribute of paragraph tag</p>
<p>This is my notes</p>
</html>
HTML Table
Testing.html
<table>
<tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>
<tr><td>kumar</td><td>Deepak</td><td>60</td></tr>
<tr><td>Rahul</td><td>ku</td><td>80</td></tr>
<tr><td>Swati</td><td>Sironi</td><td>82</td></tr>
<tr><td>Chetna</td><td>Singh</td><td>72</td></tr>
<tr><td>Ritash</td><td>ku</td><td>90</td> </tr>
</table>
Html Table with border
There are twa ways to spicify border.
1.by border attributed of table
2.by border porpety in CSS
Testing.java<table border="10">
<tr><th>First_Name</th><th>Last_Name</th><th>Marks</th></tr>
<tr><td>Deepak</td><td>kumar</td><td>60</td></tr>
<tr><td>James</td><td>William</td><td>80</td></tr>
<tr><td>Swati</td><td>singh</td><td>82</td></tr>
<tr><td>Chetna</td><td>Singh</td><td>72</td></tr>
</table>
Testing.java
<html>
<head>
<title>table</title>
<style>
table{
border-collapse: collapse;
width: 100%;
}
th,td{
border: 2px solid green;
padding: 15px;
}
</style>
</head>
<body>
<table>
<tr>
<th>1 header</th>
<th>1 header</th>
<th>1 header</th>
</tr>
<tr>
<td>1data</td>
<td>1data</td>
<td>1data</td>
</tr>
<tr>
<td>2 data</td>
<td>2 data</td>
<td>2 data</td>
</tr>
<tr>
<td>3 data</td>
<td>3 data</td>
<td>3 data</td>
</tr>
</table>
</body>
</html>
LIST order
Testing.html
<ol>
<li>Aries</li>
<li>Bingo</li>
<li>Leo</li>
<li>Oracle</li>
</ol>
<ul>
<li>Aries</li>
<li>Bingo</li>
<li>Leo</li>
<li>Oracle</li>
</ul>
⦿
⦿
⦿
⦿
⦿
Frameset tag
code :- 1
Testing.html
<html>
<head>
<title first></title>
</head>
<frameset rows ="20%,30%,20%">
<frame name ="top" scr="Testing.html"/>
<frame name ="main" scr="b.html"/>
<frame name ="button" scr="c.html"/>
<frameset>
</html>
page create:-
b.html
c.html
Run output
code:-2
Testing.html
<html>
<head>
<title first></title>
</head>
<frameset cols ="20%,30%,20%">
<frame name ="top" scr="Testing.html"/>
<frame name ="main" scr="b.html"/>
<frame name ="button" scr="c.html"/>
<frameset>
</html>
webpage create:-
b.html
c.html
Run output
code:-3
Testing.html
<html>
<head>
<title>Frame tag</title>
</head>
<frameset cols="50%,50%">
<frame src="https://www.javatpoint.com/html-table">
<frame src="https://www.javatpoint.com/css-table">
</frameset>
</html>
Run output
Comments
Post a Comment