jhingranque-blog - Tumblr blog

jhingranque-blog · 5 years ago

Text

How to create a Hyperlink? But first, what is HTML? -Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages. - HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet. It is relatively easy to learn, with the basics being accessible to most people in one sitting; and quite powerful in what it allows you to create. It is constantly undergoing revision and evolution to meet the demands and requirements of the growing Internet audience under the direction of the » W3C, the organisation charged with designing and maintaining the language. WHAT ARE THE BASIC HTML RULES?

Before you begin building your page, you'll need to decide on a basic page layout. To do this, just sit down with some old-fashioned paper and a pencil and start sketching, blocking out the page's elements. You may be itching to get coding, but by drawing your site out first you can rearrange designs to your heart's content without having to code and recode.

Once you've settled on the organization of your site, it's time to begin creating your pages with HTML tags--the instructions that surround material such as text, images, and links to other pages and tell the viewer's Web browser how to display them. If you want an image to show up on the left side of the page, a certain word to appear bold, or another word to link to an outside resource, you'll use HTML tags to do it.

There are five important rules for coding with HTML tags.

Tags are always surrounded by angle brackets (less-than/greater-than characters), as in <HEAD>.

Most tags come in pairs and surround the material they affect. They work like a light switch: the first tag turns the action on, and the second turns it off. (There are some exceptions. For instance, the <BR> tag creates a blank line and doesn't have an "off switch." Once you've made a line break, you can't unmake it.)

The second tag--the "off switch"--always starts with a forward slash. For example, you turn on bold with <B>, shout your piece, and then go back to regular text with </B>.

First tag on, last tag off. Tags are embedded, so when you start a tag within another tag, you have to close that inner tag before closing the outer tag. For instance, the page will not display properly with the tags in this order:<HEAD><TITLE>Your text</HEAD></TITLE>.The correct order is:<HEAD><TITLE>Your text</TITLE></HEAD>.

Many tags have optional attributes that use values to modify the tag's behavior. The <P>(paragraph) tag's ALIGN attribute, for instance, lets you change the default (left) paragraph alignment. For example, <P ALIGN=CENTER> centers the next paragraph on the page.

Remember, too, that HTML is always evolving, and older browsers often don't support the newest tags. When a browser encounters an HTML tag it doesn't understand, it will usually ignore both the tag and the material the tag affects. This way, the newest elements will appear to viewers with newer browsers without causing problems for viewers using older browsers, who will only see material their browsers recognize. On the downside, browsers treat coding errors like unfamiliar code. If you've made a mistake while building your page, you won't necessarily see an error message; you might just see nothing at all. You should always closely check all of your pages in a browser to make sure that everything that's supposed to be there appears properly. We also recommend looking at your pages in more than one version of Navigator and Internet Explorer (on both PC and Mac platforms, if possible) to make sure everything looks the way you intended, because not every browser type or version behaves the same way.

A great way to learn about more complicated HTML is to look over the shoulders of other Web page creators. If you see a Web site you like, just view the page's source to see how it was done. You should never just copy another builder's design, but most developers do borrow inspiration from other sites. Methods for viewing source vary by browser, but it's usually as simple as selecting Page Source or Source from the View menu. (Warning: Don't try this trick with CNET pages! Our Web pages are composed of extremely complex HTML; many incorporate Java, JavaScript, and other technologies as well. Stick with viewing source code on fairly simple sites until you're more familiar with Web building.) When viewing source code, you'll sometimes see organizational comments from the page's author near the top of (or scattered throughout) the file. These comments are inserted with the <COMMENT> or <!--> tag and often contain useful information for those who view them. For a simple exercise in reading source code, try printing a well-commented Web page from your browser and then printing the source code of that page. Compare the two documents side by side, using the author's comments to match sections of code with the visual elements they represent. You'll soon be able to zero in on specific lines of code to understand how to achieve individual effects.

WHAT ARE THE BASIC HTML TAGS?

Head Elements

Marks properties of entire document

Marked with <head>

Includes title <title> tag

Ended with </head>

Body Elements

Marked with <body>

Header levels <h1>, <h2>, <h3>, etc.

Anchors <a href= "http://www.cs.cf.ac.uk�>Link text</a>

Paragraph indicators <p>

Line breaks <br>

Horizontal line <hr>

Address tags <address>|

Blockquote style <blockquote>

Within a body text may be organised in variety of ways:

Lists

Unordered <ul> with <li> (list item)

Ordered <ol> with <li>

Definition <dl> with <dt> and <dd>

Menu <menu> with <li>|

Short <dir> with <li>|

Preformatted text

<pre>

Character formatting (physical)

Bold <b>

Italics <i>

Underline <u>

Fixed width <tt>

Character formatting (logical)

Strong <strong>

Variable name <var>

Citation <cite>

Graphics

In-line images <img src=�image.gif�>

Include alt=� � for browsers that can�t display graphics, e.g.

Entities

Character strings that represent special symbols, e.g.

&amp for ``&``

&gt for ``>``

&quot for double quote (``)

Bare-bones example of HTML<html> <head> <title> The simplest HTML example </title> </head> <body> <h1> This is an HTML Page </h1> </body> </html>

<html> <head> <title> Another simple HTML example </title> </head> <body> <h1> This is a level-one heading </h1> Welcome to the world of HTML. <p> This is one paragraph. </p> <p> This is a second paragraph. </p> </body> </html>

0 notes

jhingranque-blog · 5 years ago

Text

EM-TECH ( WEB PAGE CREATION ) People use HTML codes to create pages and CSS codes to design them. If you have taken up these coding skills before, then it will help you in creating pages using WYSIWG. if you have not, WYSIWYG is designed for everyone who has not or does not prior coding skills. WYSIWYG is the acronym for What You See Is What You Get. This means that whatever you type, insert, draw, place, rearrange, and everything you do on a page is what the audience will see. Homepage- it is the first webpage of the website, which usually provides information about the website, its purpose is and contents. Splash page - it contains multimedia which is designed to be attractive and intriguing. WHAT ARE THE STEPS IN CREATING A WEB PAGE? - Open Word. When the application opens, from the “File” menu, choose “Open.” Then, from the list of available documents, double click the document you wish to convert. Note: When the document opens, familiarize yourself with the layout. The converted document will not look exactly like the original. From the “File” menu, choose “Save as Web Page.” Click “Save.” Note: When you convert a document to HTML format, you retain the original document as a separate file. The new HTML file has the same file name but a different file extension (.htm). When the conversion is complete, the converted file appears in the window (filename.htm). View the HTML source code file by selecting the “View” menu, then “HTML Source.” If you have graphics in your document, scroll through the HTML source code to find the reference to the image. Word names images consecutively (Image1.gif, Image2.gif, etc.) When you publish your page, be sure to include these image files. Return to edit mode by clicking the “X” in the HTML Source window. You can modify the HTML file using the Microsoft Word formatting buttons and menu options and the Web toolbar options (insert hyperlink, insert image). When you are satisfied with the appearance of your page, be sure to save it. Close your document by selecting the “File” menu, then choosing “Close.” Click the Close button (the “X” in the upper-right corner) to close Word. Open your HTML file in a WWW browser to see how it will appear. You can adjust the layout of the page if necessary using Mozilla’s editing options. Next, you must move your files to your Web directory using SSH Secure Shell file transfer software. Once you have published your page, view it in Mozilla to see how it will appear to the world.

0 notes

jhingranque-blog · 5 years ago

Text

Empowerment Technology Advancement

People use HTML codes to create pages and CSS codes to design them. If you have taken up these coding skills before, it will help you in creating pages using WYSIWYG. If you have not, WYSIWYG is designed for everyone who has not or does not have prior coding skills

WYSIWYG is the acronym for What You See Is What You Get. This means that whatever you type, insert, draw, place, rearrange, and everything you do on a page is what the audience will see. Like using the MS Word, WYSIWYG shows and prints whatever you type on the screen.