-
Notifications
You must be signed in to change notification settings - Fork 0
/
InlineAndBlockElements.html
71 lines (64 loc) · 2.73 KB
/
InlineAndBlockElements.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>InlineAndBlockelements</title>
</head>
<body>
<!--
all attributes will have name and value pair
global attributes are the attributes which can be appiled to every element they are
id,class,style,title(not the one in head eg:it is used in abbr)
local attributes examples are src which is only used for img tag and href only used for anchor(a) tag
marquee is the scrolling content which goes from left to right or vise verse
main examples for block elements are p h1-6 div table li ul ol dl dt dd footer header *nav*(remember this tag for bootstrap)
main examples for inline elements are b strong span em i a img abbr button input
iframe is used to insert another page inside a small part of original page main attributes used in iframe are src and title
-->
<p>this is a p tag but inline</p>
<b>this is a p tag but inline</b>
<span>
this is inline level heading
</span>
<div style="color:black;border:double;border-bottom-color: rgb(18, 18, 26);padding:10px;">
this is block level heading
</div>
<br>
<img src="../desktop text files/IMG-20200302-WA0043.jpg" width="50px" alt=""><a href="https://www.google.com">search engine</a>
<abbr title="Your full name with first and last name as in identity proof">Name</abbr><input type="text">
<marquee style="color:black;font-weight: bold;padding:5px;border-bottom-color: rgb(116, 10, 255);margin-bottom:-1px;font-size:20px;border-style: ;">kmitonline com is a website where online classes are conducted</marquee>
<h1>The dl, dd, and dt elements</h1>
<p>These three elements are used to create a description list:</p>
<dl> <!--description list-->
<dt>Coffee</dt> <!--description term-->
<dd>Black hot drink</dd><!--description data-->
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<h1>Table</h1>
<h2>For table th td border style should be applied</h2>
<table style="border:12px ridge red;"">
<tr>
<th style="border:12px ridge red;">
h1
</th>
<th style="border:12px ridge red;">
h2
</th>
<th style="border:12px ridge red;">h3</th>
</tr>
<tr>
<td style="border:12px ridge red;">
sai
</td>
<td style="border:12px ridge red;">
vamshi
</td>
<td>
krishna
</td>
</tr>
</table>
</body>
</html>