Wednesday, March 6, 2019

My First Webpage
























1. 

file:///C:/Users/uthm/Desktop/mypage.html

1. Explain about the HTML code above?

<html> 
- tells the browser that this is an HTML document
-represents the root of an HTML document
-container for all other HTML elements (except for the <!DOCTYPE> tag).

<head>
- container for all the head elements & can include a title for the document, scripts, styles, meta information, and more

 <title> 
defines a title in the browser toolbar
provides a title for the page when it is added to favorites
displays a title for the page in search-engine results

<body>
defines the document's body
contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.

2. Why the use of HTM or HTML Extension?


HTML full form is Hyper Text Markup Language. The file name extension of HTML is .html and .htm. HTML is used for developing web pages and applications. HTML can be embedded with CSS (Cascading style sheet) and JavaScript. HTML consists of elements, these elements define the structure of HTML pages. HTML elements are used to represent heading, paragraph, images, tables and many more features. HTML pages can be developed using the HTML editors like Notepad (in Windows machine) and Text edit (in Mac Book or Mac Machine). The basic HTML page structure consists of Doctype tag like <!DOCTYPE html>, which describes the HTML version written.

HTM is used as one of the file extension for HTML pages. HTM file extension mainly used for Disk operating system (DOS) and windows also. It was used earlier means for an old operating system only as they are not able to handle files with large names. HTM file extension is used so that user can know what type of data is requested and distinguish between other extensions of web pages as well.

3. How to view HTML Source?

To view the source code of a web page in Google Chrome, follow the steps below.

  1. Press Ctrl+U on your computer's keyboard.
  1. Right-click on a blank part of the web page and select View page source from the pop-up menu that appears.
  1. Open Chrome and navigate the web page of your choice.
  1. Click on Customize and control Google Chrome Chrome settings icon icon in the upper-right side of the browser window.
  1. From the drop-down menu that appears, select More tools and then Developer tools.
  1. Click the Elements tab at the top of the new section that appears

No comments:

Post a Comment

CSS Two-Column Page Layout

CSS Two-Column Page Layout HTML <!DOCTYPE html> <html lang="en"> <head>     <title>Lighthouse Island ...