0% found this document useful (0 votes)
8 views

complet-Html-file.html

Uploaded by

Karan vaishnav
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views

complet-Html-file.html

Uploaded by

Karan vaishnav
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Line wrap

1 <html>
2 <head>
3
4 <!--title> Element-->
5 <title>Vidya College</title>
6
7 <!--style> Element-->
8 <style>
9 body {background-color: powderblue;}
10 h1 {color: red;}
11 p {color: blue;}
12 </style>
13
14 <!--link> Element-->
15 <link rel="stylesheet" href="mystyle.css">
16
17 <!--meta> Element-->
18 <!--Define the character set used:-->
19 <meta charset="UTF-8">
20 <!--Define keywords for search engines:-->
21 <meta name="keywords" content="HTML, CSS, JavaScript">
22 <!--Define a description of your web page:-->
23 <meta name="description" content="Free Web tutorials">
24 <!--Define the author of a page:-->
25 <meta name="author" content="John Doe">
26 <!--Refresh document every 30 seconds:-->
27 <meta http-equiv="refresh" content="30">
28 <!--Setting the viewport to make your website look good on all devices:-->
29 <meta name="viewport" content="width=device-width, initial-scale=1.0">
30
31
32 <!--script> Element-->
33 <script>
34 function myFunction() {
35 document.getElementById("demo").innerHTML = "Hello JavaScript!";
36 }
37 </script>
38
39 <!--base> Element-->
40 <base href="https://www.w3schools.com/" target="_blank">
41 <style>
42 </style>
43 </head>
44 <body bgcolor="" background="" topmargin="" leftmargin="" text="">
45
46 <!--frame tag-->
47 <frameset cols="25%,50%,25%">
48 <frame src="frame1.html" >
49 <frame src="frame2.html">
50 <frame src="frame3.html">
51 </frameset>
52
53 <!--Form tag-->
54 <select name="course" id="course">
55 <optgroup label="UG Course">
56 <option>BCA</option>
57 <option>BSC IT</option>
58 </optgroup>
59 <optgroup label="PG Course">
60 <option>MSC IT</option>
61 <option>MSC CS</option>
62 </optgroup>
63 <optgroup label="Diploma Course">
64 <option>ITI</option>
65 </optgroup>
66 </select>
67
68 <select name="course" id="course">
69 <option>BCA</option>
70 <option>BSC IT</option>
71 <option>MSC IT</option>
72 <option>MSC CS</option>
73 <option>ITI</option>
74 </select>
75
76 <form action="/action.php" oninput="x.value=parseInt(a.value)+parseInt(b.value)">
77 0
78 <input type="range" id="a" name="a" value="50">
79 100 +
80 <input type="number" id="b" name="b" value="50">
81 =
82 <output name="x" for="a b"></output>
83 <br><br>
84 <input type="submit">
85 </form>
86
87
88 <input list="course">
89 <datalist id="course">
90 <option value="BCA">
91 <option value="BSCIT">
92 <option value="MSCIT">
93 <option value="MSCCS">
94 </datalist>
95
96
97
98
99
100 <form name="myForm" method="GET" action="yello.html" target="_blank" accept-charset="utf-8"
enctype="multipart/form-data">
101 <select>
102 <option disabled>A</option>
103 <option>B</option>
104 <option selected>C</option>
105
106 </select>
107
108
109 <input type="text" value="Desh" placeholder="" readonly>
110 <input type="button" value="Click Me!">
111 <input type="checkbox" checked>Cricket
112 <input type="checkbox">Football
113 <input type="color">
114 <input type="date">
115 <input type="datetime-local">
116 <input type="email">
117 <input type="file">
118 <input type="hidden">
119 <input type="image">
120 <input type="month">
121 <input type="number">
122 <input type="password">
123 <input type="radio" name="gender" id="gender1">male
124 <input type="radio" name="gender" id="gender2">Female
125 <input type="radio" name="gender" id="gender3">Other
126 <input type="range">
127 <input type="reset">
128 <input type="search">
129 <input type="submit" >
130 <input type="tel">
131 <input type="text">
132 <input type="time">
133 <input type="url" >
134 <input type="week">
135 </form>
136
137
138
139 <!--List tag>
140 Type of List
141 1>Unordered List (<ul>): A list where the order of items doesn't matter. Items are usually
marked with bullet points.
142
143 2>Ordered List (<ol>): A list where the order of items does matter. Items are usually
numbered.
144
145 3>Definition List (<dl>): A list used to define terms and their definitions.-->
146 <!--table Tag-->
147 <!--Unordered List (Bulleted List)-->
148 <ul>
149 <li>Item 1</li>
150 <li>Item 2</li>
151 <li>Item 3</li>
152 </ul>
153 <!--Unordered List Attribut
154 1> type
155 Bulleted
156 Circle
157 Square
158 -->
159 <ul type="bulleted">
160 <li>Item 1</li>
161 </ul>
162 <ul type="Circle">
163 <li>Item 1</li>
164 </ul>
165 <ul type="Square">
166 <li>Item 1</li>
167 </ul>
168
169
170 <!--Ordered List (Numbered List)-->
171 <ol>
172 <li>Item 1</li>
173 <li>Item 2</li>
174 <li>Item 3</li>
175 </ol>
176
177 <!--Ordered List Attribut
178 1> type
179 a>Decimal Numbers (bydefault) type="1"
180 b>Lowercase Roman Numerals type="i"
181 c>Uppercase Roman Numerals type="I"
182 d>Lowercase Alphabetical Numbers type="a"
183 e>Uppercase Alphabetical Numbers type="A"
184
185 2>start (Ordered List with Custom Starting Number)
186 start="value"
187 start="D"
188 start="11"
189 -->
190 <!--Definition List-->
191 <dl>
192 <dt>HTML</dt>
193 <dd>HyperText Markup Language, the standard language for creating webpages.</dd>
194
195 <dt>CSS</dt>
196 <dd>Cascading Style Sheets, used to style the HTML content.</dd>
197 </dl>
198
199 <!--Nested List -->
200 <ul>
201 <li>Fruits
202 <ul>
203 <li>Apple</li>
204 <li>Banana</li>
205 </ul>
206 </li>
207 <li>Vegetables
208 <ol>
209 <li>Carrot</li>
210 <li>Potato</li>
211 </ol>
212 </li>
213 </ul>
214
215
216 <table>
217 <thead>
218 </thead>
219 <tbody>
220 </tbody>
221 </table>
222 <!--Other Tag In Html Table
223 1> <tr> -> To Create Table rows
224 2> <th> -> To Create Table Heading
225 3> <td> -> To Create Table data-->
226 <table width="100%" border="1" background="" bgcolor="">
227 <thead>
228 <tr width="" border="" background="" bgcolor="">
229 <th width="" border="1" background="" bgcolor="">Roll No.</th>
230 <th>Student name</th>
231 <th>F' Name</th>
232 <th>M' Name</th>
233 <th>Mob. Number</th>
234 <th>Address</th>
235 </tr>
236 </thead>
237 <tbody>
238 <tr>
239 <td>1</td>
240 <td>Farru..</td>
241 <td>Adil</td>
242 <td>Ritu</td>
243 <td>9411420174</td>
244 <td>Bhilwara</td>
245 </tr>
246 <tr>
247 <td>2</td>
248 <td>Chandu</td>
249 <td>Ritu</td>
250 <td>Ritu devi</td>
251 <td>9411420174</td>
252 <td>Bhilwara</td>
253 </tr>
254 <tr>
255 <td>3</td>
256 <td>Chandu</td>
257 <td>Ritu</td>
258 <td>Ritu devi</td>
259 <td>9411420174</td>
260 <td>Bhilwara</td>
261 </tr>
262 <tr>
263 <td>4</td>
264 <td>Chandu</td>
265 <td>Ritu</td>
266 <td>Ritu devi</td>
267 <td>9411420174</td>
268 <td>Bhilwara</td>
269 </tr>
270 <tr>
271 <td>5</td>
272 <td>Chandu</td>
273 <td>Ritu</td>
274 <td>Ritu devi</td>
275 <td>9411420174</td>
276 <td>Bhilwara</td>
277 </tr>
278 </tbody>
279 </table>
280 <!-- table Attribute
281 1> width
282 2> height
283 3> border
284 4> background
285 5> bgcolor
286 6> colspan
287 7> rowspan
288 8> To change Font,Size,Face Using <Font> Tag-->
289 <br/>
290 <br/>
291 <table border="1" width="50%">
292 <tbody>
293 <tr>
294 <td colspan="2">A</td>
295 <td rowspan="3">C</td>
296 </tr>
297 <tr>
298 <td>D</td>
299 <td>E</td>
300 </tr>
301 <tr>
302 <td>G</td>
303 <td>H</td>
304 </tr>
305 </tbody>
306 </table>
307
308 <header>
309 <h1>Vidya Professional And Technical College</h1>
310 <p>Established in the year 1996</p>
311 </header>
312
313 <section>
314 <a href="#bottom">Go To Bottom</a>
315 <a id="top"></a>
316 <!--Inserting texts-->
317 <!--1. Formatting Text:-->
318 Bold-> <b>Vidya Professional And Technical College</b><br/>
319 Itlic-> <i>Vidya Professional And Technical College</i><br/>
320 Underline-> <u>Vidya Professional And Technical College</u><br/>
321 Underline-> <ins>Vidya Professional And Technical College</ins><br/>
322 strikethrough-> <del>Vidya Professional And Technical College</del><br/>
323 strikethrough-> <strike>Vidya Professional And Technical College</strike><br/>
324 strikethrough-> <s>Vidya Professional And Technical College</s><br/>
325 <!--2. Quotation and Citations:-->
326 <blockquote>
327 The only limit to &nbsp;our realization of tomorrow is our doubts of today." - Franklin D.
Roosevelt
328 </blockquote>
329 <cite>The Great Gatsby</cite><br/><br/>
330 <!--3. Line Breaks and Spaces:
331 Line Break <br/>
332 Non-breaking Space (&nbsp;): -->
333 <!--4. Special Text Characters:-->
334 see &quot;<br>
335 see &copy;<br>
336 see &reg;<br>
337 see &lt;<br>
338 see &gt;<br>
339 see &amp;<br>
340 see &trade;<br>
341 see &nbsp;the space<br>
342 see &#034;<br>
343 see &#169;<br>
344 see &#174;<br>
345 <!--5. Heading Tag:-->
346 <h1>hello</h1> <!--Max Size-72px-->
347 <h2>hello</h2>
348 <h3>hello</h3>
349 <h4>hello</h4>
350 <h5>hello</h5>
351 <h6>hello</h6> <!--Min Size-8px-->
352 <!--6. Subscript and superscript:-->
353 CO<sup>2</sup> <!--Superscript-->
354 H<sub>2</sub>O <!--Subscript-->
355 <br/>
356 <br/>
357 <!--7. Big And Small:-->
358 <big><big><big><big><big><big><big><big>Vidya</big></big></big></big></big></big></big></big>
359 <small><small><small><small>Vidya</small></small></small></small>
360
361 <!--8. <p>:-->
362 <p align="">What is Lorem Ipsum?</p>
363 <p align="left">What is Lorem Ipsum?</p>
364 <p align="right">What is Lorem Ipsum?</p>
365 <p align="center">What is Lorem Ipsum?</p>
366 <p align="justify">What is Lorem Ipsum?
367 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
galley of type and scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It
was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
passages, and more recently with desktop publishing software like Aldus PageMaker including
versions of Lorem Ipsum.</p>
368 <!--9. <pre>:-->
369 <pre>
370 Lorem Ipsum is simply dummy text of the printing and typesetting
371 industry. Lorem Ipsum has been the indu
372 stry's standard dummy text ever since th
373 e 1500s, when an unknown printer took a galley of ty
374 pe and scrambled it to make
375
376
377
378 a type specimen book. It has survived not only five centuries, but
379 also the leap into electronic typesetting, remaining essentially unchanged. It was popularised
380 in the 1960s with the release of Letraset sheets containing Lorem Ipsum pass
ages, and
381 more recently with desktop
382 publishing software like Aldus
383 PageMaker including versions of Lorem Ipsum.
384 </pre>
385 <!--10. <font> tag-->
386 <font face="Chiller" size="8" color="green">Deshbandhu bhatt</font>
387
388 <!--11. <div> tag-->
389 <div> div1 </div>
390 <div> div2 </div>
391
392 <!--12. <span> tag-->
393 <span> span1 </span>
394 <span> span2 </span>
395
396 <!--13. <marquee> tag-->
397 <marquee width="100%" height="100vh" bgcolor="pink" direction="left" loop="" scrolldelay="10"
scrollamount="10"><h1>Hello hi vidya college</h1></marquee>
398 </section>
399
400
401
402
403 <!--img src="image path/image_name.type" width="" height="" alt="" /-->
404 <!--img src="C:\xampp\htdocs\deshbandhu\Hotal\admin\images\bg_1.jpg" width="50%" height=""
alt="No image found" /-->
405
406
407
408 <a href="https://www.mdsuajmer.ac.in/" target="_blank" title="Click and view mdsu
website">MDSU</a>
409
410
411 <a id="bottom"></a>
412 <a href="#top">Go To Top</a>
413 <footer>
414 <p>Address</p>
415 <p>Vidya Professional And Technical College
416 Telikhera Tiraha,Near Hadoti Resort, Village - Paldi, RC Vyas Colony, Bhilwara - 311001 (Near
RC Vyas Colony) Tel-01482 234 504</p>
417 </footer>
418 </body>
419 </html>
420

You might also like