- Details
- Category: Bacis Html
- Hits: 757
Comments
The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser.
You can use comments to explain your code, which can help you when you edit the source code at a later date.
You can also store program-specific information inside comments. In this case they will not be visible for the user,
but they are still available to the program.
A good practice is to comment the text inside scripts and style elements to prevent older browsers,
that do not support scripting or styles, from showing it as plain text.
Comments Code example below
/* A single line comment */
/*
A comment
which stretches
over several
lines
*/
- Details
- Category: Bacis Html
- Hits: 769
<a></a>
To Create a link you use <a>...</a>tags
It has extra information inside<a>href</a> called attributes.
<a href="/../html/default.aspx"><font color="maroon"></font>
<img src="/../Images/arrow-back_32.png" /></a>
You have links that links within your web page documents.
<a href="/../html/default.aspx">Home</a>
You have links that links to other web pages on the internet.
<a href="http://www.grants-web.com/">Link to Grants-web</a>
</p>
Link Code Example
Within your Web Pages
<a href="/../html/default.aspx">Home</a>
External Link
<a href="http://www.grants-web.com/">home</a>
- Details
- Category: Bacis Html
- Hits: 619
Order Lists Tags
To Create a Numbered List you use Order List <OL></OL> tags and within <OL></OL> tags the list begins with <LI>tag is a one sided tag.
Example of Number list below.
- list number 1
- list number 2
- list number 3
Number list code
<OL>
<LI> enter text here
<LI> enter text here
<LI> enter test here
</OL>
Unordered Lists Tags
Unordered lists look just like ordered lists, except that the list use<UL></UL>tags.
Elements of the list is <LI>just as with ordered list
- unordered list
- unordered list
- unordered list
Bullets example
<ul>
<li> unordered list
<li> unordered list
<li> unordered list
</ul>
Menu Lists Tags
Menu list tags <menu></menu>tags
Contents: One or more <LI>tags
<menu type="toolbar">
<li>
<menu label="File">
<button type="button" onclick="new()">New...</button>
<button type="button" onclick="save()">Save...</button>
</menu>
</li>
<li>
<menu label="Edit">
<button type="button" onclick="cut()">Cut...</button>
<button type="button" onclick="copy()">Copy...</button>
<button type="button" onclick="paste()">Paste...</button>
</menu>
</li>
</menu>
Definition Lists Tags
Definiton list tags: <dl></dl> tags
Contents: <DT> for the term and <DD> for definition.
Example
star·ling
Any of various Old World passerine birds of the family Sturnidae, characteristically having a short tail, pointed wings, and dark, often iridescent plumage, especially Sturnus vulgaris, widely naturalized in North America.
pel·i·can
Any of various large, web-footed birds of the genus Pelecanus of tropical and warm regions, having a long straight bill from which hangs a distensible pouch of skin for catching and holding fish.
il·e·i·tis
Inflammation of the ileum.
Definition example code below.
<dl>
<dt>star·ling</dt>
<dd>Any of various Old World passerine birds of the family Sturnidae, characteristically having a short tail, pointed wings, and dark, often iridescent plumage, especially Sturnus vulgaris, widely naturalized in North America.</dd>
<dt>pel·i·can</dt>
<dd>Any of various large, web-footed birds of the genus Pelecanus of tropical and warm regions, having a long straight bill from which hangs a distensible pouch of skin for catching and holding fish.</dd>
<dt>il·e·i·tis</dt>
<dd>Inflammation of the ileum.</dd>
</dl>
- Details
- Category: Bacis Html
- Hits: 734
Two kind of Character Styles. Logical Styles tags and Physical Styles tags.
Logical Styles
<em></em> emphasized in some way
In HTML 5, what was previously called block-level content is now called flow content.
<strong></strong> emphasized boldface
When doing x it is imperative to do y before proceeding.
<code></code> a fixed-width font as Courier
Regular text. This is code.
Regular text.
<samp></samp> similar to <code>
Regular text.This is sample text.Regular text.
<kbd></kbd> text intended to be typed by a user
Type the following in the Run dialog: cmd
Then click the OK button.
<var></var> the name of a variable
A simple equation: x = y + 2
<dfn></dfn> highlights a word or phrase
The Internet is a global system of interconnected networks that use the Internet Protocol Suite (TCP/IP) to serve billions of users worldwide.
- WWW
- The World-Wide Web (WWW) is a system of interlinked hypertext documents accessed on the Internet.
<cite></cite> a citation
More information can be found in [ISO-0000]
Physical Styles
<b></b> for bold
<i></i> for italic
<u></u> for underlining
Code example below
<b></b>
<i></i>
<u></u>
- Details
- Category: Bacis Html
- Hits: 732
Preformatted Text
Any spaces that you put into text that is surrounded by <pre>and</pre>
is retained in the final output.
Example of Preformatted Text:
heading1
heading2
heading3
column1 column2 column3 column4
column1 column2 column3 column4
Code Example below:
<pre>
heading1
heading2
heading3
column1 column2 column3 column4
column1 column2 column3 column4
</pre>
- Details
- Category: Bacis Html
- Hits: 757
Horizontal Rules
Horizontal Rules creates a horizontal line on the page.
Syntax: <hr>
Code example below
<hr width="200" >
<hr size="10" width"200">
- Details
- Category: Bacis Html
- Hits: 704
Line Break
Line Break, breaks the line at the point it is placed.
Syntax: <BR />
Example of line break.
When a browers encounter a <br />, it start a new line.
Like this it restarts a new line.
Code example below
Example of a line bread<br />
When a browers encounter a <br />, it start a new line.<br />
Like this it restarts a new line.<br />
- Details
- Category: Bacis Html
- Hits: 635
Address
Syntax: <address></address>
The ADDRESS element provides contact information for a document or part of a document.
contact us,
or phone our offices at 555-5555.
Code example below
<address></address>
<address>
If you have any questions about ordering, contact us at <br><a href="mailto:
contact us</a>, <br>or phone our offices at 555-5555.
</address>
- Details
- Category: Bacis Html
- Hits: 599
Blockquote
Syntax: <blockquote></blockquote>
The <blockquote></blockquote>tag is used to create a quotation.
- Roses are red,
- Violets are blue,
- Sugar is sweet,
- And so are you.
Sir Edmund Spenser
Quotations Code example below
<blockquote></blockquote>
<blockquote>
<dl>
<dd>
Roses are red,
</dd>
<dd>
Violets are blue,
</dd>
<dd>
Sugar is sweet,
</dd>
<dd>
And so are you.
</dd><BR />
Sir Edmund Spenser
</dl>
</blockquote>
- Details
- Category: Bacis Html
- Hits: 753
Special Characters
Syntax: < >: & ":
Example of Special Characters or † ♠ ♣ ♥♦ and
white spaces.
Example of Special Characters Code example below
†
♠
♣
white space
♥
♦
Special Characters
†
♠
♣
♥
♦
- Details
- Category: Bacis Html
- Hits: 662
Image Formats
Syntax: <IMG>
Inline Images in HTML: <IMG>
The IMG element specifies an inline image. The required SRC attribute specifies the location of the image.
The image can be any format, though browsers generally only support GIF, JPEG, and PNG images.
Code example below
<img src="/../Images/logogold.jpg" />
Image after text text after image.
Image before text <img src="/../Images/home_32.gif" /> text after image.
Images and Links<a href="/index.php"><img src="/../Images/arrow-back_32.png" /></a>
If you include both and image and text in the anchor both the image and the text itself become hot spots, pointing to the same document.
If you include both and <a href="/Default.aspx"><img src="/../Images/arrow-back_32.png" /> image and text</a> in the anchor both the image and the text itself become hot spots, pointing to the same document.