Fundamental Of Web Technology: March 2019

Wednesday, March 20, 2019

mypage2

1. Explain about the HTML code above.

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

<head>
- 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

<h1>
-defines the most important heading

<p>
-defines a paragraph

<br>
-inserts a single line break
-an empty tag which means that it has no end tag

2. Explain about the two types of HTML Tags?

There are two types of html tags:
-Paired tags
-Singular tags

Paired tags
A paired tags consist of two tags,first one is called an opening tag and the second one is called a closing tag.These tags contains the text in between at which the effect of that tag will be applied.
It is also called container tag.A tag is said to a paired tag if it along with a companion tag or closing tag appears at the end.For example, the tag is paired tag.The tag with its closing tag is used to rendered in Bold Text.

Example: <b>ABC</b>
Here <b> is the opening tag, </b> is the closing tag and ABC the text in between which will result as ABC on the browser screen.

More Examples:

<i> </i>
<div> </div>
<ul> </ul>
<h1> </h1> , etc.

Singular Tags
The second type of tag is the singular tag,which is also known as stand-alone tag or empty tag.The stand-alone tag does not have companion tag or closing tag.

For example:

<br> - Insert a link break
<hr> - Define a horizontal rule


3. <h1>HTML</h1>
<p>HTML is a language for describing web pages....</p>

<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>

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.

Press Ctrl+U on your computer's keyboard.

Right-click on a blank part of the web page and select View page source from the pop-up menu that appears.

Open Chrome and navigate the web page of your choice.

Click on Customize and control Google Chrome icon in the upper-right side of the browser window.

From the drop-down menu that appears, select More tools and then Developer tools.

Click the Elements tab at the top of the new section that appears

Fundamental Of Web Technology

Wednesday, March 20, 2019

mypage2

Wednesday, March 6, 2019

My First Webpage

CSS Two-Column Page Layout

Report Abuse