- Details
- Category: Bacis Html
- Hits: 559
{eks}catid=82|keyword=html|teaser|alpha{/eks}
- Details
- Category: Bacis Html
- Hits: 740
HTML, short for HyperText Markup Language, is the predominant markup language for the creation of web pages.
The World Wide Web Consortium (W3C) is the main international standards organization for the World Wide Web
File extension: .html, .htm
HTM or HTML Extension? When you save an HTML file, you can use either the .htm or the .html extension. It might be a bad habit inherited from the past when some of the commonly used software only allowed three letter extensions. With newer software we think it will be perfectly safe to use .html.
Here's a dynamite small script to use that takes away those lines under links.
You need to insert it in the <head> </head> section of your page.
<STYLE><!--a{text-decoration:none}//--></STYLE>
- How to Display Html code in a web page<xmp> </xmp> and < >
- Simple HTML<html> <head> <body>
- DOCTYPE<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- html<html> </html>
- head<head> </head>
- title<title> </title>
- body:<body> </body>
- p tags<p> </p>
- H1 through H6 tags <h1> </h1>
- Comments: tags /*Comment */
- Link:A tags <a href="/../html/default.aspx">Home</a>
- List: tags<OL> <LI> <LI> <LI> </OL>
- Character: tags<em></em><strong></strong><code></code><tt></tt><u></u>
- Preformatted Text: tags<pre> </pre>
- Horizontal Rules: <hr>
- Line Break: <br />
- Address: <address> </address>
- Blockquote: <blockquote> </blockquote>
- Special Characters: < >: & & quot:
- Image Formats: <IMG>
- Table: <table> </table>
- Form: <form></form>
- Details
- Category: Bacis Html
- Hits: 542
How to Display Html code in a web page
Add the short and simple < xmp > < /xmp > tag to the particular piece of code you want to display as it is.
Or convert all your < and > to < and > respectively
Here a helpful utility sHTMLc
sHTMLc (show HTML code) is meant for those who write HTML tutorials published on the Internet and therefore have to present HTML code to the reader.
This means that some code must be changed in order to show correctly. sHTMLc converts the code you copy to the clipboard.
- Details
- Category: Bacis Html
- Hits: 775
This is a Simple HTML Page layout
If like to try the code below use your NotePad
Copy and paste in NotePad
Save it as a html extension. Example Myfirst.html
After saving as html go to your folder where you saved it.
Click on Myfirst.htmlto open it.
Why use NotePad when you can download a free HTML Editor
If you do not have a HTML Editor download a free Editor from.
Microsoft Visual Web Developer 2012 Express Editions From Microsoft
HTML-Kit From Chami.com
Coffee Cup From CoffeeCup.com
Simple HTML Page example code below.
<!DOCTYPE html>
<html >
<head>
<title>Untitled Page</title>
</head>
<body>
This is a simple html page
</body>
</html>
- Details
- Category: Bacis Html
- Hits: 711
DOCTYPE
Version (X)HTML. Tells a validator which version of HTML to use in checking the document's syntax.
The doctype declaration should be the very first thing in an HTML document, before the <html> tag.
Example
<!DOCTYPE html>
- Details
- Category: Bacis Html
- Hits: 807
Page information.
Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more.
The following tags can be added to the head section: <base>, <link>, <meta>, <script>, <style>, and <title>.
The <title> tag defines the title of the document, and is the only required element in the head section!
Eample
<html>
<head>
<title></title>
</head>
Tag | Description |
<head> |
Information about the document. <!-- Defining the charset in HTML4 --> |
<title> |
Title of the document <title>Elements that can be used inside a <head> element:</title> |
<base> |
Specifies the base URL to use for all relative URLs contained within a document. <base href="http://www.yoursite.com/"> |
<link> |
Relationships between the current document and other documents. <link href="/default.css" rel="stylesheet" type="text/css" title="Default Style"> |
<meta> |
Metadata about an HTML document <!-- Defining the charset in HTML4 --> |
<script> |
Defines a client-side script <!-- HTML4 and (x)HTML --> |
<style> |
Defines style information for a document <style type="text/css"> |
- Details
- Category: Bacis Html
- Hits: 1432
Html
<html> </html> These tell the browser this page is in Hypertext Markup Language.
Standard opening and closing tags for any HTML page. Enclose everything else in these.
Example
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
- Details
- Category: Bacis Html
- Hits: 604
<title></title>
Title of your page
Whatever is between these tags will appear in the bar at the top of the screen.
Title goes between the head tag.
Example
<html>
<head>
<title>Title of the document</title>
</head>
- Details
- Category: Bacis Html
- Hits: 635
body Tags
The BODY tag follows the HEAD tag within your HTML.
Everything visible on your page goes between these tags
The body element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.
Code example below
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Background and Text Colors:
<body bgcolor="#FFFFFF" text="#000000">
Image Background:
<body background="/yourimage.gif">
Link Colors:
<body alink="#0000FF" link="#0000C0" vlink="#FF0000">
<body> Tag Attributes
bgcolor="color"
text="color"
link="color"
alink="color"
vlink="color"
background="image.gif"
<body bgcolor="black" text="red" link="yellow" alink="orange" vlink="white" background="image.gif">
- Details
- Category: Bacis Html
- Hits: 761
<p></p>
Paragraphs
The p tag defines a paragraph.
Paragraph in Html are slippery things in the beginning
<P> tag is a one-sided tag. There is no corresponding </p>
The <P> tag was used to indicate the end of a paragraph not the beginning
Later version we have a two sided <p></p>
Also th closing </P>is optional.
The paragraph element that can be contained inside the elements
"address", "applet", "blockquote", "body", "button",
"center", "del", "dd", "div", "fieldset", "form", "iframe",
"ins", "li", "map", "noframes", "noscript", "object", "td", and "th".
p ---element represents a paragraph. <p></p>
<html>
<head>
<title></title>
</head>
<body>
<p>This is a Paragraph</p>
<p>This is a Paragraph</p>
</body>
</html>
- Details
- Category: Bacis Html
- Hits: 604
Heading tags
The <h1> to <h6> tags are used to define HTML headings.
The numbers indicate heading levels (H1 through H6)
Heading are used to divide section of text.
The numbers indicate heading levels (H1 through H6)
Heading are used to divide section of text.
The numbers indicate heading levels (H1 through H6)
Code example below
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>