Nothing Special   »   [go: up one dir, main page]

Create Webpage Using HTML - Web Designing

Download as pdf or txt
Download as pdf or txt
You are on page 1of 6

WEB DESIGNING CODE GUN

The start of the web and web design


In 1989, whilst working at CERN Tim Berners-Lee proposed to create a global hypertext
project, which later became known as the World Wide Web. During 1991 to 1993 the
World Wide Web was born. Text-only pages could be viewed using a simple line-mode
browser.[2] In 1993 Marc Andreessen and Eric Bina, created the Mosaic browser. At the
time there were multiple browsers, however the majority of them were Unix-based and
naturally text heavy. There had been no integrated approach to graphic design elements
such as images or sounds. The Mosaic browser broke this mould.[3] The W3C was
created in October 1994 to "lead the World Wide Web to its full potential by developing

1|Page
Creating WebPage using HTML
WEB DESIGNING CODE GUN
common protocols that promote its evolution and ensure its interoperability."[4] This
discouraged any one company from monopolizing a propriety browser and programming
language, which could have altered the effect of the World Wide Web as a whole. The
W3C continues to set standards, which can today be seen with JavaScript and other
languages. In 1994 Andreessen formed Mosaic Communications Corp. that later became
known as Netscape Communications, the Netscape 0.9 browser. Netscape created its
own HTML tags without regard to the traditional standards process. For example,
Netscape 1.1 included tags for changing background colours and formatting text with
tables on web pages. Throughout 1996 to 1999 the browser wars began,
as Microsoft and Netscape fought for ultimate browser dominance. During this time there
were many new technologies in the field, notably Cascading Style Sheets, JavaScript,
and Dynamic HTML. On the whole, the browser competition did lead to many positive
creations and helped web design evolve at a rapid pace.

HTML
Hypertext Markup Language (HTML) is the standard markup language for documents
designed to be displayed in a web browser. It can be assisted by technologies such
as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

First Program of HTML.

<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!
</body>
</html>

2|Page
Creating WebPage using HTML
WEB DESIGNING CODE GUN

Basic HTML
Tag Description

<!DOCTYPE> Defines the document type

<html> Defines an HTML document

<head> Contains metadata/information for the document

<title> Defines a title for the document

<body> Defines the document's body

<h1> to <h6> Defines HTML headings

<p> Defines a paragraph

<br> Inserts a single line break

<hr> Defines a thematic change in the content

<!--...--> Defines a comment

Lists

Tag Description

3|Page
Creating WebPage using HTML
WEB DESIGNING CODE GUN

<ul> Defines an unordered list

<ol> Defines an ordered list

<li> Defines a list item

<dl> Defines a description list

<dt> Defines a term/name in a description list

<dd> Defines a description of a term/name in a description list

Tables
Tag Description

<table> Defines a table

<caption> Defines a table caption

<th> Defines a header cell in a table

<tr> Defines a row in a table

<td> Defines a cell in a table

4|Page
Creating WebPage using HTML
WEB DESIGNING CODE GUN

<thead> Groups the header content in a table

<tbody> Groups the body content in a table

<tfoot> Groups the footer content in a table

<col> Specifies column properties for each column within a <colgroup> element

<colgroup> Specifies a group of one or more columns in a table for formatting

Forms and Input


Tag Description

<form> Defines an HTML form for user input

<input> Defines an input control

<textarea> Defines a multiline input control (text area)

<button> Defines a clickable button

<select> Defines a drop-down list

<option> Defines an option in a drop-down list

<label> Defines a label for an <input> element

5|Page
Creating WebPage using HTML
WEB DESIGNING CODE GUN

<fieldset> Groups related elements in a form

<legend> Defines a caption for a <fieldset> element

<output> Defines the result of a calculation

Images
Tag Description

<img> Defines an image

<map> Defines a client-side image map

<area> Defines an area inside an image map

<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)

<figcaption> Defines a caption for a <figure> element

<figure> Specifies self-contained content

<picture> Defines a container for multiple image resources

<svg> Defines a container for SVG graphics

6|Page
Creating WebPage using HTML

You might also like