Vous êtes sur la page 1sur 7

What is HTML?

HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. The markup tells the Web browser how to display a Web page's words and images for the user. Each individual markup code is referred to as an element (but many people also refer to it as a tag). Some elements come in pairs that indicate when some display effect is to begin and when it is to end.
HTML is a language for describing and developing web pages.

HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of markup tags HTML uses markup tags to describe web pages

HTML Document Syntax


<html> <head> <body> //body of your program </body> </head> </html>

HTML coding is what makes your website look like a website, rather than just plain text. With HTML, you can:

Create titles, headings and subheadings. Make a bulleted or numbered list. Delineate paragraphs. Put text in bold or italics and various style or format. Add pictures and links to your site. Add background color and picture.

HTML Tags
HTML markup tags are usually called HTML tags

HTML tags are keywords surrounded by angle brackets like <html>

HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the start tag, the second tag is the end tag Start and end tags are also called opening tags and closing tags

HTML Example Explained

The <p> element:


<p>This is my first paragraph.</p>
The <p> element defines a paragraph in the HTML document. The element has a start tag <p> and an end tag </p>. The element content is: This is my first paragraph.

The <html> element:


<html> <body> <p>This is my first paragraph.</p> </body> </html>
The <html> element defines the whole HTML document. The element has a start tag <html> and an end tag </html>. The element content is another HTML element (the body element).

The <body> element:


<body> <p>This is my first paragraph.</p> </body>
The <body> element defines the body of the HTML document. The element has a start tag <body> and an end tag </body>. The element content is another HTML element (a p element).

HTML <body> bgcolor Attribute


Example

Specify a background color for an HTML document:

<html> <body bgcolor="#E6E6FA"> </body> </html>

The HTML title Element


The <title> tag defines the title of the document. The title element is required in all HTML documents. The title element:

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

HTML CODE USE IN OUR PROJECT There are morethan 10 html pages in our project and in each page we use varoius html elements. some of those are listed below: textbox and password field button radio button hyperlink table various font size,font color,font style picture insert bgcolor and background picture text or picture alignment with <div align> tag marquee loop These elements are described belowText Fields
<input type="text" /> defines a one-line input field that a user can enter text into:

<form> First name: <input type="text" name="firstname" /><br /> Last name: <input type="text" name="lastname" /> </form>
How the HTML code above looks in a browser: First name: Last name:

Password Field
<input type="password" /> defines a password field:

<form> Password: <input type="password" name="pwd" /> </form>


How the HTML code above looks in a browser: Password:

Radio Buttons
<input type="radio" /> defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices:

<form> <input type="radio" name="sex" value="male" /> Male<br /> <input type="radio" name="sex" value="female" /> Female </form>
How the HTML code above looks in a browser: Male Female

Submit Button
<input type="submit" /> defines a submit button. A submit button is used to send form data to a server. The data is sent to the page specified in the form's action attribute. The file defined in the action attribute usually does something with the received input:

<form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" name="user" />

<input type="submit" value="Submit" /> </form>


How the HTML code above looks in a browser: Username: If you type some characters in the text field above, and click the "Submit" button, the browser will send your input to a page called "html_form_action.asp". The page will show you the received input.

Color Values
HTML colors are defined using a hexadecimal notation (HEX) for the combination of Red, Green, and Blue color values (RGB). The lowest value that can be given to one of the light sources is 0 (in HEX: 00). The highest value is 255 (in HEX: FF). HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign.

Color Values
Color Color HEX #000000 #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF #FF00FF #C0C0C0 #FFFFFF Color RGB rgb(0,0,0) rgb(255,0,0) rgb(0,255,0) rgb(0,0,255) rgb(255,255,0) rgb(0,255,255) rgb(255,0,255) rgb(192,192,192) rgb(255,255,255)

HTML Example Explained

Tags
<a href> Link <B> <BR> <body> <DL> <font> <form> <frameset> <head> <H1> <hr> <img> <i> <q> <P> <title> <table> <OL> <UL> <marquee> HyperLink Displaying text in bold letters Line break of carriage return

Description

Body tag to store displayed main contain Data List Managing font style, size and color Web form to input data frameset Head tag of a webpage to keep meta tags etc Header tags to manage font Horizontal line Displaying Image Italic tag to make a section of text Italic Adding quotation marks to a section of text Paragraph in html page Title tag within head tag Table tag to manage layout Ordered list in a webpage Unordered list Scrolling text using marquee, managing speed and direction of scroll

Vous aimerez peut-être aussi