Node Notes

SSH Notes

Basic Html Content

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>

  1. How to Display Html code in a web page<xmp> </xmp> and &lt &gt
  2. Simple HTML<html> <head> <body>
  3. DOCTYPE<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. html<html> </html>
  5. head<head> </head>
  6. title<title> </title>
  7. body:<body> </body>
  8. p tags<p> </p>
  9. H1 through H6 tags <h1> </h1>
  10. Comments: tags /*Comment */
  11. Link:A tags <a href="/../html/default.aspx">Home</a>
  12. List: tags<OL> <LI> <LI> <LI> </OL>
  13. Character: tags<em></em><strong></strong><code></code><tt></tt><u></u>
  14. Preformatted Text: tags<pre> </pre>
  15. Horizontal Rules: <hr>
  16. Line Break: <br />
  17. Address: <address> </address>
  18. Blockquote: <blockquote> </blockquote>
  19. Special Characters: &lt; &gt: &amp; & quot:
  20. Image Formats: <IMG>
  21. Table: <table> </table>
  22. Form: <form></form>
0
0
0
s2smodern

How to Display Html code in a web page

How to Display Html code in a web page

Add the short and simple &lt xmp &gt &lt /xmp &gt tag to the particular piece of code you want to display as it is.
Or convert all your < and > to &lt and &gt 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.

 

0
0
0
s2smodern

Simple HTML Page layout

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>

 

0
0
0
s2smodern

DocType

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>

0
0
0
s2smodern

head tag

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>

Elements that can be used inside a <head> element:
Tag Description
<head>

Information about the document. <head> element represents a collection of metadata about the document, including links to or definitions of scripts and style sheets.

<!-- Defining the charset in HTML4 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- In HTML5 -->
<meta charset="utf-8">

<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=http://www.yoursite.com/"

<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/">
<base target="_blank" 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">
<link href="/fancy.css" rel="alternate stylesheet" type="text/css" title="Fancy">
<link href="/basic.css" rel="alternate stylesheet" type="text/css" title="Basic">

<meta>

Metadata about an HTML document

<!-- Defining the charset in HTML4 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<!-- In HTML5 -->
<meta charset="utf-8">

<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=http://www.coolsite.com/">

<script>

Defines a client-side script

<!-- HTML4 and (x)HTML -->
<script type="text/javascript" src="/javascript.js">

<!-- HTML5 -->
<script src="/javascript.js"></script>

<style>

Defines style information for a document

<style type="text/css">
body {
color:red;
}
</style>

0
0
0
s2smodern

html tag

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>

0
0
0
s2smodern

title tag

<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>

0
0
0
s2smodern

body tag

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">

0
0
0
s2smodern

p tag

<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>

0
0
0
s2smodern

Heading

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>

0
0
0
s2smodern

SSL Checker

Server Hostname:

(e.g. www.google.com)
Check SSL

| |

Copyright © 2017. All Rights Reserved.

SiteLock