Sunday, 4 June 2023

HTML 4 CODES

 

Important Coding on HTML

 

1.html

 

<html>

<head><title>www.myfirstpage.com</title>

</head>

<body>

This is My First Page.

</body>

</html>

 

2.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use line break

<br> Technologica <br> Computer <br> Education <br> Society <br>

Nera Ram Thakur Math <br>

Nabatara School Road<br>

P.O - Subhasgram, Kolkata 700147<br>

Phone Number – 9903152315.

</body>

</html>

 

 

3.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Running Text

<marquee>Technologica Computer Education Society</marquee>

</body>

</html>

 

4.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Running Text with horizontal lines

<hr>

<marquee>Technologica Computer Education Society</marquee>

<hr>

</body>

</html>

 

5.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Running Text with horizontal lines with diffrent colors

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

</body>

</html>

 

6.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body bgcolor="pink">

How to use Change the background color?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

</body>

</html>

 

7.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body bgcolor="pink" text="blue">

How to use Change the background color and text color ?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

</body>

</html>

 

8.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body bgcolor=#4785690540680548 text=#408954548569048567868678>

How to use Change the background color and text color with hex colors?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

</body>

</html>

 

9.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Bold, Italics and Underline?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<b> I love my father</b>

<i>I love my mother</i>

<u>I love my country</u>

</body>

</html>

 

10.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Order List?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<br>Basic Course

<ol>

<li>Fundamentals of Computer</li>

<li>Fundamentals of Windows</li>

<li>Microsoft Word</li>

<li>Microsoft Excel</li>

<li>Microsoft Powerpoint</li>

<li>Microsoft Access</li>

<li>HTML</li>

<li>Internet</li>

<li>Microsoft Frontpage</li>

<li>DOS</li>

<li>Linux</li>

<li>Bengali Hindi Typing</li>

</ol>

</body>

</html>

 

11.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Unorder List?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<br>Basic Course

<ul>

<li>Fundamentals of Computer</li>

<li>Fundamentals of Windows</li>

<li>Microsoft Word</li>

<li>Microsoft Excel</li>

<li>Microsoft Powerpoint</li>

<li>Microsoft Access</li>

<li>HTML</li>

<li>Internet</li>

<li>Microsoft Frontpage</li>

<li>DOS</li>

<li>Linux</li>

<li>Bengali Hindi Typing</li>

</ul>

</body>

</html>

 

 

 

12.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to Change the font size and color?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<font face="monotype corsive" size=6 color="red"> I Love My Country</font>

<br>

<font face="Arial" size=4 color="green"> I Love My Parents</font>

</body>

</html>

 

13.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to Create Paragraph?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<p align=center>

What is HTML, XML, UML, MHTML, SGML etc ?

</p>

<p align=left>HTML: HyperText Markup Language (HTML) is the main markup language for creating web pages and other information that can be displayed in a web browser.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets, within the web page content. HTML tags most commonly come in pair, although some tags represent empty elements and so are unpaired. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, further tags, comments and other types of text-based content. </p>

 

<p align=right>XML: Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable. It is defined in the XML 1.0 Specification[3] produced by the W3C, and several other related specifications, all free open standards.</p>

 

<p>UML: Unified Modeling Language (UML) is a standardized (ISO/IEC 19501:2005), general-purpose modeling language in the field of software engineering. The Unified Modeling Language includes a set of graphic notation techniques to create visual models of object-oriented software-intensive systems.</p>

 

<p>MHTML: MHTML, short for MIME HTML, is a web page archive format used to combine resources that are typically represented by external links (such as images, Flash animations, Java applets, audio files) with HTML code into a single file. The content of an MHTML file is encoded as if it were an HTML e-mail message, using the MIME type multipart/related. The first part of the file is normally encoded HTML; subsequent parts are additional resources identified by their original URLs and encoded in base64. This format is sometimes referred to as MHT, after the suffix .mht given to such files by default when created by Microsoft Word, Internet Explorer, or Opera. MHTML is a proposed standard, circulated in a revised edition in 1999 as RFC 2557.</p>

 

<p align=justify>SGML: The Standard Generalized Markup Language (SGML; ISO 8879:1986) is an ISO-standard technology for defining generalized markup languages for documents. ISO 8879 Annex A.1 defines generalized markup:

Generalized markup is based on two novel postulates:

Markup should be declarative: it should describe a document's structure and other attributes, rather than specify the processing to be performed on it. Declarative markup is less likely to conflict with unforeseen future processing needs and techniques.

Markup should be rigorous so that the techniques available for processing rigorously-defined objects like programs and databases can be used for processing documents as well. HTML is an example of a SGML-based language.

</p>

</body>

</html>

 

14.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Hyperlink?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<a href="2.html">Click here</a> to open another webpage.

</body>

</html>

 

15.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to make a table?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<TABLE BORDER=2 BGCOLOR="pink">

<TH>NAME</TH>

<TH>ADDRESS</TH>

<TR>

<TD>Swaraj Chakraborty</TD>

<TD>NTS, Road, Subhasgram</TD>

<TR>

<TD>Suraj Thapaer</TD>

<TD>Radhikapur, Patna</TD>

</TR>

</TABLE>

</body>

</html>

 

16.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to make a table with rowspan?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<TABLE BORDER=3>

<TH ROWSPAN=2>A</TH>

<TH> B</TH>

<TR>

<TH>C</TH>

</TR>

</TABLE>

</body>

</html>

 

17.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to make a table with colspan?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<TABLE BORDER=3>

<TH COLSPAN=2>A</TH>

<TR>

<TH> B</TH>

<TH>C</TH>

</TR>

</TABLE>

</body>

</html>

 

18.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use button?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<INPUT TYPE="BUTTON" NAME="BT1" VALUE="CLICK ME" onClick="function()">

</body>

</html>

 

19.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use text box?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<INPUT TYPE="TEXT" NAME="T1" SIZE =25>

</body>

</html>

 

20.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use text area?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<TEXTAREA ROWS="2" NAME="S1" COLS="20"></TEXTAREA>

</body>

</html>

 

21.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use check box?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<INPUT TYPE="CHECKBOX" NAME="C1" VALUE="ON">

</body>

</html>

 

22.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use radio button?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<INPUT TYPE="RADIO" VALUE="V1" CHECKED NAME="R1">

</body>

</html>

 

23.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Drop Down List?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

 <SELECT SIZE="1" NAME="D1">

 <OPTION>SWARAJ</OPTION>

 <OPTION>RATANADIP</OPTION>

 <OPTION>MUKUL</OPTION>

 </SELECT>

</body>

</html>

 

24.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Headings?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<h1>Technologica Computer Education Society</h1>

<h2>Technologica Computer Education Society</h2>

<h3>Technologica Computer Education Society</h3>

<h4>Technologica Computer Education Society</h4>

<h5>Technologica Computer Education Society</h5>

<h6>Technologica Computer Education Society</h6>

</body>

</html>

 

 

25.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body>

How to use Group List?

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<FIELDSET STYLE="PADDING: 2">

<LEGEND>CALCULATION</LEGEND>

<P>Write Your Text Here</P>

</FIELDSET>

</body>

</html>

 

26.html

 

<html>

<head><title>www.tces.yolasite.com</title></head>

</head>

<body bgcolor="pink" text="red">

<center><h1>Welcome to HTML Webpages</h1></center>

<hr color="red">

<marquee>Technologica Computer Education Society</marquee>

<hr color="green">

<center><p><h2> Here we are going to guide you to learn how HTML works and how HTML pages are to be drwan.</h2></p></center>

<center>

<table border=2>

<th width=400> Tags </th>

<th width=400> Meaning </th>

<tr>

<td>html</td>

<td> TO START THE HTML CODING</td>

<tr>

<td>title</td>

<td> TO NAME THE TITLE</td>

<tr>

<td>head</td>

<td> TO DENOTE HEAD OF THE PAGE</td>

<tr>

<td>head</td>

<td> TO DENOTE HEAD OF THE PAGE</td>

<tr>

<td>marquee</td>

<td> TO MAKE A MOVING TEXT</td>

<tr>

<td>br</td>

<td> TO MOVE TO NEXT LINE   </td>

<tr>

<td>hr</td>

<td>TO ADD A HORIZONTAL LINE</td>

<tr>

<td>ol</td>

<td>TO MAKE A ORDER LIST</td>

<tr>

<td>ul</td>

<td>TO MAKE A UNORDER LIST</td>

<tr>

<td>font</td>

<td>TO CHANGE THE FONT COLOR SIZE AND FACE TYPE</td>

<tr>

<td>p</td>

<td>TO MAKE A PARAGRAPH</td>

<tr>

<td>b</td>

<td>TO MAKE THE BOLD TEXT</td>

<tr>

<td>i</td>

<td>TO MAKE THE ITALICS TEXT</td>

<tr>

<td>u</td>

<td>TO MAKE THE UNDELINE TEXT</td>

<tr>

<td>center</td>

<td>TO MAKE THE CENTRE ALIGNMENT</td>

<tr>

<td>img</td>

<td>TO INSERT A PICTURE</td>

<tr>

<td>a href</td>

<td>TO INSERT HYPERLINK ON A TEXT/OBJECT</td>

<tr>

<td>table</td>

<td>TO MAKE A TABLE</td>

<tr>

<td>th rowspan</td>

<td>TO MAKE ROWSPAN</td>

<tr>

<td>th colspan</td>

<td>TO MAKE COLSPAN</td>

<tr>

<td>input type=button</td>

<td>TO MAKE INPUT TYPES BUTTON</td>

<tr>

<td>input type=button</td>

<td>TEXTBOX</td>

<tr>

<td>TEXTAREA</td>

<td>TEXTAREA</td>

<tr>

<td>input type=checkbox</td>

<td>TO MAKE THE CHECKBOX</td>

<tr>

<td>input type=radio</td>

<td>TO MAKE THE RADIO BUTTON</td>

<tr>

<td>select </td>

<td>TO MAKE DROP DOWN LIST</td>

<tr>

<td>input type=radio</td>

<td>TO MAKE THE RADIO BUTTON</td>

<tr>

<td>FIELDSET</td>

<td>TO MAKE A GROUP LIST</td>

<tr>

<td>h1</td>

<td>TO MAKE headings</td>

</table>

</center>

 

<i><u>Contact Us</u></i><br>

 

<h3><font color="orange">Technologica</font> <font color="white">Computer Education</font> <font color="green">Society</font></h3>

Near Ram Thakurer Math<br>

Nabatara School Road<br>

P.O : Subhasgram, Kolkata 700147

Phone Number : 9903152315

</body>

</html>

No comments:

Post a Comment

JAVA PROGRAMMING - OOPS CHAPTER 1

Object-Oriented Programming Chapter 1: Basics by Souradeep Roy Using IntelliJ IDEA Community version:- _____________________________________...