1 / 27

Introduction to HTML

expansion of html, Html in Web page creation

virginmary
Télécharger la présentation

Introduction to HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. HTML, Hypertext, hypermedia, homepage, web page, website Mrs. M. Virgin Arockiamary Assistant professor Arul anandar college Karumathur madurai

  2. HTML Hyper Text Markup Language

  3. HTML • HTML is used to design web pages using markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. Markup language is used to define the text document within tag which defines the structure of web pages. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. Most of markup (e.g. HTML) languages are human readable. Language uses tags to define what manipulation has to be done on the text.

  4. HTML was created by Tim Berners-Lee in 1991HTML is a markup language which is used by the browser to manipulate text, images and other content to display it in required format. • HTML code ensures the proper formatting of text and images for your Internet browser. Without HTML, a browser would not know how to display text as elements or load images or other elements.

  5. Features of HTML

  6. Features of HTML

  7. Features of HTML

  8. Hypermedia

  9. Hypermedia • It is a term created by Ted Nelson 1965. • Hypermedia is information computer based information retrieval system that enables user to gain or provide access to texts, audio, and video recordings, photographs, and computer graphics related to a particular subject. • Hypermedia is anything that allows the user to gather information in a nonlinear way. This means the user has the choice as to what path he or she takes in order to gather information.

  10. Most Web navigation is done by clicking text-based links that open new pages in a Web browser. These links, which are often blue and underlined, are referred to as hypertext, since they allow the user to jump from page to page. • Hypermedia is an extension of hypertext that allows images, movies, and Flash animations to be linked to other content. • The most common type of hypermedia is an image link. Photos or graphics on the Web are often linked to other pages. For example, clicking a small "thumbnail" image may open a larger version of the picture in a new window. Clicking a promotional graphic may direct you to an advertiser's website. Flash animations and videos can also be turned into hyperlinks by embedding one or more links that appear during playback.

  11. Advantages • One of the major advantages of hypermedia is the ability to quickly follow associations and look up related material • References can be traced both back-ward and forward in a way which can be difficult and time consuming with printed media. In addition the user can annotate the material and create new reference. • Information can also be structured in a variety of ways. Multiple organizations of the same material allow for specialized structure for the different user categories. • The student can browse the material and find the new information as she/he explore a new area. • Hypermedia systems is usually considered as fun to use.

  12. Example • The World Wide Web (WWW) is the best example of hypermedia application through WWW is the possible to deliver hypertext, graphics, animation and sound between different computer environments.

  13. Hyperlink You can tell if an image or video is a hyperlink by moving the cursor over it. If the cursor changes into a small hand, that means the image or video is linked to another page. Clicking the text, image, or video will open up a new location in your Web browser. Therefore, you should only click a hypertext or hypermedia link when you are ready to leave the current page. If you want to open the link in a new window, you can usually right click the link and select "Open Link in New Window."

  14. A hyperlink is a word, phrase, or image that you can click on to jump to a new document or a new section within the current document. Hyperlinks are found in nearly all Web pages, allowing users to click their way from page to page. Text hyperlinks are often blue and underlined, but don't have to be. When you move the cursor over a hyperlink, whether it is text or an image, the arrow should change to a small hand pointing at the link. When you click it, a new page or place in the current page will open. • Hyperlinks, often referred to as just "links," are common in Web pages, but can be found in other hypertext documents. These include certain encyclopedias, glossaries, dictionaries, and other references that use hyperlinks. The links act the same way as they do on the Web, allowing the user to jump from page to page. Basically, hyperlinks allow people to browse information at hyperspeed.

  15. hypertext

  16. Since hyper- generally means "above, extraordinary", hypertext is something that's gone beyond the limitations of ordinary text. • hypertext permits you, by clicking with a mouse, to immediately access text in one of millions of different electronic sources. Hypertext is now so familiar the word, which was coined by Ted Nelson 1960s.

  17. Hypertext is text that links to other information. By clicking on a link in a hypertext document, a user can quickly jump to different content. Though hypertext is usually associated with Web pages, the technology has been around since the 1960s. • Software programs that include dictionaries and encyclopedias have long used hypertext in their definitions so that readers can quickly find out more about specific words or topics.

  18. Hypertext vs Hyperlink <a href=https://www.aactni.edu.in>Departments</a> Hyper Text Hyper Link

  19. Home page A home page is a webpage that serves as the starting point of website. It is the default webpage that loads when you visit a web address that only contains a domain name. For example, www.aactni.edu.in will display the Arul Anandar College home page.

  20. Most web server allow the home page to have one of several different filenames. Examples include index.html, index.htm, index.shtml, index.php, default.html, and home.html. The default filename of a website's home page can be customized on both Apache and IIS servers. Since the home page file is loaded automatically from the root directory, the home page URL does not need to include the filename.

  21. There is no standard home page layout, but most home pages include a navigation bar that provides links to different sections within the website. Other common elements found on a home page include a search bar, information about the website, and recent news or updates. Some websites include information that changes every day. For example, the Tech Terms home page includes a daily quiz and tech term of the day. Navigation Bar

  22. Webpage A document which can be displayed in a web browser such as Firefox, Google Chrome, Opera, Microsoft Internet Explorer or Edge, or Apple's Safari. These are also often called just "pages."

  23. Arul Anandar college webpage

  24. website • A collection of web pages which are grouped together and usually connected together in various ways. Often called a "web site" or simply a "site." • In this sense, a website represents a centrally managed group of web pages, containing text, images and all types of multi-media files presented to the attention of the Internet users in an aesthetic and easily accessible way. All websites enabled through the Internet constitute the World Wide Web (WWW). • Web site is a related collection of World Wide Web (WWW) files that includes a beginning file called a home page. A company or an individual tells you how to get to their Web site by giving you the address of their home page. From the home page, you can get to all the other pages on their site. 

  25. Example of website aac Website Address aactni.edu.in A home page is a webpage that serves as the starting point of website. This is the home page of Arul Anandar College Website From the Home page we can move on to other pages.

  26. Navigation of department

More Related