HTML5 • Creating and Saving a Web Page • Basic HTML Tags • Displaying Web Page in a Web Browser

Class VII Subject: Computer Science Textbook: IT Planet Petabyte Chapter – 8: HTML – Creating Web Page General Instructions: 1. Read the text thoroughly. 2. YouTube links are given for further explanation of the topics. • HTML5 • Creating and Saving a Web Page • Basic HTML Tags • Displaying Web Page in a Web Browser HTML is the standard markup language for creating Web pages. HTML stands for HyperText Markup Language. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content. HTML elements are represented by tags. Web pages can be created and modified by using professional HTML editors. However, for learning HTML it is recommended to use a simple text editor like Notepad. HTML5 HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. It is a system that allows the modification of the appearance of web pages, as well as making adjustments to their appearance. Understanding HTML5 document Structure A Simple HTML Document: Example <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> SAMPLE DOCUMENT </body> </html> Let’s know about each of the above tags. <!DOCTYPE>: It defines the document type or it instruct the browser about the version of HTML. The <!DOCTYPE> declaration for HTML5 is: <!DOCTYPE html> <html >: This tag informs the browser that it is an HTML document. The text between the HTML tags describes the web document. It is a container for all other elements of HTML except <!DOCTYPE> <head>: It should be the first element inside the <html> element, which contains the metadata (information about the document). It must be closed before the body tag opens. The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. HTML metadata is data about the HTML document. Metadata is not displayed. Metadata typically defines the document title, character set, styles, scripts, and other meta information. <title>: As its name suggested, it is used to add the title of that HTML page which appears at the top of the browser window. It must be placed inside the head tag and should close immediately. (Optional) <body>: The text between the body tag describes the body content of the page that is visible to the end-user. This tag contains the main content of the HTML document. HTML Page Structure jgjghjhjkhkjhSSSStructurement Below is a visualization of an HTML page structure: Title <html> <head> <title>Page title</title> </head> <body> SAMPLE DOCUMENT </body> </html> Note: Only the content inside the <body> section (the white area above) is displayed in a browser. All HTML documents must start with a document type declaration: <!DOCTYPE html>. The HTML document itself begins with <html> and ends with </html>. The visible part of the HTML document is between <body> and </body>. Creating a web Page When you type text in notepad, the text may scroll off the screen. Start and Save an HTML Document Basic HTML Tags HTML <!DOCTYPE> tag is used to inform the browser about the version of HTML used in the document. Technically <!DOCTYPE > is not a tag/element, it just an instruction to the browser about the document type. It is a null element which does not contain the closing tag, and must not include any content within it. The <html> tag tells the browser that this is an HTML document. The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <!DOCTYPE> tag). The <head> element is a container for all the head elements. The <head> element can include a title for the document, scripts, styles, meta information, and more. The <title> tag defines the title of the document. The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc. Displaying Web Pages You can save your HTML file on the desktop or anywhere else and just double click on it to open it. If you want to display the web page in a web browser (e.g. Internet Explorer) and see how it will appear on the web then follow the given steps: ADDITIONAL RESOURCE: Click on the given YouTube Links for further explanation. 1. Creating/Saving/Viewing an HTML file: https://www.youtube.com/watch?v=KWV41rmh9bQ 2. Basic Structure of an HTML Web Page: https://www.youtube.com/watch?v=mnwVeRMBiiA .

HTML5 • Creating and Saving a Web Page • Basic HTML Tags • Displaying Web Page in a Web Browser

Details

Download

Copyright

We respect the copyrights and intellectual property rights of all users. All uploaded documents are either original works of the uploader or authorized works of the rightful owners.

Support