The document discusses various HTML elements used to structure web pages including:
1. The <html>, <head>, and <body> tags which define the basic structure of an HTML document.
2. Lists such as <ul>, <ol>, and <dl> which can be used to create unordered, ordered, and definition lists respectively.
3. Special characters that can be inserted using HTML entities or ISO Latin-1 codes.
Copyright:
Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online from Scribd
The document discusses various HTML elements used to structure web pages including:
1. The <html>, <head>, and <body> tags which define the basic structure of an HTML document.
2. Lists such as <ul>, <ol>, and <dl> which can be used to create unordered, ordered, and definition lists respectively.
3. Special characters that can be inserted using HTML entities or ISO Latin-1 codes.
The document discusses various HTML elements used to structure web pages including:
1. The <html>, <head>, and <body> tags which define the basic structure of an HTML document.
2. Lists such as <ul>, <ol>, and <dl> which can be used to create unordered, ordered, and definition lists respectively.
3. Special characters that can be inserted using HTML entities or ISO Latin-1 codes.
Copyright:
Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online from Scribd
The document discusses various HTML elements used to structure web pages including:
1. The <html>, <head>, and <body> tags which define the basic structure of an HTML document.
2. Lists such as <ul>, <ol>, and <dl> which can be used to create unordered, ordered, and definition lists respectively.
3. Special characters that can be inserted using HTML entities or ISO Latin-1 codes.
Copyright:
Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online from Scribd
Download as doc, pdf, or txt
You are on page 1/ 4
1. The html element basically tells your computer that this is an HTML document.
All other element tags are 'nested' within the start and end html tags. The web page is then further subdivided into two main sections which are the 'head' and the 'body'. The head section begins with the <head> start tag and terminates with the </head> end tag. Immediately following this comes the <body> start tag and just before the html end tag comes the </body> end tag. There is only one set of <html>...</html> tags, one set of <head>...</head> tags and one set of <body>...</body> tags. This basic HTML web page structure can be illustrated by the following example: Example 2 <html> <head> </head> <body> </body> </html>
2. Bulleted Lists Those who have used word processors may be familiar with the bulleted list format which is typically used to make a summary of related titles, ingredients, species, data, etc. You can reproduce this format on your web page using the ul element. The ul element employs a <ul> start tag and and <ul> end tag and must contain at least one or more list items which are placed in between. Each list item is preceded by a <li> start tag of which the </li> end tag is optional...
Numbered Lists Along with bulleted lists, you can also create numbered or alphabetized lists which are known in HTML as ordered lists. To render an ordered list, you use the ol element which requires both an <ol> start tag and an </ol> end tag. Between these tags you must place at least one or more list items, each of which are preceded by an <li> start tag
Definition Lists This is a kind of generic form of a bulleted list, the difference being that it is displayed without the 'bullets' and is typically used to render a list of terms and definitions. The definition list uses the dl element of which both the start and end tags are required. In between these are placed at least one <dt> tag and one <dd> tag which render the definition term and the definition data respectively. The end tags for dt element and dd elements are optional...
3. HTML: Special Characters HTML Entities and/or ISO Latin-1 codes can be placed in source code like any other alphanumeric characters to produce special characters and symbols that cannot be generated in HTML with normal keyboard commands Punctuation HTML Entity (case sensitive) – — ¡ ISO Latin1 code – — ¡ name or meaning en dash em dash inverted exclamation
4. web browser or Internet browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI) and may be a web page, image, video, or other piece of content.[1] Hyperlinks present in resources enable users to easily navigate their browsers to related resources. Although browsers are primarily intended to access the World Wide Web, they can also be used to access information provided by Web servers in private networks or files in file systems. Some browsers can also be used to save information resources to file systems.
White Space in HTML
It is a feature of HTML that all white space is treated identically. Any sequence of whitespace characters is treated as a single space. For example, here is one space: and here are two tabs: and here are five CRLFs: but if your browser is at all conventional, they will all look the same. So how can you increase the separation between words of text, in HTML? There are several ways. One is to use pre-formatted text, with the <PRE> </PRE> tag pair, like this. Align :- ALIGN sets the alignment of the image relative to the text around it. The values for ALIGN can be divided into two groups: LEFT and RIGHT, which put the image on the left or right side of the page; and all the other values, which concern the vertical placement of an inline image.
HTML Hyperlinks (Links)
A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document. When you move the cursor over a link in a Web page, the arrow will turn into a little hand. Links are specified in HTML using the <a> tag. The <a> tag can be used in two ways: 1. 2. To create a link to another document, by using the href attribute To create a bookmark inside a document, by using the name attribute
Line break:- Definition and Usage
The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag.
Font Face <font> it is used to change the font style of text <font face=comic sans ms> Hello </font>
Text Size These are the tags for changing the font size. <big>text</big> <small>text</small> <h1>text</h1> <h6>text</h6> <font size="1">text</font> <font size="7"> text</font> increase the size by one decrease the size by one writes text in biggest heading writes text in smallest heading writes text in smallest fontsize. (8 pt) writes text in biggest fontsize (36 pt)
Comments can be a nice way to help yourself when you are coding your Web page. Comments are invisible to a Web browser when it displays your Web page. The only way to view comments is to look at the source (HTML) code of the Web page. In this way, you can leave yourself notes so that you don't forget something when you come back later to redesign the page. So, how is it done? To write a comment, you begin with a less than sign (<) followed directly by an exclamation point (!) and two dashes (--). After this, you type in your comments. To end the comment, you use two dashes (--) followed directly by a greater than sign (>).
On the contrary, sometimes, it can be wise to enlarge images using this technique. Below are two presentations of the exact same image - with different settings for width and height. <img src="http://www.echoecho.com/rainbow.gif" width="60" height="60">
HTML Color - bgcolor
The bgcolor attribute is used to control the background of an HTML elmement, specifically page and table backgrounds. Bgcolor can be placed within several of the HTML tags. However, we suggest you only use it for your page's main background (<body>) and in tables. For additional background styling, check out CSS Backgrounds. The HTML to change the background color is
The <a> tag defines an anchor. An anchor can be used in two ways: 1. 2. To create a link to another document, by using the href attribute To create a bookmark inside a document, by using the name attribute
The a element is usually referred to as a link or a hyperlink.
<p> this tag is used to make paragagraph in a document Example <p> This is my first page </p> Ol Tag xample An ordered HTML list: <ol type=I> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> Try it yourself
Definition and Usage
The <ol> tag is used to create an ordered listor Roman The list can be numerical or alphabetical. <image> Image tag is used to insert an image in your document <img src=d:\file\a.jpg> <font> it is used to change the font style and size or color of text <font size=5 face=comic sans ms color=green> glkjskg </font>
