Propeng
Jan 3 2008, 08:32 PM
NOTE: Don't use a rich text editor* for writing HTML code! Use Notepad in Windows, SimpleText in Mac or TextEdit in OSX, but you must set the following preferences for the HTML code to work! - In the Format menu, select Plain Text.
- Open the preferences window from the Text Edit menu, then select "Ignore rich text commands in HTML files."
Start Creating Your Own HTML FileYou can either use HTM or HTML file extensions. For more information, visit: http://filext.com/file-extension/htm for HTM or http://filext.com/file-extension/html for HTML. Open your text editor, then type: HTML <html>
<head>
<title>127.0.0.1 - My Test Page</title>
</head>
<body>
This is a test <b>H</b> <i>T</i> <u>M</u> <s>L</s>!
</body>
</html> Save the HTML file as "test.html". In your browser, click "Open..." under the File menu. Select the file you've just saved, then click OK. The browser will display: This is a test H T M L!Firstly, the <html> tag tells your browser that this is the start of the page. The text between the <head> and the </head> tags is the header information that will be displayed in your browser. The text in the <title> and the </title> tags is the title of your page. The text between the <body> and the </body> tags is the main content of your web page. The rest of the tags are displayed in the next section.
Basic TagsThere are lots of tags in HTML, but we'll only cover the basic ones now. - <b> - Bold
- <i> - Italic
- <u> - Underline
<s> - Strikeout- <br /> - HTML doesn't preserve line breaks in code, so this tag is used to insert a line break. There's no closing tag for it.
<del> - Same as Strikeout. Old browsers will ignore this tag.- <ins> - Same as Underline. Old browsers will ignore this tag.
- <hr /> - Displays a horizontal rule. There's no closing tag for it.
- <p> - A paragraph. (Usually put around a long block of text.)
<font> TagThe <font> tag is used to set the font type and size of a text. It has two normal arguments which can be used all of them or one only. They are face="" and size="". The face argument is used to set the font type & the size argument is used to set the font size. The unset text is Times New Roman with font size 3. HeadersIn HTML, there are some pre-configured headers to use. Use numbers from 1 to 6, for example: HTML <h1>This is a header</h1>
<b><font size="6">This is another header</font></b> There's no difference between the two lines. But in the first line, the <h1> tag is used. In the second line, the <font> and the <b> tag is used manually to set the size. To be continued...
Reply
truefusion
Jan 4 2008, 03:31 AM
QUOTE(Propeng @ Jan 3 2008, 03:32 PM)  There's no difference between the two lines. But in the first line, the <h1> tag is used. In the second line, the <font> and the <b> tag is used manually to set the size. Actually, there is. Some browsers, if not all, place a pre-defined margin or padding in headings, while in font elements there is none unless otherwise specified by the designer or coder. Check it out: HTML <h1>heading</h1>
some text.
<p>
<b><font size="6">This is another header</font></b><br/>
some text
</p>
Reply
rvalkass
Jan 4 2008, 11:24 AM
The tags <b> and <i> should also no longer be used. It is much better to use <strong> and <em> as they are more semantically correct and are better understood by all browsers (text based, screen readers, and other such things). Bold and italics are not always used for strength and emphasis, and could therefore get ignored if they cannot be displayed. You also need a DOCTYPE declaration at the start of all HTML documents: HTML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> That way, all browsers should interpret your code correctly, as long as the browser has been written to follow the standards right.
Reply
Recent Queries:--
your html cannot be accepted: tag is not allowed: - 1107.88 hr back. (1)
Similar Topics
Keywords : , start, html, tutorials, html, covers, basics
- Create Dynamic Html/php Pages Using Simple Vb.net Code
Taking your application data, and creating a webpage for others to vie (1)
Add Flashing Inbox To Invisionfree Forum
Html code for invsiionfree!! (2) Do you find it annoying when you are on your invisionfree forum, and you get a new message, and it
ends up taking you 5 minutes to notice? This code makes the inbox link flash bold red saying how
many messages you have. In version 1 the word inbox stays the same, and doesnt change at all (for
Example this is flashing: Inbox (2) In version 2 (the second code) the word inbox changes to
messages (constantly, so that if you have none, it says messages (0) instead of inbox (0). It still
flashes Red Put the following In the Header and Body Section (Admin Cp>>>Skinning ....
How To: Html Tables.
I find these really useful. (8) If you are a novice web designer, but want your site to look advanced and proffessional, then what
better way to do so than to use HTML tables? HTML tables are a really easy way of formatting your
text, to make your ste look proffesional. It looks good, and its easy, what more can you ask for?
You have to use the tag, so first lets start off with: HTML Table > /table > In
between theese two tags, we will add the data for the table, using the tags and . =Table
Heading (Title) =Table Data (what you want in the table) =table row (new row) So, lets ....
[php] Clean Code Functions
Clean up your html output from php scripts (5) There is another Topic about writing 'clean' HTML code posted elsewhere on the Forum.
I'll edit this Topic and add the link so you can review it on your own, and there is no need for
me to comment on it in this thread, but the purpose of this Topic is to introduce a pair of
functions which can be used for making sure that the HTML output from my scripts is readable when a
view-source is reviewed. Two handy functions are included here. They work together quite nicely,
and I will start this Tutorial with a short summary of the reasons for their 'being....
Cakephp On Ubuntu
using your own public_html folder (0) Hi, there are many tutorials about this, but i would like to type the steps i followed in order to
get cakephp working on my user public_html folder. as many of you probably know, if you have
apache's userdir module loaded, you can put your web pages on /home/user/public_html , and
access them with the url: http://localhost/~user/ . I really prefer this, so all my web pages are
on my personal home, but how to configure cakephp to work with these paths, i got a hard time with
this, but finally got it!. here's how: in case you don't have apache2's u....
Html Span
(7) HTML Span Description The span tag is quite the handy tag to have at your disposal. You can use
it for everything from Text Formating, to creating a scrollable text area. When combined with CSS it
becomes an easy-to-use tool for making your website as uniform as possible, as your not bogged down
with tags for every heading and title on your website. Try It Out CODE <html>
<body> <div class="content"> <span class="heading1"> Heading
or title goes here. </span><br><br> All the content insi....
Html Bdo...
(13) Description I find that it is often difficult to write a sentence backwards, but thanks to HTML, I
can now complete this task in only a few seconds. Now the only problem is it is very difficult to
read... Try It Out Welcome to one of the most useless functions of HTML. The tags enable you to
write a sentence backwards. The code is quite simple. CODE <bdo dir="rtl">I
find that it is often difficult to write a sentence backwards, but thanks to HTML, I can now
complete this task in only a few seconds. Now the only problem is it is very difficult to r....
Fruity Loops Tutorials-arpiggeator
learn to use an arpiggeator giving stunning mellodys to bland chords (0) Software/Fruity loops. Tutorial covering / arpiggeator VST Used / Nexus (you can use nearly all
other VST plugins as most if not all of them have a built in arpiggeator) Tutorial level /
Begginer-Intermedeate/ Files /arp piano+chord.mp3/arp alone.mp3/no arp piano+chord.mp3/arp piano
low.mp3/no arp piano alone.mp3/arp tutorial midi.mid/ you can obtaine the midi file here
--------------------------------------- you can obtaine the mp3 files here
--------------------------------------- Welcome to my tutorial on the effect called arpiggeator.
the arpiggeator/arp i....
Fruity Loops Tutorials-trance Style Songs
How to create and use a profesional trance style bass mellody (11) Creating a bass mellody tutorial Software / fruity loops VST Plugins / Nexus,VANguard Song Style
/ Trance Tutorial Level / Beginner files needed to download bellow. ok to start I am going to
teach you how to create what's sometimes referd to as a bass mellody. A bass mellody is used in
most trance songs as its primary function is to fill out the song by this I mean make the song sound
a bit fuller to add depth to it. a bass mellody is never made of more than a few note styles. see
below In the above image you can see that I have use in all a total of t....
Css Basics No.2
More basics of css (0) Well, if you found the first one useful, here you go. CSS Basics No. 2 Description Welcome to
CSS Basics No. 2! In Basics No. 1 you learned how to write a simple CSS document. In this
tutorial you will learn to apply what is in your CSS document to your webpages! Try It Out
With CSS you have two methods of incorporating CSS into your webpages: an internal stylesheet, or an
external stylesheet. First, we will cover the internal style-sheet. The Internal Stylesheet The
internal stylesheet allows you to edit the entities of a single page. This is still q....
Creating Navigation For Html Websites
Have a common navigation menu for the whole website! (12) Pre-requisite: HTML, inline frame tags 1 Attachment(.zip) included. Updates : 29-12-07: Doctype
added in example files (Advised by jlhaslip) Designing a whole website takes a lot of planning
and organization. Designing a proper navigation system is a basic step in building your website. If
you are developing webpages in html you would have observed that as you go on creating pages it
becomes difficult to maintain the links to the pages. This article will guide you in developing a
common navigation menu for your website. It describes three ways, so if you don'....
Css Basics
Just for those who know nothing about css yet. (6) A tutorial on some of the basics of css.... I wrote if for my site, may as well post it here too
/tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /> CSS Basics
Description For those of you that don't know, CSS stands for Cascading Style Sheets. The whole
point of it is to easily edit all of the pages on your website, so you don't have to edit each
on individually. In this tutorial, you will learn some of the basics. Try It Out Css Syntax has
three parts to it. The object (where you want to edit), the property (what part ....
Php Variable Basics
Where would PHP programmers be without the variable? Learn all about t (9) CODE <?php $var= "This is a variable"; echo $var; ?> Outcome This is
a variable Using what we know about the echo function, we can see that we have created a
variable, and then used the echo command to display it. This is fairly simple, and can have many
uses, but there is much more too it! CODE <?php $var1 = "This is variable
one"; $var2 = "This is variable two"; $varall = "$var1. $var2.
You just combined three variables in one!"; echo $varall; ?> Outcome This is....
Create A Simple Html Editor With Php And Javascript
(3) Ok, I will teach you how to create a simple HTML editor that runs online with buttons that add HTML
tags. Before we start: You should have basic knowledge of these languages. HTML/XHTML
Javascript PHP You will need Ability to use filesystem functions. Chmodding abilities
Features of Editor Online PHP safe Full HTML support A Few Bad Features Can only create new
documents or overwrite Fairly unsafe Now we are ready to begin. The PHP Script This will be
our PHP script that we will use to make the file. Make a file called save.php Here is the....
Html Legend
Learn how to create a handy legend with HTML! (9) I think this is pretty neat... good for those people who maybe aren't that great at designing
things but still want something to look nice.. CODE <fieldset> <legend>Legend
title</legend> Content </fieldset> try it in note pad.. it looks nice...good for
forums, sign up forms.......
Spice Up Your Forms
With a bit of CSS and HTML alignment (11) Ever wonder how to make those stylish forms you see everywhere? Well now it's your change to
learn. This short tutorial will show you how to do exactly that. Here is a bit of css to spice
up the form. I have included comments to explain what classes will change what in the forms.
CODE <style type='text/css'> .form table { background-color: #187cae; }
/*The following css class will change the table cells within the .form div */ .form td {
background-color: #bbe0f4; padding: 3px; border: 0px; ....
Do You Want To Use Php Code In Your Html Pages?
Within two minutes you will! (9) Whilst searching around for help to setup cutenews blog I came across a way to use php in html pages
- lo and behold it works! so I thought I'd share it with you all (Unfortunately I can't
remember the site so I wrote this up a couple of minutes after I did it:) ). This method requires a
web server with apache installed. So, luckily for us all this covers the whole of Trap17... even
Qupis /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /> Just
to make the point, this is in no way a difficult task and it doesn't requir....
How To Play The Guitar And Basics For Any Instrument
introductory musical instruction focused on the guitar (0) So, you've had your guitar for years and it just sits around collecting dust. But you don't
have the money to get lessons and you don't think you can play anyway. Well, most likely you
can play, all you need is practice and little tolerance for pain in the first two weeks. Pain? Why
pain? Pain because you must condition your fair fingertips for the constant bombardment of pressure
from metal strings. (Nylon strings are a bit easier and I like them, but it is best to practice on
the worst strings possible...accoustic, high action and thick gauge so that ....
How To Make A Simple File Based Shoutbox Using Php And Html
(8) A simple tut to make a simple shoutbox. Let me jump right in. First of all you need the standard
equipment for PHP, an IDE like XAMPP and an editor like PHP EDITOR 2OO7. Were going to make a
simple guestbook using three files, webpage.php, shout.php and shout.txt. Webpage.php can be
changed to whatver you want, it will be the page on which the guestbok is shown, you could even use
this code and add it to another php page n your site. Shout.php is the proccessing page and
shout.txt is where the shouts are stored. Firstly we need to make the visual design of the box.....
Simple Scripts In Html And Javascript
Things like BackgroundColorChanger and so (7) like in the topic, here is a description how to change the Backgroundcolor "On The Fly", by klicking
on a button or radio-box first, we ned the html-and body-tags, create a new html-file on your
desktop and write the following: QUOTE <script language = "JAVASCRIPT">
browser interpretation: html - tag means "hey, browser, here comes HTML" in the body-tag you define
the looking of your site. you can add things like "bgcolor" for the background, "text" for the
textcolor and link / alink / hlink / vlink to define the linkcolor ( ) the scripttag i....
Document Type Declarations
And why we use them in html pages (0) This code: CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <html> <head>
<title>HTML 4.0 Strict document</title> <meta
http-equiv="content-type" content="text/html;charset=utf-8" > <meta
http-equiv="Content-Style-Type" content="text/css" > </head>
<body> <p>... Your HTML content here ...</p> <p>... More
HTML content here ...</p> </b....
Fast Template Design In Joomla Cms
Basic knowlege of Html needed (2) Joomla is one of the most powerfull CMS sistems around. It is free under GNU/GPL license and
everyone with simple knowlege of webdesign (and even without it) can use it for it's website.
For now the only way i know on how to design a template in joomla is by using Dreamweaver and Joomla
(joomlasolutions1.0.mxp-dreamweaver.mxp) extension for dreamweaver! Template design in joomla
is quite simple really. This template that i'll show you is the most simplest of them all, but
it's enough for one to learn Basics of template design. Further notice is that this....
Integrating Html And Css Part 1
(5) Ok. Well i am writing this as a series of tutorials i will be doing on this subject, so enjoy. I
hope this helps. Introduction to HTML and CSS
HTML and CSS are to work together. HTML is what puts the characters on the page, while CSS is what
makes everything look outreageous! For instance, I would use HTML if i wanted to put "Trap17 is
the poop!" onto my page, although if i wanted to make it look nice like this by adding a font,
and maybe some color, then I would use CSS. Learn the HTML. Ok this is my lit....
How To Create Html Page Anchors
Click A Link And Take You To A Certin Place On The Same Page (5) Have you ever wondered how people have a normal link but all it does it take you to the middle of a
long page? well here is a solution DEMO: Here Ok well first off for the link it will be just
like a normal link code except you wont put a http://URL.com/file.php it will look somthing like
this QUOTE name ">Click This Link! there must be a # sign in front of this to work..
now, for the content that the person will be re-directed to after clicking the link QUOTE name
"> the items in bold is what you need to change QUOTE name "> i....
Learning Vb
Part 1 -- The Basics (5) NOTE: This guide assumes you know how to operate your compiler, meaning create objects and forms.
This guild will only teach you the scripting. Almost all program users and game players alike want
to create their own software, whether it being a massive game, an easy-to-use calendar, or maybe
even a hack. However, they must master, or at least know much about a programming language. If
you've ever seen a Source Code , a text code written by a programmer and execute tasks by a
computer, you'll know how much time and effort it takes to learn these nevertheless ....
Multiple Classes In Html
you can use more than one at a time (8) Multiple Classes in Css Styles Classes are used in html pages to give certain defined
attributes to elements. They are useful when the attributes are to be used in more than one place on
a page. (Named Id's are only allowed once per page, but I digress... might have a tutorial on
that some day.) Sometimes you want Red text and sometimes you want Bold text. Easy enough to do,
simply define a class and apply it to the element you want red or bold. Use this class where you
want on the page, since classes are enabled to be used in several spots, for different u....
Php - The Basics
Learn the basics of PHP (44) I should point out that I originally put this tutorial together for another site, but decided
against it and to place it here instead (because I love you guys... ~sniffle, wipe a tear away~).
This tutorial should help get you started if you are just setting out into the big bad world of eb
development. I have been coding in PHP for a little over a year now, and have worked on several
large projects in the language - but whilst I certainly don't know everything about it, I would
like to share some of the basics that hopefully will give you a bit of a kick start. ---....
Basic Html (for Us Kids)
(23) What is HTML? HTML (hypertext markup language) is computer language that is used to webpages. It
can be confusing to understand for some of us kids. HTML pages are text files that has of HTML tags
(they can place the text or images whereever you want to place it), and text you can place between
the tags so the text willshow up on your page when you put it on the WWW. Tags are instructions that
tell your browser what to show on ya website. They break up your webpage into basic sections. All
tags start with a (right bracket). If you are a starter you need 4 tools A....
HTML tags and examples
Condensed form of course from my site... (37) Well, I decided to try and help out some of the users here who might be unexperienced in HTML, so I
condensed the begginer's HTML course at my website. Here it is... Lesson 1 HTML means Hyper
Text Markup Language. HTML is a very common language used for many websites, is the base for more
complicated and powerful langauges like php, HTML can seem hard, but you will find it is one of the
easiest langauges one can learn. The core of HTML is the tag, a tage is just a set of two
arrows-like brackets created by hitting Shift and the comma key, or Shift and the period....
Tutorials
(2) Hey i know some good sites for tutorials: 1.www.pixel2life.com 2.www.sfdt.com/support
3.www.flashkit.com and alot more, but there are some sites for ya c ya later!....
Looking for , start, html, tutorials, html, covers, basics
|
*RANDOM STUFF*
*SIMILAR VIDEOS*
Searching Video's for , start, html, tutorials, html, covers, basics
*MORE FROM TRAP17.COM*
|
advertisement
|
|
