Christ Is Alive Ministry Learning Code for God

HTML <!DOCTYPE> Declaration

Declaration

This represents the document type, and gives the browsers help to display web pages correctly

It must appear once only, at the top of the HTML page.

The . <!DOCTYPE> declaration for HTML5 is . <!DOCTYPE html>

It can be written in upper case or lower case unless you are using a validation.

HTML DOCUMENTS

Documents

All HTML pages/documents must start with a document type declaration: It would look like: <!DOCTYPE html>.

<html> tag is the starting and </html> must be the end tag

The different is the / mark

If you want it seen or to be visible it must go between <body> and </body>

An Example of this would be:

<!DOCTYPE html>

<body>

<h1> This would be your heading</h1>

<p> This would be your first paragraph: Make sure to include your closing tags. </p>

</body>

</html>

This would be your heading

This would be your first paragraph: Make sure to include your closing tags.

HTML LINKS

Links

HTML links are defined with the <a> tag.

The link's destination is specified in the <href>

Example:

< a href> ="https://www.learningcodeforgod.net">Home page. </a>

< a href> ="https://www.christisalive.net">Home page. </a>

Hyperlinks

First you need to make an Ancher to the page you are going to link to.

Rules for that anchor name.

You will need a name for the anchor that has no spaces in it.

A unique name. Two anchor can not have the same name on the same page.

You may use lower case (small) or upper case (large) letters. You can not use "troop" and then use "TROOP" for another anchor.

Must Remember the exact spelling and case of the word used. It is recommended to use lowercase letters all the time. (write the spelling down to make sure it is correct, it will save you time.)

<h2 id="dec">Declaration</h2> This would be placed at the location that you want the person to arrive at. id name is dec and Declaration is the location they will arrive at on that page

After clicking the following <a href="document.html#dec"> Declaration </a>

document.html is the title of the page and dec is your id name

HTML VIEW SOURCE

View_Source

You can view the source of a web page by "right click" on the page

You can copy any of them but you can not change them or delete them.

HTML IMAGES

Images

HTML images are defined with the <img>. attribute

The source file ( <src> ), alternative text ( <alt> ), <height>. are provided as attributes

Example:

< img src ="../repel.jpg" ;alt ="../rep.jpg" width ="104" height ="140">

HTML HEADING

Heading

html headings are defined with the <h1> to <h6> tags .

<h1> defines the most important heading also the largest, with <h6> defining the least important heading and the smallest.

Example would be

<h1> This is the most important heading and the largest </h1>

<h2> This is the second most important heading and the second largest </h2>

<h3> This is the third most important heading and the third largest </h3>

<h4> This is the fourth most important heading and the fourth largest </h4>

<h5> This is the most important heading and the largest </h5>

<h6> This is the least important heading and the smallest </h6>

This is the most important heading and the largest

This is the second most important heading and the second largest

This is the third most important heading and the third largest

This is the fourth most important heading and the fourth largest

This is the most important heading and the largest

This is the least important heading and the smallest

HTML PARAGRAPHS

Paragraphs

HTML paragraphs are defined with the <p> tag.

Example would be:

<!DOCTYPE html>
< html>
<head>
<body>
<p> Any place a p tag is used then it would be a new paragraph </p>
<p> Again using the p tag would be classified as a new paragraph. </p>
</body>
</html>