{"id":21,"date":"2018-07-12T06:17:17","date_gmt":"2018-07-12T06:17:17","guid":{"rendered":"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/?post_type=chapter&#038;p=21"},"modified":"2024-01-19T07:20:13","modified_gmt":"2024-01-19T07:20:13","slug":"introduction-to-web-development-with-php","status":"publish","type":"chapter","link":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/chapter\/introduction-to-web-development-with-php\/","title":{"rendered":"Introduction to Web Development with PHP"},"content":{"raw":"<div><span style=\"float: right;\"><a href=\"https:\/\/youtu.be\/8dcDPO_GWgM\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"http:\/\/ebooks.inflibnet.ac.in\/wp-content\/uploads\/2018\/11\/download.png\" alt=\"epgp books\" width=\"75px\" height=\"75px;\" \/><\/a>\r\n<\/span><\/div>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The World Wide Web or simply Web consists of many components. These components work together to display web page. Web Applications use client\/server architecture. This architecture has mainly 3 components.<\/p>\r\n1. Client\r\n\r\n2. Network\r\n\r\n3. Server\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Client connects to the server by Internet. Client send request to the server and server response to the client. Server shares resources with clients. These resources can be files, printers, web sites, databases, emails. The server which share web site is known as Web server. In the same way, if a server share files, it is called file server. Client software is used web browser software to access web server. Client and server are communicated by a communication system. This communication system is known as network.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Computer connects to the network through NIC (Network Interface Card). The connection between client and server through network can be wired or wireless. Ethernet is a common type of wired network. The most common type of wireless network is Wi-Fi.<\/p>\r\n&nbsp;\r\n\r\nThe information is transported from one computer to another by network.\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Routing is the process to determine route to get information from one computer to another. A router is a device that is connected to two or more networks. Router determines the route to communicate between source and destination. When information comes from source network, router decides which network is closets to the destination network and sends information to the closets network.<\/p>\r\n&nbsp;\r\n\r\nNetwork can be categorized by size. According to the size network can be classified as LAN, MAN and WAN.\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">LAN (Local Area Network) is a small network of computers. The computers are communicating for short distance in LAN. LAN is used to connect computers in the same building or in adjacent buildings. This type of network is used as intranet. Intranet can be used to run web applications for use by employees only.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">A Wide Area Network (WAN) consists of multiple LANs. Many LANs can be connected one WAN. WANs are connected together over long distance using routers. A WAN can be proprietary to one company or it can be shared by multiple companies. WAN is owned by an Internet Service Provider (ISP). ISP owns WAN which are connected to the Internet. Any company want to use Internet can lease access from ISP.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The Internet is network of network. Internet consists of multiple WANs. All these WANs have connected together. ISPs connect their WANs together by Internet Exchange Points (IXP). IXPs is considers as large routers. This architecture allows anyone connected to the Internet to exchange information with anyone else.<\/p>\r\n&nbsp;\r\n\r\nThe following diagram shows how data are travelled in Internet.\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-24 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1.png\" alt=\"\" width=\"544\" height=\"271\" \/>\r\n<div>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">In the diagram. Client sends data to the server.\u00a0 Data travel from LAN to WAN to the IXP. The WAN is owned by client\u2019s ISP. WAN is owned by ISP. There may be different ISP for client and server. The time taken to complete the request\/response on Internet is less than 1\/10th of a second.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Web Pages are mainly classified as static web page and dynamic web pages.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">A static web page is a web page which only changed when web developer change it. It does not give you output according to your query. It is a plain text file. It contains all the content to be displayed in the web browser.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Following figure shows how a web server processes static web page.<\/p>\r\n<img class=\"alignnone size-full wp-image-25 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-1.png\" alt=\"\" width=\"570\" height=\"243\" \/>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">User asks web page by typing URL (Uniform Resource Locator) into the address bar of web browser or click on a link from current page. Now the web browser sends a request for the web page to the web server. The protocol used for request a web page is HTTP (Hyper Text Transfer Protocol). So this is known as HTTP request. When the web server receives HTTP request, the web server searches for requested web page in disk drive. The retrieved web page send to the browser. The response of HTTP request, provided by web server is known as HTTP response. Browser understand only HTML. Hence, the result web page is rendered as HTML in web browser.<\/p>\r\n\r\n<\/div>\r\n<div>\r\n\r\n&nbsp;\r\n\r\nTCP\/IP\u00a0 (Transmission\u00a0 Control\u00a0 Protocol\/Internet\u00a0 Protocol)\u00a0 is\u00a0 a\u00a0 suite\u00a0 of\u00a0 protocol.\r\n\r\n&nbsp;\r\n\r\nTCP\/IP allows two computers to communicate over a Network.\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">A dynamic web page is a web page which changed as per the query. Dynamic web page shows output according to query. Dynamic web page is created by program or script. The program or script resides on the web server.<\/p>\r\n&nbsp;\r\n\r\nFollowing figure shows how a web server processes dynamic web page.\r\n\r\n<img class=\"alignnone size-full wp-image-26 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-2.png\" alt=\"\" width=\"570\" height=\"284\" \/>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">User asks web page by typing URL (Uniform Resource Locator) into the address bar of web browser or click on a link from current page. Now the web browser sends a request for the web page to the web server. The protocol used for request a web page is HTTP (Hyper Text Transfer Protocol). So this is known as HTTP request. When the web server receives HTTP request, the web server determines the file extension. File extension is determined by application mapping program of web server. Once file extension is determined, then the application engine process the request. For example, if the file extension is .php, then the web server forward the HTTP request to PHP interpreter. The PHP interpreter running on the web server. PHP interpreter processes the request. During the processing, if any data require then PHP application engine communicate with database server for data. Once the processing has completed, PHP interpreter pass the dynamically generated web page to the web server. Web server send page back to the browser as HTTP response. HTTP response includes HTML. On receiving HTTP response, the web browser format and display web page.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Formatting and displaying HTTP response in browser is known as rendering the web page. Rendering is happen for static or dynamic web page.<\/p>\r\n&nbsp;\r\n\r\nOnce the page is display in browser, the user can view the content.\r\n\r\n&nbsp;\r\n\r\nWhen the user request another page, the same process is begin again.\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The process that starts when client requesting a web page and ends with server sending response of the request to the client is known as round trip.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\"><span style=\"text-align: initial; font-size: 1em;\">Now let us look at the most common software for web application development.<\/span><\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most common used web browsers are Internet Explorer, Firefox, Chrome, Safari and Opera. Internet Explorer is Microsoft Proprietary. Firefox is published by Mozila. Safari is Apple product. Chrome is Google proprietary. Opera is published by Opera. Most of the browser can supports for major operating systems like Microsoft, Linux, Apple.<\/span><\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most common web servers used nowadays are Apache and IIS. Apache is an open source web server. Apache can run on major operating systems. Apache can support many database servers also. The most common configuration in web development is LAMP, which is acronym for Linux (Operating System), Apache (Web Server), MySQL (Database Server) and PHP (Web Application Engine). IIS is Microsoft proprietary product. IIS runs only on windows operating system. IIS mainly used for ASP.NET Web Applications and SQL Server database. IIS is a short form of Internet Information Services.<\/span><\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most common server side scripting languages are PHP, JSP, ASP.NET, Perl and Python. PHP is open source web engine mainly used with Apache Web server. JSP also works with Apache. JSP generally work with servlets. The servlets are written in Java. ASP.NET is used with IIS. ASP.NET is used VB or C# for server side scripting. Perl is originally developed to work with Unix. Python is used for many types of application now a days.<\/span><\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most usable database servers are MySQL, Oracle, DB2 and SQL Server. MySQL is initially an open source database. MySQL is now acquired by Oracle. Oracle database is Oracle\u2019s proprietary database server which can run on major operating systems. DB2 is a product from IBM that is also available for major operating system. MS SQL Server can run only on Microsoft operating system.<\/span><\/p>\r\n\r\n<\/div>\r\n<div>\r\n\r\n&nbsp;\r\n<p style=\"text-align: center;\"><strong>HTML<\/strong><\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">HTML stands for Hyper Text Markup Language. Only HTML pages make static web application. HTML is invented by Tim Berners-Lee. HTML is derived from SGML (standard General Markup Language). HTML has predefined tags. Tags are defined by opening and closing angle brackets(&lt; &gt;). There are opening and closing tags. The content is written between opening and closing tag. The closing is preceded by slash (&lt;\/&gt;). Tags are generally written in lowercase. Some tags do not require closing tags while some tags required opening and closing tag. A tag can have attributes. Attribute has value. A tag can have more than one attribute. Attribute should write inside double quotes (\u201c \u201c). Though to write attribute in double quotes is not compulsory for HTML, but it makes HTML page, XHTML compatible also.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">XHTML is short form of eXtensible Hyper Text Markup Language. XHTML is very similar to HTML 4.01. XHTML syntaxes are more strict then HTML. XHTML makes HTML compatible to XML. XHTML is supported by many leading browsers.<\/p>\r\n&nbsp;\r\n\r\nThere are very few differences between HTML and XHTML.\r\n\r\n<\/div>\r\n<div>\r\n<ul>\r\n \t<li>&lt;!DOCTYPE&gt; is compulsory in XHTML<\/li>\r\n \t<li>&lt;HTML&gt; tag is compulsory in XHTML.<\/li>\r\n \t<li>XHTML must have &lt;html&gt;, &lt;head&gt;, &lt;title&gt;, and &lt;body&gt; tag.<\/li>\r\n \t<li>XHTML each tag must always be closed.<\/li>\r\n \t<li>Each XHTML tag must be in lowercase.<\/li>\r\n \t<li>Each attribute within XHTML tag must be enclosed in double quotes.<\/li>\r\n \t<li>XHTML must be properly nested.<\/li>\r\n<\/ul>\r\n&nbsp;\r\n\r\nThe general syntax of HTML tag is:\r\n\r\n&nbsp;\r\n\r\n&lt;tagname attribute1=\u201dvalue1\u201d attribute2=\u201dvalue\u201d&gt;\r\n\r\nContent between the\r\n\r\ntag. &lt;\/tagname&gt;\r\n\r\n&nbsp;\r\n\r\nLet\u2019s start with HTML tags.\r\n\r\nThe general HTML file structure is as follows:\r\n\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">DTD (Data Type Definition) declaration is used in HTML. &lt;!DOCTYPE&gt; declaration is referred as DTD. The &lt;!DOCTYPE&gt; is used to give instruction to the browser. The information is to specify in what version of HTML page has written. The &lt;!DOCTYPE&gt; declaration is not an HTML tag. The &lt;!DOCTYPE&gt; declaration must be the very first line in HTML document. It is preceded even &lt;html&gt; tag also. The &lt;!DOCTYPE&gt; tag has no end tag.<\/p>\r\n&nbsp;\r\n\r\nThere are 3 types of &lt;!DOCTYPE&gt; in HTML 4.01. These types are\r\n\r\n&nbsp;\r\n\r\n1. Strict\r\n\r\n2. Transitional\r\n\r\n3. Frameset\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The strict flavour disallows the use of deprecated elements and attributes of HTML. Deprecated elements are elements which will be removed in the new version of that HTML standard. Transitional allows the use of deprecated elements. This is the most common use flavours. Frameset is similar to transitional plus it also supports the use of frames. Frame is HTML tag which is not much used in modern web site.<\/p>\r\n&nbsp;\r\n\r\nExample of &lt;!DOCTYPE&gt;:\r\n\r\n&nbsp;\r\n\r\n<span style=\"background-color: #ffcc99;\">&lt;!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/html4\/loose.dtd\"&gt; [W3Schools.com]<\/span>\r\n\r\n<\/div>\r\n<div>\r\n<p style=\"text-align: justify;\">HTML has also meta tag. Meta data is data about data. The meta tags used meta data. Meta tag allows assigning the document as whole information about the general type of a HTML page contain. Meta data will not be displayed on web page. The meta tags are parsed by machine. The main uses of meta tags are to describe page description, keywords, document author and when the document last modified. Meta tags are helpful for search engine. Meta tags are always passed as name\/value pair. Meta tags must be written inside the &lt;head&gt; tag. There are 3 attributes of meta tag. They are<\/p>\r\n&nbsp;\r\n\r\n1. name\r\n\r\n2. http-equiv\r\n\r\n3. content\r\n\r\n&nbsp;\r\n\r\n<strong>Meta tag examples[W3schools.com]<\/strong>\r\n\r\n&nbsp;\r\n\r\n<strong>Example 1 - Define keywords for search engines:<\/strong>\r\n\r\n&nbsp;\r\n\r\n<span style=\"background-color: #ffcc99;\">&lt;meta name=\"keywords\" content=\"HTML, CSS, XML, XHTML, JavaScript\"&gt;<\/span>\r\n\r\n&nbsp;\r\n\r\n<strong>Example 2 - Define a description of your web page:<\/strong>\r\n\r\n&nbsp;\r\n\r\n<span style=\"background-color: #ffcc99;\">&lt;meta name=\"description\" content=\"Free Web tutorials on HTML and CSS\"&gt;<\/span>\r\n\r\n&nbsp;\r\n\r\n<strong>Example 3 - Define the author of a page:<\/strong>\r\n\r\n&nbsp;\r\n\r\n<span style=\"background-color: #ffcc99;\">&lt;meta name=\"author\" content=\"Hege Refsnes\"&gt;<\/span>\r\n\r\n&nbsp;\r\n\r\n<strong>Example 4 - Refresh document every 30 seconds:<\/strong>\r\n\r\n&nbsp;\r\n\r\n<span style=\"background-color: #ffcc99;\">&lt;meta http-equiv=\"refresh\" content=\"30\"&gt;<\/span>\r\n\r\n&nbsp;\r\n\r\n<strong>HEAD<\/strong>\r\n\r\n&nbsp;\r\n\r\n&lt;head&gt; is optional tag. It is used before &lt;body&gt;. &lt;head&gt; can include &lt;title&gt; and &lt;link&gt;.\r\n\r\n&lt;title&gt; is always inside &lt;head&gt;.\r\n\r\nThe &lt;title&gt; is used to display text on title bar.\r\n\r\ne.g.\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\n&lt;title&gt;This is Title&lt;\/title&gt;\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<div>\r\n\r\n<img class=\"alignnone size-full wp-image-27 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-3.png\" alt=\"\" width=\"606\" height=\"124\" \/>\r\n\r\n&lt;link&gt; is used to provide favicon (Favorite Icon) and\/or Styles sheet or other scripting language. Link tags has attributes rel (for relation) and href (Hyperlink referention). Relation can be favicon or style sheet.\r\n\r\n&nbsp;\r\n\r\nThe below code shows example of favicon.\r\n\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\n&lt;title&gt;This is Title&lt;\/title&gt;\r\n\r\n&lt;link rel=\"shortcut icon\" href=\"Sunset.jpg\"&gt;\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n&nbsp;\r\n\r\n<img class=\"alignnone size-full wp-image-28 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-4.png\" alt=\"\" width=\"494\" height=\"143\" \/>\r\n\r\n&nbsp;\r\n\r\nFor providing relation as style sheet,\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\n&lt;title&gt; CSS Example &lt;\/title&gt;\r\n\r\n&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"\r\n\r\n<a href=\"\/Users\/Hiren\/Documents\/My%20Data\/Sandhan%20HTML\/Styles.css\">Styles.css<\/a>\"&gt; &lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n\r\nThis is body\r\n\r\ntext. &lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<div>\r\n\r\n<img class=\"alignnone size-full wp-image-29 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-5.png\" alt=\"\" width=\"575\" height=\"367\" \/>\r\n\r\n&nbsp;\r\n<p style=\"text-align: center;\">In the above example styles.css is an external style sheet.<\/p>\r\n&nbsp;\r\n\r\n<strong>&lt;BODY&gt;<\/strong>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The next important tag in HTML is &lt;body&gt;. The &lt;body&gt; has attributes for background image ,background color and text color of HTML page. &lt;body&gt; also allows to change by default color of hyperlink.<\/p>\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\nBody example.\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;body bgcolor=\"Red\" text=\"White\"&gt;\r\n\r\nThis\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 is\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 white\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 font\u00a0\u00a0\u00a0\u00a0\u00a0 on\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 red\r\n\r\nbackground. &lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<div>\r\n\r\n<img class=\"alignnone size-full wp-image-30 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-6.png\" alt=\"\" width=\"555\" height=\"357\" \/>\r\n\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\nBody example.\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;body background=\"Images\/Dock.jpg\"&gt;\r\n\r\nThis is white font on red background.\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-31 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-7.png\" alt=\"\" width=\"555\" height=\"355\" \/>\r\n\r\n&nbsp;\r\n\r\n<strong style=\"text-align: initial; font-size: 1em;\">HEADING TAGS<\/strong>\r\n<div>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">HTML provides many heading tag to display various types of headings. Heading tags are vary from &lt;h1&gt; to &lt;h6&gt;.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Head tags (&lt;h1&gt; to &lt;h6&gt;) are block level elements. Block level elements are elements which start and end with a new line when display in a browser. The other types of elements are called inline level elements. The inline elements are generally displayed without starting a new line. &lt;h1&gt;, &lt;p&gt; , &lt;ul&gt; , &lt;table&gt; are some of the examples of block level element. Some of the examples of inline level elements are &lt;b&gt;, &lt;td&gt;, &lt;a&gt; and &lt;img&gt;.<\/p>\r\n&nbsp;\r\n\r\nExample:\r\n\r\n&nbsp;\r\n\r\n&lt;HTML&gt;\r\n\r\n&lt;HEAD&gt;\r\n\r\n&lt;TITLE&gt;Document\r\n\r\nHeadings&lt;\/TITLE&gt; &lt;\/HEAD&gt;\r\n\r\n&lt;BODY&gt;\r\n\r\nSamples of the six heading types:\r\n\r\n&lt;H1&gt;Level-1 (H1)&lt;\/H1&gt;\r\n\r\n&lt;H2&gt;Level-2 (H2)&lt;\/H2&gt;\r\n\r\n&lt;H3&gt;Level-3 (H3)&lt;\/H3&gt;\r\n\r\n&lt;H4&gt;Level-4 (H4)&lt;\/H4&gt;\r\n\r\n&lt;H5&gt;Level-5 (H5)&lt;\/H5&gt;\r\n\r\n&lt;H6&gt;Level-6 (H6)&lt;\/H6&gt;\r\n\r\n&lt;\/BODY&gt;\r\n\r\n&lt;\/HTML&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-33 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-9.png\" alt=\"\" width=\"562\" height=\"360\" \/>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">Align attribute can be used with some element to define the alignment of the text.<\/span>\r\n\r\n<\/div>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n&lt;HTML&gt;\r\n\r\n&lt;HEAD&gt;\r\n\r\n&lt;TITLE&gt;Document\r\n\r\nHeadings&lt;\/TITLE&gt; &lt;\/HEAD&gt;\r\n\r\n&lt;BODY&gt;\r\n\r\nSamples of the six heading types:\r\n\r\n&lt;H1&gt;Level-1 (H1)&lt;\/H1&gt;\r\n\r\n&lt;H2 ALIGN=\"center\"&gt;Level-2 (H2)&lt;\/H2&gt;\r\n\r\n&lt;H3&gt;&lt;U&gt;Level-3 (H3)&lt;\/U&gt;&lt;\/H3&gt;\r\n\r\n&lt;H4 ALIGN=\"right\"&gt;Level-4\r\n\r\n(H4)&lt;\/H4&gt; &lt;H5&gt;Level-5 (H5)&lt;\/H5&gt;\r\n\r\n&lt;H6&gt;Level-6 (H6)&lt;\/H6&gt;\r\n\r\n&lt;\/BODY&gt;\r\n\r\n&lt;\/HTML&gt;\r\n\r\n&nbsp;\r\n\r\n<img class=\"alignnone size-full wp-image-34 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-10.png\" alt=\"\" width=\"565\" height=\"364\" \/>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The figure shows that the Level-2 (H2) is in the centre of browser. Level-4(H4) is at the right side of the browser as align attribute is defined as right. By default, align is left.<\/p>\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The &lt;B&gt; tag is used to define the text bold. To make the content italic &lt;i&gt; is used. &lt;u&gt; is used to make the content\/text underlined. These all tags (&lt;b&gt;, &lt;i&gt; and &lt;u&gt; ) required corresponding closing tag also. (&lt;\/b&gt;, &lt;\/i&gt; and &lt;\/u&gt;).<\/p>\r\n\r\n<\/div>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n<strong>&lt;p&gt;<\/strong>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The &lt;p&gt; (read as paragraph tag) is used to make paragraph. It is used to separate text within a web page. It provides one line blank. Multiple &lt;p&gt; tags do not create multiple blank lines. It is a container tag means other tags can be inserted in it. Align attribute can be used with &lt;p&gt;. &lt;\/p&gt; is optional.<\/p>\r\n&nbsp;\r\n\r\nExample:\r\n\r\n&nbsp;\r\n\r\n&lt;BODY&gt;\r\n\r\n&lt;P&gt;Here is some text &lt;\/P&gt;\r\n\r\n&lt;P ALIGN=\"center\"&gt; Centered text\r\n\r\n&lt;\/P&gt; &lt;P&gt;&lt;P&gt;&lt;P&gt;\r\n\r\n&lt;P ALIGN=\"right\"&gt; Right-justified text\r\n\r\n&lt;!-- Note: no closing \/P tag is not a problem --\r\n\r\n&gt; &lt;\/BODY&gt;\r\n\r\n<img class=\"alignnone size-full wp-image-35 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-11.png\" alt=\"\" width=\"563\" height=\"363\" \/>\r\n\r\n&nbsp;\r\n\r\nTo write comment, &lt;!--\u00a0 --&gt; is used.\r\n\r\n<strong>&lt;br&gt;<\/strong>\r\n\r\nThe &lt;br&gt; tag is used to put one line break. Multiple &lt;br&gt; allows multiple blank lines.\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">Break Tag example.<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">&lt;\/head&gt;<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">&lt;body&gt;\u00a0<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">&lt;p&gt;<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is line 1.<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is line 2.<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is line 3. <\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is line4.<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">&lt;br&gt;&lt;br&gt;<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is line 1.&lt;br&gt;<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is line 2. &lt;br&gt;<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is line 3. &lt;br&gt;<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">This is<\/span><span style=\"text-align: initial; font-size: 1em;\">line4. &lt;\/body&gt;<\/span>\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">&lt;\/html&gt;<\/span>\r\n\r\n<\/div>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n<img class=\"alignnone size-full wp-image-36 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-12.png\" alt=\"\" width=\"562\" height=\"359\" \/>\r\n\r\n<strong>&lt;PRE&gt;<\/strong>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The &lt;PRE&gt; tag is used to display pre-formatted text. As we have seen in previous examples that to put the text in next line either &lt;p&gt; or &lt;br&gt; tag is used.<\/p>\r\n&nbsp;\r\n\r\nExample:\r\n\r\n&nbsp;\r\n\r\n&lt;PRE&gt;\r\n\r\nif (a &lt; b)\r\n\r\n{ a++;\r\n\r\nb = c * d;\r\n\r\n}\r\n\r\nelse {\r\n\r\na--;\r\n\r\n<span style=\"font-size: 1em; text-align: initial;\">b = (b-1)\/2;<\/span>\r\n\r\n<\/div>\r\n<div>\r\n\r\n}\r\n\r\n&lt;\/PRE&gt;\r\n\r\n<img class=\"alignnone size-full wp-image-37 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-13.png\" alt=\"\" width=\"576\" height=\"362\" \/>\r\n\r\n<strong>Special Characters<\/strong>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">HTML also support many special characters for web page display. For example to write &lt; (less than symbol) &amp;lt is used.<\/p>\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\n&lt;H1&gt; Special Characters\r\n\r\n&lt;\/H1&gt; &lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n\r\nTo express less than use &amp;lt; &lt;br&gt;\r\n\r\nTo express greate than use &amp;gt; &lt;br&gt;\r\n\r\nTo express ampersaned use &amp;amp;\r\n\r\n&lt;br&gt; To express quote use &amp;quot; &lt;br&gt;\r\n\r\nTo express space use &amp;nbsp; &lt;br&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-38 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-14.png\" alt=\"\" width=\"568\" height=\"359\" \/>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n<strong>COLOR<\/strong>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">HTML supports various types of color to display in web page. Some colors have predefined name such as Black, White etc. The rest of the colors are represented as hexadecimal values in RGB format. RGB (Red, Green and Blue) has values rang from 0 to 255. In hexadecimal number, 255 are represented as FF. For example, FF0000 represents red color. First two digit represents red color (FF), Next two digits represents green color (00) and the last two digits represents blue color (00).<\/p>\r\n&nbsp;\r\n\r\nExample:\r\n\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n\r\nColors in HTML\r\n\r\n&lt;\/head&gt;\r\n\r\n&lt;body bgcolor=\"Magenta\"&gt;\r\n\r\n&lt;p&gt;\r\n\r\n&lt;h2&gt;The background color in this web page is Magenta.&lt;\/h2&gt; &lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<div>\r\n\r\n<img class=\"alignnone size-full wp-image-39 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-15.png\" alt=\"\" width=\"563\" height=\"361\" \/>\r\n\r\n<strong>FONT<\/strong>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">The &lt;font&gt; tag is used to specify particular font face (name), font size and font color. The content between &lt;font&gt; and &lt;\/font&gt; will be displayed as per the font attributes set.<\/p>\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\n&lt;FONT COLOR=\"#FF0000\" SIZE=\"2\" FACE=\"Times Roman\"&gt; This is the text of line one &lt;\/FONT&gt;\r\n\r\n&lt;FONT COLOR=\"green\" SIZE=\"4\" FACE=\"Arial\"&gt; Line two contains this text &lt;\/FONT&gt;\r\n\r\n&lt;FONT COLOR=\"blue\" SIZE=\"6\" FACE=\"Courier\"&gt; The third line has this additional text &lt;\/FONT&gt; &lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-40 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-16.png\" alt=\"\" width=\"571\" height=\"361\" \/>\r\n<div><strong style=\"text-align: initial; font-size: 1em;\">\u00a0 \u00a0 \u00a0 Lists<\/strong><\/div>\r\n<div>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">HTML supports 3 types of list. They are order list, unordered list and data list. Order list displays data in order wise like 1,2,3 etc. Unordered list displays data as either circular or squared. Data list displays data and their definitions.<\/p>\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\nThis is order\r\n\r\nlist. &lt;OL&gt;\r\n\r\n&lt;LI&gt; Item one &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Item two &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Item Three &lt;\/LI&gt;\r\n\r\n&lt;\/OL&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-41 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-17.png\" alt=\"\" width=\"563\" height=\"356\" \/>\r\n<div>\r\n\r\n&nbsp;\r\n\r\nIf the order list is not numeric but from A,B,C then type attribute is used.\r\n\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\nThis is order list with type list is alphabetic\r\n\r\norder. &lt;OL type=\"A\"&gt;\r\n\r\n&lt;LI&gt;Item one&lt;\/LI&gt;\r\n\r\n&lt;LI&gt;Item two&lt;\/LI&gt;\r\n\r\n&lt;LI&gt;Item Three&lt;\/LI&gt;\r\n\r\n&lt;\/OL&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-42 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-18.png\" alt=\"\" width=\"558\" height=\"350\" \/>\r\n<div>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify;\">Order list also allows to start list from another number also. For example, if the list is start from H on wards then you can use start attribute. Start attribute provide value from where you want to start order list.<\/p>\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\nThis is order list with type list is alphabetic\r\n\r\norder. &lt;OL type=\"A\" start=8&gt;\r\n\r\n&lt;LI&gt;Item one&lt;\/LI&gt;\r\n\r\n&lt;LI&gt;Item two&lt;\/LI&gt;\r\n\r\n&lt;LI&gt;Item Three&lt;\/LI&gt;\r\n\r\n&lt;\/OL&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-43 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-19.png\" alt=\"\" width=\"562\" height=\"360\" \/>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\n&lt;OL TYPE=\"1\"&gt; &lt;LI&gt;\r\n\r\nItem one &lt;\/LI&gt; &lt;LI&gt;\r\n\r\nItem two &lt;\/LI&gt; &lt;OL\r\n\r\nTYPE=\"I\" &gt;\r\n\r\n&lt;LI&gt; Sublist item one &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Sublist item two &lt;\/LI&gt;\r\n\r\n&lt;OL TYPE=\"i\"&gt;\r\n\r\n&lt;LI&gt; Sub-sublist item one &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Sub-sublist item two &lt;\/LI&gt;\r\n\r\n&lt;\/OL&gt;\r\n\r\n&lt;\/OL&gt;\r\n\r\n&lt;\/OL&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-44 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-20.png\" alt=\"\" width=\"564\" height=\"359\" \/>\r\n<div><\/div>\r\n<div><span style=\"text-align: initial; font-size: 1em;\">\u00a0 \u00a0 \u00a0Unordered list is used to display items in bulleted format.<\/span><\/div>\r\n<div>\r\n\r\n\u00a0 \u00a0 &lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\nThis is order\r\n\r\nlist. &lt;UL&gt;\r\n\r\n&lt;LI&gt; Item one &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Item two &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Item Three &lt;\/LI&gt;\r\n\r\n&lt;\/UL&gt;\r\n\r\n&lt;br&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-45 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-21.png\" alt=\"\" width=\"563\" height=\"357\" \/>\r\n<div>\r\n\r\n&nbsp;\r\n\r\nYou can choose bulleted list for unordered list as square bullet.\r\n\r\n&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\nThis is order list.\r\n\r\n&lt;UL type=\"square\"&gt;\r\n\r\n&lt;LI&gt; Item one &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Item two &lt;\/LI&gt;\r\n\r\n&lt;LI&gt; Item Three &lt;\/LI&gt;\r\n\r\n&lt;\/UL&gt;\r\n\r\n&lt;br&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n<img class=\"alignnone size-full wp-image-46 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-22.png\" alt=\"\" width=\"566\" height=\"354\" \/>\r\n\r\n<\/div>\r\n&nbsp;\r\n\r\n<span style=\"text-align: initial; font-size: 1em;\">Data list allows showing you data term and data definition.<\/span>\r\n<div>\r\n\r\n\u00a0 \u00a0&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n\r\nThis is data list.\r\n\r\n&lt;DL&gt;\r\n\r\n&lt;DT&gt;RAM&lt;\/DT&gt;\r\n\r\n&lt;DD&gt;Random Access\r\n\r\nMemory&lt;\/DD&gt; &lt;DT&gt;ROM&lt;\/DT&gt;\r\n\r\n&lt;DD&gt;Read Only\r\n\r\nMemory&lt;\/DD&gt; &lt;\/DL&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n\r\n<\/div>\r\n<img class=\"alignnone size-full wp-image-47 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-23.png\" alt=\"\" width=\"561\" height=\"364\" \/>\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td><strong>you can view video on Introduction to Web Development with PHP<\/strong><\/td>\r\n<td><a href=\"https:\/\/youtu.be\/8dcDPO_GWgM\" target=\"_blank\" rel=\"noopener noreferrer\"><img class=\"alignnone wp-image-120\" src=\"http:\/\/epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/2018\/11\/download.png\" alt=\"\" width=\"36\" height=\"36\" \/><\/a><\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<strong>References:<\/strong>\r\n\r\n&nbsp;\r\n<p style=\"text-align: justify; padding-left: 30px;\">1.Ivan Bayross, Web Enabled Commercial Application Development Using HTML\/Javascript\/DHTML\/PHP , BPB Publications\r\n2. Steven Holzner, HTML Black book, Kogent Learning Solutions Inc\r\n3. Deidre Hayes, Sams teach yourself HTML 4 in 10 minutes,\r\n4. Ed Tittel , Mary Burmeister, HTML4 for Dummies, Wiley\r\n5. Robert Sebesta, Programming the World Wide Web, Pearson Education Inc.\r\n6. Deitel, Internet and World Wide Web How to Program, Pearson\r\n7. Anne Boehm, Murach\u2019s HTML, XHTML and CSS, Murachs\r\n8. Elisabeth Robson, Eric Freeman, \u201cHead First HTML and CSS \u201c, O\u2019Reilly\r\n9. Thomas Powell, HTML and CSS The Complete Reference, McGrawHill Education India\r\n10. John Duckett, Beginning HTML, XHTML, CSS and Java Script, Willy India\r\n11. http:\/\/www.php.net\/\r\n12. http:\/\/www.w3schools.com\/\r\n13. http:\/\/www.tutorialspoint.com\/<\/p>","rendered":"<div><span style=\"float: right;\"><a href=\"https:\/\/youtu.be\/8dcDPO_GWgM\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/ebooks.inflibnet.ac.in\/wp-content\/uploads\/2018\/11\/download.png\" alt=\"epgp books\" width=\"75px\" height=\"75px;\" \/><\/a><br \/>\n<\/span><\/div>\n<div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The World Wide Web or simply Web consists of many components. These components work together to display web page. Web Applications use client\/server architecture. This architecture has mainly 3 components.<\/p>\n<p>1. Client<\/p>\n<p>2. Network<\/p>\n<p>3. Server<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Client connects to the server by Internet. Client send request to the server and server response to the client. Server shares resources with clients. These resources can be files, printers, web sites, databases, emails. The server which share web site is known as Web server. In the same way, if a server share files, it is called file server. Client software is used web browser software to access web server. Client and server are communicated by a communication system. This communication system is known as network.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Computer connects to the network through NIC (Network Interface Card). The connection between client and server through network can be wired or wireless. Ethernet is a common type of wired network. The most common type of wireless network is Wi-Fi.<\/p>\n<p>&nbsp;<\/p>\n<p>The information is transported from one computer to another by network.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Routing is the process to determine route to get information from one computer to another. A router is a device that is connected to two or more networks. Router determines the route to communicate between source and destination. When information comes from source network, router decides which network is closets to the destination network and sends information to the closets network.<\/p>\n<p>&nbsp;<\/p>\n<p>Network can be categorized by size. According to the size network can be classified as LAN, MAN and WAN.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">LAN (Local Area Network) is a small network of computers. The computers are communicating for short distance in LAN. LAN is used to connect computers in the same building or in adjacent buildings. This type of network is used as intranet. Intranet can be used to run web applications for use by employees only.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">A Wide Area Network (WAN) consists of multiple LANs. Many LANs can be connected one WAN. WANs are connected together over long distance using routers. A WAN can be proprietary to one company or it can be shared by multiple companies. WAN is owned by an Internet Service Provider (ISP). ISP owns WAN which are connected to the Internet. Any company want to use Internet can lease access from ISP.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The Internet is network of network. Internet consists of multiple WANs. All these WANs have connected together. ISPs connect their WANs together by Internet Exchange Points (IXP). IXPs is considers as large routers. This architecture allows anyone connected to the Internet to exchange information with anyone else.<\/p>\n<p>&nbsp;<\/p>\n<p>The following diagram shows how data are travelled in Internet.<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1.png\" alt=\"\" width=\"544\" height=\"271\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1.png 544w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-300x149.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-65x32.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-225x112.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-350x174.png 350w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">In the diagram. Client sends data to the server.\u00a0 Data travel from LAN to WAN to the IXP. The WAN is owned by client\u2019s ISP. WAN is owned by ISP. There may be different ISP for client and server. The time taken to complete the request\/response on Internet is less than 1\/10th of a second.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Web Pages are mainly classified as static web page and dynamic web pages.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">A static web page is a web page which only changed when web developer change it. It does not give you output according to your query. It is a plain text file. It contains all the content to be displayed in the web browser.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Following figure shows how a web server processes static web page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-25 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-1.png\" alt=\"\" width=\"570\" height=\"243\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-1.png 570w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-1-300x128.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-1-65x28.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-1-225x96.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-1-350x149.png 350w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">User asks web page by typing URL (Uniform Resource Locator) into the address bar of web browser or click on a link from current page. Now the web browser sends a request for the web page to the web server. The protocol used for request a web page is HTTP (Hyper Text Transfer Protocol). So this is known as HTTP request. When the web server receives HTTP request, the web server searches for requested web page in disk drive. The retrieved web page send to the browser. The response of HTTP request, provided by web server is known as HTTP response. Browser understand only HTML. Hence, the result web page is rendered as HTML in web browser.<\/p>\n<\/div>\n<div>\n<p>&nbsp;<\/p>\n<p>TCP\/IP\u00a0 (Transmission\u00a0 Control\u00a0 Protocol\/Internet\u00a0 Protocol)\u00a0 is\u00a0 a\u00a0 suite\u00a0 of\u00a0 protocol.<\/p>\n<p>&nbsp;<\/p>\n<p>TCP\/IP allows two computers to communicate over a Network.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">A dynamic web page is a web page which changed as per the query. Dynamic web page shows output according to query. Dynamic web page is created by program or script. The program or script resides on the web server.<\/p>\n<p>&nbsp;<\/p>\n<p>Following figure shows how a web server processes dynamic web page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-2.png\" alt=\"\" width=\"570\" height=\"284\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-2.png 570w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-2-300x149.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-2-65x32.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-2-225x112.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-2-350x174.png 350w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">User asks web page by typing URL (Uniform Resource Locator) into the address bar of web browser or click on a link from current page. Now the web browser sends a request for the web page to the web server. The protocol used for request a web page is HTTP (Hyper Text Transfer Protocol). So this is known as HTTP request. When the web server receives HTTP request, the web server determines the file extension. File extension is determined by application mapping program of web server. Once file extension is determined, then the application engine process the request. For example, if the file extension is .php, then the web server forward the HTTP request to PHP interpreter. The PHP interpreter running on the web server. PHP interpreter processes the request. During the processing, if any data require then PHP application engine communicate with database server for data. Once the processing has completed, PHP interpreter pass the dynamically generated web page to the web server. Web server send page back to the browser as HTTP response. HTTP response includes HTML. On receiving HTTP response, the web browser format and display web page.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Formatting and displaying HTTP response in browser is known as rendering the web page. Rendering is happen for static or dynamic web page.<\/p>\n<p>&nbsp;<\/p>\n<p>Once the page is display in browser, the user can view the content.<\/p>\n<p>&nbsp;<\/p>\n<p>When the user request another page, the same process is begin again.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The process that starts when client requesting a web page and ends with server sending response of the request to the client is known as round trip.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"text-align: initial; font-size: 1em;\">Now let us look at the most common software for web application development.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most common used web browsers are Internet Explorer, Firefox, Chrome, Safari and Opera. Internet Explorer is Microsoft Proprietary. Firefox is published by Mozila. Safari is Apple product. Chrome is Google proprietary. Opera is published by Opera. Most of the browser can supports for major operating systems like Microsoft, Linux, Apple.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most common web servers used nowadays are Apache and IIS. Apache is an open source web server. Apache can run on major operating systems. Apache can support many database servers also. The most common configuration in web development is LAMP, which is acronym for Linux (Operating System), Apache (Web Server), MySQL (Database Server) and PHP (Web Application Engine). IIS is Microsoft proprietary product. IIS runs only on windows operating system. IIS mainly used for ASP.NET Web Applications and SQL Server database. IIS is a short form of Internet Information Services.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most common server side scripting languages are PHP, JSP, ASP.NET, Perl and Python. PHP is open source web engine mainly used with Apache Web server. JSP also works with Apache. JSP generally work with servlets. The servlets are written in Java. ASP.NET is used with IIS. ASP.NET is used VB or C# for server side scripting. Perl is originally developed to work with Unix. Python is used for many types of application now a days.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-size: 1em;\">The most usable database servers are MySQL, Oracle, DB2 and SQL Server. MySQL is initially an open source database. MySQL is now acquired by Oracle. Oracle database is Oracle\u2019s proprietary database server which can run on major operating systems. DB2 is a product from IBM that is also available for major operating system. MS SQL Server can run only on Microsoft operating system.<\/span><\/p>\n<\/div>\n<div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><strong>HTML<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">HTML stands for Hyper Text Markup Language. Only HTML pages make static web application. HTML is invented by Tim Berners-Lee. HTML is derived from SGML (standard General Markup Language). HTML has predefined tags. Tags are defined by opening and closing angle brackets(&lt; &gt;). There are opening and closing tags. The content is written between opening and closing tag. The closing is preceded by slash (&lt;\/&gt;). Tags are generally written in lowercase. Some tags do not require closing tags while some tags required opening and closing tag. A tag can have attributes. Attribute has value. A tag can have more than one attribute. Attribute should write inside double quotes (\u201c \u201c). Though to write attribute in double quotes is not compulsory for HTML, but it makes HTML page, XHTML compatible also.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">XHTML is short form of eXtensible Hyper Text Markup Language. XHTML is very similar to HTML 4.01. XHTML syntaxes are more strict then HTML. XHTML makes HTML compatible to XML. XHTML is supported by many leading browsers.<\/p>\n<p>&nbsp;<\/p>\n<p>There are very few differences between HTML and XHTML.<\/p>\n<\/div>\n<div>\n<ul>\n<li>&lt;!DOCTYPE&gt; is compulsory in XHTML<\/li>\n<li>&lt;HTML&gt; tag is compulsory in XHTML.<\/li>\n<li>XHTML must have &lt;html&gt;, &lt;head&gt;, &lt;title&gt;, and &lt;body&gt; tag.<\/li>\n<li>XHTML each tag must always be closed.<\/li>\n<li>Each XHTML tag must be in lowercase.<\/li>\n<li>Each attribute within XHTML tag must be enclosed in double quotes.<\/li>\n<li>XHTML must be properly nested.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>The general syntax of HTML tag is:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;tagname attribute1=\u201dvalue1\u201d attribute2=\u201dvalue\u201d&gt;<\/p>\n<p>Content between the<\/p>\n<p>tag. &lt;\/tagname&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>Let\u2019s start with HTML tags.<\/p>\n<p>The general HTML file structure is as follows:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">DTD (Data Type Definition) declaration is used in HTML. &lt;!DOCTYPE&gt; declaration is referred as DTD. The &lt;!DOCTYPE&gt; is used to give instruction to the browser. The information is to specify in what version of HTML page has written. The &lt;!DOCTYPE&gt; declaration is not an HTML tag. The &lt;!DOCTYPE&gt; declaration must be the very first line in HTML document. It is preceded even &lt;html&gt; tag also. The &lt;!DOCTYPE&gt; tag has no end tag.<\/p>\n<p>&nbsp;<\/p>\n<p>There are 3 types of &lt;!DOCTYPE&gt; in HTML 4.01. These types are<\/p>\n<p>&nbsp;<\/p>\n<p>1. Strict<\/p>\n<p>2. Transitional<\/p>\n<p>3. Frameset<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The strict flavour disallows the use of deprecated elements and attributes of HTML. Deprecated elements are elements which will be removed in the new version of that HTML standard. Transitional allows the use of deprecated elements. This is the most common use flavours. Frameset is similar to transitional plus it also supports the use of frames. Frame is HTML tag which is not much used in modern web site.<\/p>\n<p>&nbsp;<\/p>\n<p>Example of &lt;!DOCTYPE&gt;:<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"background-color: #ffcc99;\">&lt;!DOCTYPE HTML PUBLIC &#8220;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&#8221; &#8220;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&#8221;&gt; [W3Schools.com]<\/span><\/p>\n<\/div>\n<div>\n<p style=\"text-align: justify;\">HTML has also meta tag. Meta data is data about data. The meta tags used meta data. Meta tag allows assigning the document as whole information about the general type of a HTML page contain. Meta data will not be displayed on web page. The meta tags are parsed by machine. The main uses of meta tags are to describe page description, keywords, document author and when the document last modified. Meta tags are helpful for search engine. Meta tags are always passed as name\/value pair. Meta tags must be written inside the &lt;head&gt; tag. There are 3 attributes of meta tag. They are<\/p>\n<p>&nbsp;<\/p>\n<p>1. name<\/p>\n<p>2. http-equiv<\/p>\n<p>3. content<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Meta tag examples[W3schools.com]<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Example 1 &#8211; Define keywords for search engines:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"background-color: #ffcc99;\">&lt;meta name=&#8221;keywords&#8221; content=&#8221;HTML, CSS, XML, XHTML, JavaScript&#8221;&gt;<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Example 2 &#8211; Define a description of your web page:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"background-color: #ffcc99;\">&lt;meta name=&#8221;description&#8221; content=&#8221;Free Web tutorials on HTML and CSS&#8221;&gt;<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Example 3 &#8211; Define the author of a page:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"background-color: #ffcc99;\">&lt;meta name=&#8221;author&#8221; content=&#8221;Hege Refsnes&#8221;&gt;<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Example 4 &#8211; Refresh document every 30 seconds:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"background-color: #ffcc99;\">&lt;meta http-equiv=&#8221;refresh&#8221; content=&#8221;30&#8243;&gt;<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>HEAD<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&lt;head&gt; is optional tag. It is used before &lt;body&gt;. &lt;head&gt; can include &lt;title&gt; and &lt;link&gt;.<\/p>\n<p>&lt;title&gt; is always inside &lt;head&gt;.<\/p>\n<p>The &lt;title&gt; is used to display text on title bar.<\/p>\n<p>e.g.<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;title&gt;This is Title&lt;\/title&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-3.png\" alt=\"\" width=\"606\" height=\"124\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-3.png 606w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-3-300x61.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-3-65x13.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-3-225x46.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-3-350x72.png 350w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><\/p>\n<p>&lt;link&gt; is used to provide favicon (Favorite Icon) and\/or Styles sheet or other scripting language. Link tags has attributes rel (for relation) and href (Hyperlink referention). Relation can be favicon or style sheet.<\/p>\n<p>&nbsp;<\/p>\n<p>The below code shows example of favicon.<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;title&gt;This is Title&lt;\/title&gt;<\/p>\n<p>&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;Sunset.jpg&#8221;&gt;<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-28 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-4.png\" alt=\"\" width=\"494\" height=\"143\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-4.png 494w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-4-300x87.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-4-65x19.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-4-225x65.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-4-350x101.png 350w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>For providing relation as style sheet,<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;title&gt; CSS Example &lt;\/title&gt;<\/p>\n<p>&lt;link rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; href=&#8221;<\/p>\n<p><a href=\"\/Users\/Hiren\/Documents\/My%20Data\/Sandhan%20HTML\/Styles.css\">Styles.css<\/a>&#8220;&gt; &lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>This is body<\/p>\n<p>text. &lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-29 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-5.png\" alt=\"\" width=\"575\" height=\"367\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-5.png 575w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-5-300x191.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-5-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-5-225x144.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-5-350x223.png 350w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">In the above example styles.css is an external style sheet.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>&lt;BODY&gt;<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The next important tag in HTML is &lt;body&gt;. The &lt;body&gt; has attributes for background image ,background color and text color of HTML page. &lt;body&gt; also allows to change by default color of hyperlink.<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>Body example.<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body bgcolor=&#8221;Red&#8221; text=&#8221;White&#8221;&gt;<\/p>\n<p>This\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 is\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 white\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 font\u00a0\u00a0\u00a0\u00a0\u00a0 on\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 red<\/p>\n<p>background. &lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-30 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-6.png\" alt=\"\" width=\"555\" height=\"357\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-6.png 555w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-6-300x193.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-6-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-6-225x145.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-6-350x225.png 350w\" sizes=\"auto, (max-width: 555px) 100vw, 555px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>Body example.<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body background=&#8221;Images\/Dock.jpg&#8221;&gt;<\/p>\n<p>This is white font on red background.<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-31 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-7.png\" alt=\"\" width=\"555\" height=\"355\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-7.png 555w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-7-300x192.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-7-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-7-225x144.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-7-350x224.png 350w\" sizes=\"auto, (max-width: 555px) 100vw, 555px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong style=\"text-align: initial; font-size: 1em;\">HEADING TAGS<\/strong><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">HTML provides many heading tag to display various types of headings. Heading tags are vary from &lt;h1&gt; to &lt;h6&gt;.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Head tags (&lt;h1&gt; to &lt;h6&gt;) are block level elements. Block level elements are elements which start and end with a new line when display in a browser. The other types of elements are called inline level elements. The inline elements are generally displayed without starting a new line. &lt;h1&gt;, &lt;p&gt; , &lt;ul&gt; , &lt;table&gt; are some of the examples of block level element. Some of the examples of inline level elements are &lt;b&gt;, &lt;td&gt;, &lt;a&gt; and &lt;img&gt;.<\/p>\n<p>&nbsp;<\/p>\n<p>Example:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;HTML&gt;<\/p>\n<p>&lt;HEAD&gt;<\/p>\n<p>&lt;TITLE&gt;Document<\/p>\n<p>Headings&lt;\/TITLE&gt; &lt;\/HEAD&gt;<\/p>\n<p>&lt;BODY&gt;<\/p>\n<p>Samples of the six heading types:<\/p>\n<p>&lt;H1&gt;Level-1 (H1)&lt;\/H1&gt;<\/p>\n<p>&lt;H2&gt;Level-2 (H2)&lt;\/H2&gt;<\/p>\n<p>&lt;H3&gt;Level-3 (H3)&lt;\/H3&gt;<\/p>\n<p>&lt;H4&gt;Level-4 (H4)&lt;\/H4&gt;<\/p>\n<p>&lt;H5&gt;Level-5 (H5)&lt;\/H5&gt;<\/p>\n<p>&lt;H6&gt;Level-6 (H6)&lt;\/H6&gt;<\/p>\n<p>&lt;\/BODY&gt;<\/p>\n<p>&lt;\/HTML&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-33 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-9.png\" alt=\"\" width=\"562\" height=\"360\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-9.png 562w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-9-300x192.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-9-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-9-225x144.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-9-350x224.png 350w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">Align attribute can be used with some element to define the alignment of the text.<\/span><\/p>\n<\/div>\n<div>\n<p>&nbsp;<\/p>\n<p>&lt;HTML&gt;<\/p>\n<p>&lt;HEAD&gt;<\/p>\n<p>&lt;TITLE&gt;Document<\/p>\n<p>Headings&lt;\/TITLE&gt; &lt;\/HEAD&gt;<\/p>\n<p>&lt;BODY&gt;<\/p>\n<p>Samples of the six heading types:<\/p>\n<p>&lt;H1&gt;Level-1 (H1)&lt;\/H1&gt;<\/p>\n<p>&lt;H2 ALIGN=&#8221;center&#8221;&gt;Level-2 (H2)&lt;\/H2&gt;<\/p>\n<p>&lt;H3&gt;&lt;U&gt;Level-3 (H3)&lt;\/U&gt;&lt;\/H3&gt;<\/p>\n<p>&lt;H4 ALIGN=&#8221;right&#8221;&gt;Level-4<\/p>\n<p>(H4)&lt;\/H4&gt; &lt;H5&gt;Level-5 (H5)&lt;\/H5&gt;<\/p>\n<p>&lt;H6&gt;Level-6 (H6)&lt;\/H6&gt;<\/p>\n<p>&lt;\/BODY&gt;<\/p>\n<p>&lt;\/HTML&gt;<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-34 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-10.png\" alt=\"\" width=\"565\" height=\"364\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-10.png 565w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-10-300x193.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-10-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-10-225x145.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-10-350x225.png 350w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The figure shows that the Level-2 (H2) is in the centre of browser. Level-4(H4) is at the right side of the browser as align attribute is defined as right. By default, align is left.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The &lt;B&gt; tag is used to define the text bold. To make the content italic &lt;i&gt; is used. &lt;u&gt; is used to make the content\/text underlined. These all tags (&lt;b&gt;, &lt;i&gt; and &lt;u&gt; ) required corresponding closing tag also. (&lt;\/b&gt;, &lt;\/i&gt; and &lt;\/u&gt;).<\/p>\n<\/div>\n<div>\n<p>&nbsp;<\/p>\n<p><strong>&lt;p&gt;<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The &lt;p&gt; (read as paragraph tag) is used to make paragraph. It is used to separate text within a web page. It provides one line blank. Multiple &lt;p&gt; tags do not create multiple blank lines. It is a container tag means other tags can be inserted in it. Align attribute can be used with &lt;p&gt;. &lt;\/p&gt; is optional.<\/p>\n<p>&nbsp;<\/p>\n<p>Example:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;BODY&gt;<\/p>\n<p>&lt;P&gt;Here is some text &lt;\/P&gt;<\/p>\n<p>&lt;P ALIGN=&#8221;center&#8221;&gt; Centered text<\/p>\n<p>&lt;\/P&gt; &lt;P&gt;&lt;P&gt;&lt;P&gt;<\/p>\n<p>&lt;P ALIGN=&#8221;right&#8221;&gt; Right-justified text<\/p>\n<p>&lt;!&#8211; Note: no closing \/P tag is not a problem &#8212;<\/p>\n<p>&gt; &lt;\/BODY&gt;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-11.png\" alt=\"\" width=\"563\" height=\"363\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-11.png 563w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-11-300x193.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-11-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-11-225x145.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-11-350x226.png 350w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>To write comment, &lt;!&#8211;\u00a0 &#8211;&gt; is used.<\/p>\n<p><strong>&lt;br&gt;<\/strong><\/p>\n<p>The &lt;br&gt; tag is used to put one line break. Multiple &lt;br&gt; allows multiple blank lines.<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">Break Tag example.<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">&lt;\/head&gt;<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">&lt;body&gt;\u00a0<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">&lt;p&gt;<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is line 1.<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is line 2.<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is line 3. <\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is line4.<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">&lt;br&gt;&lt;br&gt;<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is line 1.&lt;br&gt;<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is line 2. &lt;br&gt;<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is line 3. &lt;br&gt;<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">This is<\/span><span style=\"text-align: initial; font-size: 1em;\">line4. &lt;\/body&gt;<\/span><\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">&lt;\/html&gt;<\/span><\/p>\n<\/div>\n<div>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-12.png\" alt=\"\" width=\"562\" height=\"359\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-12.png 562w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-12-300x192.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-12-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-12-225x144.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-12-350x224.png 350w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/p>\n<p><strong>&lt;PRE&gt;<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The &lt;PRE&gt; tag is used to display pre-formatted text. As we have seen in previous examples that to put the text in next line either &lt;p&gt; or &lt;br&gt; tag is used.<\/p>\n<p>&nbsp;<\/p>\n<p>Example:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;PRE&gt;<\/p>\n<p>if (a &lt; b)<\/p>\n<p>{ a++;<\/p>\n<p>b = c * d;<\/p>\n<p>}<\/p>\n<p>else {<\/p>\n<p>a&#8211;;<\/p>\n<p><span style=\"font-size: 1em; text-align: initial;\">b = (b-1)\/2;<\/span><\/p>\n<\/div>\n<div>\n<p>}<\/p>\n<p>&lt;\/PRE&gt;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-37 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-13.png\" alt=\"\" width=\"576\" height=\"362\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-13.png 576w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-13-300x189.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-13-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-13-225x141.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-13-350x220.png 350w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/p>\n<p><strong>Special Characters<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">HTML also support many special characters for web page display. For example to write &lt; (less than symbol) &amp;lt is used.<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;H1&gt; Special Characters<\/p>\n<p>&lt;\/H1&gt; &lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>To express less than use &amp;lt; &lt;br&gt;<\/p>\n<p>To express greate than use &amp;gt; &lt;br&gt;<\/p>\n<p>To express ampersaned use &amp;amp;<\/p>\n<p>&lt;br&gt; To express quote use &amp;quot; &lt;br&gt;<\/p>\n<p>To express space use &amp;nbsp; &lt;br&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-38 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-14.png\" alt=\"\" width=\"568\" height=\"359\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-14.png 568w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-14-300x190.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-14-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-14-225x142.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-14-350x221.png 350w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p><strong>COLOR<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">HTML supports various types of color to display in web page. Some colors have predefined name such as Black, White etc. The rest of the colors are represented as hexadecimal values in RGB format. RGB (Red, Green and Blue) has values rang from 0 to 255. In hexadecimal number, 255 are represented as FF. For example, FF0000 represents red color. First two digit represents red color (FF), Next two digits represents green color (00) and the last two digits represents blue color (00).<\/p>\n<p>&nbsp;<\/p>\n<p>Example:<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>Colors in HTML<\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body bgcolor=&#8221;Magenta&#8221;&gt;<\/p>\n<p>&lt;p&gt;<\/p>\n<p>&lt;h2&gt;The background color in this web page is Magenta.&lt;\/h2&gt; &lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-39 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-15.png\" alt=\"\" width=\"563\" height=\"361\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-15.png 563w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-15-300x192.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-15-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-15-225x144.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-15-350x224.png 350w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><\/p>\n<p><strong>FONT<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">The &lt;font&gt; tag is used to specify particular font face (name), font size and font color. The content between &lt;font&gt; and &lt;\/font&gt; will be displayed as per the font attributes set.<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;FONT COLOR=&#8221;#FF0000&#8243; SIZE=&#8221;2&#8243; FACE=&#8221;Times Roman&#8221;&gt; This is the text of line one &lt;\/FONT&gt;<\/p>\n<p>&lt;FONT COLOR=&#8221;green&#8221; SIZE=&#8221;4&#8243; FACE=&#8221;Arial&#8221;&gt; Line two contains this text &lt;\/FONT&gt;<\/p>\n<p>&lt;FONT COLOR=&#8221;blue&#8221; SIZE=&#8221;6&#8243; FACE=&#8221;Courier&#8221;&gt; The third line has this additional text &lt;\/FONT&gt; &lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-40 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-16.png\" alt=\"\" width=\"571\" height=\"361\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-16.png 571w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-16-300x190.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-16-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-16-225x142.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-16-350x221.png 350w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/p>\n<div><strong style=\"text-align: initial; font-size: 1em;\">\u00a0 \u00a0 \u00a0 Lists<\/strong><\/div>\n<div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">HTML supports 3 types of list. They are order list, unordered list and data list. Order list displays data in order wise like 1,2,3 etc. Unordered list displays data as either circular or squared. Data list displays data and their definitions.<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>This is order<\/p>\n<p>list. &lt;OL&gt;<\/p>\n<p>&lt;LI&gt; Item one &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Item two &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Item Three &lt;\/LI&gt;<\/p>\n<p>&lt;\/OL&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-41 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-17.png\" alt=\"\" width=\"563\" height=\"356\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-17.png 563w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-17-300x190.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-17-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-17-225x142.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-17-350x221.png 350w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p>If the order list is not numeric but from A,B,C then type attribute is used.<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>This is order list with type list is alphabetic<\/p>\n<p>order. &lt;OL type=&#8221;A&#8221;&gt;<\/p>\n<p>&lt;LI&gt;Item one&lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt;Item two&lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt;Item Three&lt;\/LI&gt;<\/p>\n<p>&lt;\/OL&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-18.png\" alt=\"\" width=\"558\" height=\"350\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-18.png 558w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-18-300x188.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-18-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-18-225x141.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-18-350x220.png 350w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">Order list also allows to start list from another number also. For example, if the list is start from H on wards then you can use start attribute. Start attribute provide value from where you want to start order list.<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>This is order list with type list is alphabetic<\/p>\n<p>order. &lt;OL type=&#8221;A&#8221; start=8&gt;<\/p>\n<p>&lt;LI&gt;Item one&lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt;Item two&lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt;Item Three&lt;\/LI&gt;<\/p>\n<p>&lt;\/OL&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-19.png\" alt=\"\" width=\"562\" height=\"360\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-19.png 562w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-19-300x192.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-19-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-19-225x144.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-19-350x224.png 350w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;OL TYPE=&#8221;1&#8243;&gt; &lt;LI&gt;<\/p>\n<p>Item one &lt;\/LI&gt; &lt;LI&gt;<\/p>\n<p>Item two &lt;\/LI&gt; &lt;OL<\/p>\n<p>TYPE=&#8221;I&#8221; &gt;<\/p>\n<p>&lt;LI&gt; Sublist item one &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Sublist item two &lt;\/LI&gt;<\/p>\n<p>&lt;OL TYPE=&#8221;i&#8221;&gt;<\/p>\n<p>&lt;LI&gt; Sub-sublist item one &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Sub-sublist item two &lt;\/LI&gt;<\/p>\n<p>&lt;\/OL&gt;<\/p>\n<p>&lt;\/OL&gt;<\/p>\n<p>&lt;\/OL&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-44 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-20.png\" alt=\"\" width=\"564\" height=\"359\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-20.png 564w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-20-300x191.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-20-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-20-225x143.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-20-350x223.png 350w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/p>\n<div><\/div>\n<div><span style=\"text-align: initial; font-size: 1em;\">\u00a0 \u00a0 \u00a0Unordered list is used to display items in bulleted format.<\/span><\/div>\n<div>\n<p>\u00a0 \u00a0 &lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>This is order<\/p>\n<p>list. &lt;UL&gt;<\/p>\n<p>&lt;LI&gt; Item one &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Item two &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Item Three &lt;\/LI&gt;<\/p>\n<p>&lt;\/UL&gt;<\/p>\n<p>&lt;br&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-45 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-21.png\" alt=\"\" width=\"563\" height=\"357\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-21.png 563w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-21-300x190.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-21-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-21-225x143.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-21-350x222.png 350w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><\/p>\n<div>\n<p>&nbsp;<\/p>\n<p>You can choose bulleted list for unordered list as square bullet.<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>This is order list.<\/p>\n<p>&lt;UL type=&#8221;square&#8221;&gt;<\/p>\n<p>&lt;LI&gt; Item one &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Item two &lt;\/LI&gt;<\/p>\n<p>&lt;LI&gt; Item Three &lt;\/LI&gt;<\/p>\n<p>&lt;\/UL&gt;<\/p>\n<p>&lt;br&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<div>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-46 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-22.png\" alt=\"\" width=\"566\" height=\"354\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-22.png 566w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-22-300x188.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-22-65x41.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-22-225x141.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-22-350x219.png 350w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"text-align: initial; font-size: 1em;\">Data list allows showing you data term and data definition.<\/span><\/p>\n<div>\n<p>\u00a0 \u00a0&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>This is data list.<\/p>\n<p>&lt;DL&gt;<\/p>\n<p>&lt;DT&gt;RAM&lt;\/DT&gt;<\/p>\n<p>&lt;DD&gt;Random Access<\/p>\n<p>Memory&lt;\/DD&gt; &lt;DT&gt;ROM&lt;\/DT&gt;<\/p>\n<p>&lt;DD&gt;Read Only<\/p>\n<p>Memory&lt;\/DD&gt; &lt;\/DL&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-47 aligncenter\" src=\"http:\/\/itp9.epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/sites\/29\/2018\/07\/1-23.png\" alt=\"\" width=\"561\" height=\"364\" srcset=\"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-23.png 561w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-23-300x195.png 300w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-23-65x42.png 65w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-23-225x146.png 225w, https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-content\/uploads\/sites\/29\/2018\/07\/1-23-350x227.png 350w\" sizes=\"auto, (max-width: 561px) 100vw, 561px\" \/><\/p>\n<table>\n<tbody>\n<tr>\n<td><strong>you can view video on Introduction to Web Development with PHP<\/strong><\/td>\n<td><a href=\"https:\/\/youtu.be\/8dcDPO_GWgM\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-120\" src=\"http:\/\/epgpbooks.inflibnet.ac.in\/wp-content\/uploads\/2018\/11\/download.png\" alt=\"\" width=\"36\" height=\"36\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>References:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify; padding-left: 30px;\">1.Ivan Bayross, Web Enabled Commercial Application Development Using HTML\/Javascript\/DHTML\/PHP , BPB Publications<br \/>\n2. Steven Holzner, HTML Black book, Kogent Learning Solutions Inc<br \/>\n3. Deidre Hayes, Sams teach yourself HTML 4 in 10 minutes,<br \/>\n4. Ed Tittel , Mary Burmeister, HTML4 for Dummies, Wiley<br \/>\n5. Robert Sebesta, Programming the World Wide Web, Pearson Education Inc.<br \/>\n6. Deitel, Internet and World Wide Web How to Program, Pearson<br \/>\n7. Anne Boehm, Murach\u2019s HTML, XHTML and CSS, Murachs<br \/>\n8. Elisabeth Robson, Eric Freeman, \u201cHead First HTML and CSS \u201c, O\u2019Reilly<br \/>\n9. Thomas Powell, HTML and CSS The Complete Reference, McGrawHill Education India<br \/>\n10. John Duckett, Beginning HTML, XHTML, CSS and Java Script, Willy India<br \/>\n11. http:\/\/www.php.net\/<br \/>\n12. http:\/\/www.w3schools.com\/<br \/>\n13. http:\/\/www.tutorialspoint.com\/<\/p>\n","protected":false},"author":3,"menu_order":1,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":["dr-hiren-joshi"],"pb_section_license":""},"chapter-type":[],"contributor":[59],"license":[],"class_list":["post-21","chapter","type-chapter","status-publish","hentry","contributor-dr-hiren-joshi"],"part":3,"_links":{"self":[{"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/pressbooks\/v2\/chapters\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":14,"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/pressbooks\/v2\/chapters\/21\/revisions"}],"predecessor-version":[{"id":529,"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/pressbooks\/v2\/chapters\/21\/revisions\/529"}],"part":[{"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/pressbooks\/v2\/chapters\/21\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/wp\/v2\/media?parent=21"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/pressbooks\/v2\/chapter-type?post=21"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/wp\/v2\/contributor?post=21"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/ebooks.inflibnet.ac.in\/itp9\/wp-json\/wp\/v2\/license?post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}