A First Peep Into Html

free web hosting
Free Web Hosting > Computers & Tech > Designing > Web Design and HTML

A First Peep Into Html

vicky99
Dear friends
HTML is the building block of any web page. Without it no pages can be written though there are some exceptions. Even you got to have some knowledge of HTML to write dynamic web applications. An HTML file is a text file containing small markup tags
The markup tags tell the Web browser how to display the page
An HTML file must have an htm or html file extension
An HTML file can be created using a simple text editor
HTML is acronym of Hyper Text Markup Language. This time I will discuss about HTML tags.
Dear friends
HTML is the building block of any web page. Without it no pages can be written though there are some exceptions. Even you got to have some knowledge of HTML to write dynamic web applications. An HTML file is a text file containing small markup tags.
The markup tags tell the Web browser how to display the page An HTML file must have an htm or html file extension An HTML file can be created using a simple text editor.
Do You Want to Try It?
If you are running Windows, start Notepad.

Type in the following text:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>

Save the file as "mypage.htm".

Start your Internet browser. Select "Open" (or "Open Page") in the File menu of your browser. A dialog box will appear. Select "Browse" (or "Choose File") and locate the HTML file you just created - "mypage.htm" - select it and click "Open". Now you should see an address in the dialog box, for example "C:\MyDocuments\mypage.htm". Click OK, and the browser will display the page.

Thing or two about HTML Tags:-

HTML tags are used to mark-up HTML elements
HTML tags are surrounded by the two characters < and >
The surrounding characters are called angle brackets
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
The text between the start and end tags is the element content
HTML tags are not case sensitive, <b> means the same as <B>

--------------------------------------------------------------------------------

HTML Elements
Remember the HTML example from the previous page:
CODE

<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first page. <b>This text is written in bold letters</b>
</body>
</html>

This is an HTML element:

CODE
<b>This text is bold</b>

The HTML element starts with a start tag: <b>
The content of the HTML element is: This text is bold
The HTML element ends with an end tag: </b>

The purpose of the <b> tag is to define an HTML element that should be displayed as bold.

This is also an HTML element:
CODE
<body>
This is my first homepage. <b>This text is bold</b>
</body>

This HTML element starts with the start tag <body>, and ends with the end tag </body>.

The purpose of the <body> tag is to define the HTML element that contains the body of the HTML document.


Tag Attributes
Tags can have attributes. Attributes can provide additional information about the HTML elements on your page.
This tag defines the body element of your HTML page: <body>. With an added bgcolor attribute, you can tell the browser that the background color of your page should be red, like this: <body bgcolor="red">.

This tag defines an HTML table: <table>. With an added border attribute, you can tell the browser that the table should have no borders: <table border="0">

Attributes always come in name/value pairs like this: name="value".

Attributes are always added to the start tag of an HTML element.


--------------------------------------------------------------------------------

Quote Styles, "red" or 'red'?
Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed.

In some rare situations, like when the attribute value itself contains quotes, it is necessary to use single quotes:

name='Vicky "cricket" Ray'

 

 

 


Reply

Chesso
Some of that information is basically from w3schools.com, you might want to mention this or basically re-write it in your own words or staff here won't be too happy with you tongue.gif

Reply

Hercco
I noticed you have another thread that seemed a bit too copy-paste for my liking.

Posting tutorials is cool, just as long a you have written them yourself.


Reply

Chesso
I wouldn't have known unless my misses pointed it out to me but it's only little bits that are actually taken from there, not the entire post content so it should be ok I guess?

Reply

kerouac
Thanks for the tutorial vikki, but have you tried building a web site yourself using the tutorial you have posted? While it is possible to use notepad, the html is going to suck big time. I think if people are going to start coding for the first time, then they should visit some simple pages online using Netscape or SeaMonkey and look at the page source and the page info. Then they can open the page in Composer and look at the page in normal view, the page in tag view and the page in code view, make some changes and then see how the code changes.

If you want a better html editor, then try Nvu here

Reply

Chesso
I personally use Notepad, always have, or just a slightly better one that has Syntax highlighting. w3schools is a great place for reference if you ever forget stuff about HTML/CSS/Jscript etc.

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : peep, html

  1. Indentation In Html
    (4)
  2. Style P And H? Html Tags
    (2)
    Well, I have found that css was very hard to predict and precise control their apperance. When mix
    and use the p and h? tags. Their apperaence were not identity. Place the h? tags within the p tag
    causes style error on both firefox and IE. So, anyone should do it reserved, instead, place the p
    tag with any h? tags will do the jobs on both browsers. Still learning it coz it much varies when
    doing styles. Tested it on XHTML 1.0 Strict....
  3. Yaml - (x)html/css Framework
    (2)
    The YAML (Yet Another Multicolumn Layout) Framework is an excellent open source project that helps
    you to create two or three columns (X)HTML/CSS floated layouts. This framework is very easy to use
    and allows you to modifiy it to your own needs, this framework offers some tools for rapid
    development of modern and accessible CSS layouts. QUOTE Yet Another Multicolumn Layout (YAML)
    is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is
    extremely versatile in its programming and absolutely accessible for end users. Based on w....
  4. Sitepoint's Css And Html Reference Sites
    (2)
    Recently the folks at SitePoint.com launched two excelent online reference sites for web designers
    and developers, the first one is the SitePoint CSS Reference and the second one is the SitePoint
    HTML Reference (Beta) . Both of them are free and available to anyone and everyone who needs to
    lookup any information related to CSS and HTML in an easy and fast way. The SitePoint HTML
    Reference (Beta) is still in progress. Also, both of them are very detailed and up-to-date on each
    subject and are focused not only to beginners because they covers from general to advance....
  5. Html Emails How?
    (12)
    How on earth do you create HTML emails? I have been searching Google for some time now and can find
    ABSOLUTELY no information what so ever on how to ACTUALLY create HTML content emails. It just a
    bunch of programs and Microsoft applications, or testing facilities, I don't need any of this,
    there must be some coding system to it? I tried emailing using basic direct HTML tags (like ), but
    it fails (it just shows ), so how can I do this? I am not looking for anything really fancy, I
    just want to use some basic bolding and font changes and things to make it look a ....
  6. Html Table Issue.
    (18)
    Does anyone know how I might create a HTML table but using pure CSS (div's and what not). I
    really have no idea why, but for some odd reason my layout goes nuts if I try to use the table tags,
    even used properly with no errors the whole thing just brakes down (I don't use tables
    anywhere). So I figured my only option is to attempt to do it CSS way if possible?....
  7. About Html
    (15)
    How long did it take you to learn Html?? It took me about 2months to learn the basics lmao. I need
    a tuturial that has it all or a website.i would like it if someone did it. Thats why i get my
    friends to help me /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0"
    alt="biggrin.gif" /> But they are nice friends thats why. Like 2 people have helped me Sten and
    Habble Sten Owns www.habbofront.com which uses Asta as its host and www.habble-aus.com which uses
    Asta as its host. so this must be a good host because 2 good sites that have expert Htmlers so need
    he....
  8. Html Stats
    (3)
    Do you know how to get website stats in a html code?? Like The amount of people viewing the site at
    the moment and stuff like that?? because i need to know. Thanks if you reply to this i am in need
    for it. /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />....
  9. Stretching My Site Vertically
    Using CSS or HTML (6)
    I know it's possible, I've seen it one time. But I forgot. Many websites, if they hold more
    content than there is room for in the minimum height, the site stretches vertically. How can I do
    this? I only know that I need a background image of 1px height. Thanks in advance MediYama....
  10. Scripts And Html
    (13)
    Hey /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />, In the
    note pad, I put the proper code for php ?> and save the file as name.php But i can't put
    that file in html. This is a big problem since Iam trying to make an online text based game. Whats
    the code to put a script inside a web page. And do i need any special software for it? If so
    where can i download it? Thanks for reading /biggrin.gif" style="vertical-align:middle" emoid=":D"
    border="0" alt="biggrin.gif" />.....
  11. Firefox Inventing Its Own Html?
    (9)
    I am building a website for a client. I finally have the animations and the site content the way i
    want it. I updated the site via FTP, and IE displays it perfectly. Firefox however displays my "work
    in progress" animations still, even though the index file references the new animation. I have
    cleared cache, and even looked up the site on different computers, and on every one, FF displays
    those darn rough draft animations while IE works perfectly. Any idea as to what is going on here?....
  12. Quick Tips On Html And Css
    (11)
    Here are just some general tips, helpers and time-savers for HTML and CSS. HTML Ideally, you should
    be working under the XHTML 1.1 doctype specification. Some reasons: Improved semanticism - make use
    of the elements available appropriately to convey the information as it was intended. Improved
    understanding - because of an increase in semanticism, it's easier for your audience to
    understand what your trying to convey. Cleaner code - due to the deprecation of some elements and
    the strict requirements of nesting, closing and structure, your code becomes much cleane....
  13. Bulletproof HTML: 37 Steps To Perfect Markup
    Excellent article that highlights and answers most FAQ about HTML (4)
    Hi, i want to share with everybody this excellent article at sitepoint.com that i just read, it
    highlights and answers most FAQ about HTML, it's very consice and simply and for me it is a must
    to read. You can read it at Bulletproof HTML: 37 Steps to Perfect Markup . Best regards,....
  14. Home Videos
    html code for home video (4)
    I was wondering if anyone knows how to turn a home video that is saved on your computer to that of a
    html code so I can put it onto my myspace page... Please if anyone at all knows how to do this
    please please help me!!!!....
  15. Where To Find A WML To HTML Converter ?
    (2)
    hello people, i need to convert few wml codings to html.. I have found plenty of converter that
    convert html to wap. But none of my use.. Please guide me.. Thanks in advance....
  16. HTML: Seems Like A Simple Problem, But I'm Baffled!
    (4)
    i got this one question...I have this page http://ebiztip.com/thankyou.html with an image of the
    book not coming out.....the image is named chapterm-big.jpg...but the image just want to hide....i
    swear there's nothing wrong with the html....or am I wrong???....
  17. Need Help With The HTML HR Tag
    (5)
    Hi, does anybody knows which is the equivalent tag in CSS of the HTML HR tag or how do i replace
    this. I need this because the HR tag is deprecated and i wanna validate a website. The code that i
    need to replace is this: QUOTE best regards,....
  18. HTML Editor
    (23)
    I am sick of using notepad to create my HTML pages and I want somthing better. Are there any
    programs available that are easier to use than notepad for html editing. If so i wolud like to know
    about them. Thanx....
  19. How Can You Spice Up Your Basic HTML Site ? Beginner Needs Help
    (9)
    Well im new to this,and i know a person who knows how to do HTML,I of course dont lol,but I was
    wondering with html can you change the way the sites you make on here look and ect..(put flash in
    and w/e..)....
  20. Get Input From Html/txt File?
    with just html/css and maybe javascript? (2)
    I was just wondering if it's possible to retrieve text (and maybe images) from a .html or .txt
    file. So for example you get the header and footer from an external file. Is it possible with just
    html/css and maybe a little javascript or does it require server side scripting like php???
    -=jeroen=-....
  21. Here Are Some Html Tutorial Sites
    (1)
    I think here is a very good HTML Tutorial : Rolling Eyes
    http://www.allfreetutorials.com/htmltutorials.htm Also very competent : Rolling Eyes
    http://www.yourhtmlsource.com/ Adequate one : Rolling Eyes http://htmldog.com/ Take a look and
    you'll get all answers about HTML, CSS and Java-scripting. Laughing....
  22. Where Can I Learn Html Codes ?
    html codes (8)
    does anyone know a good website with html codes?....
  23. Html Background Tutorial
    (2)
    Back grounds are very essential in html and if you dont know how you can make a background on your
    website then there is no use of creating one . First well start with the basics . Color Background
    : If you want to change your backgrounds color you put this code in the body of the page : CODE
    <BODY BGCOLOR="######"> Where the ###### are you have to put a color code .
    Just put that in and save your page and thats done . Image Backgrounds : The code below takes an
    image and puts it on the background on the page : CODE <BODY BGCOLOR....
  24. Xhtml Is Not Suppose To Be Text/html
    IE not planning to support XHTML yet (8)
    I am quite disappointed in IE's development as with keeping up but still if they feel they need
    to fully work on current things that they have already attempted to resolve and perfect then that is
    a good thing, but development should have never got so messy and only the developer would know that
    it's his fault and not MS's. This isn't to bad mouth IE, but it's so sad to know
    that even after 5 years or more of IE6, IE7 has no intention of supporting XHTML and I don't
    think I can wait for IE8 if development takes such a long time. They should also....
  25. Where Can I Learn Advanced Html ?
    (11)
    Well over a few years ive been picking up little bits of html and have slowly learnt quite a bit (to
    my own surprise) But im still quite new and havnt found any sites that help much with advanced
    html! /sad.gif' border='0' style='vertical-align:middle' alt='sad.gif' /> If anyone knows
    of sites that show mainly advanced html and maybe even a bit of java could they plaese post it im
    desperate CHEERS!! /biggrin.gif' border='0' style='vertical-align:middle'
    alt='biggrin.gif' /> ....
  26. Free Shoutbox? HTML, Flash or PHP Code
    (24)
    does anyone know where i can find a free shoubox thats customisable? it can be in html, php or flash
    format. thanks in advance paul....
  27. Jscript/html/css Code Help
    irritating gaps in spliced image (8)
    Here is a link to one of the pages i am designing for my parents business website. all the other
    pages - except the main page - are just imagemaps. this page and the main are spliced images - the
    main contains a iframe blog - but in this one in xp/ ie and firefox/ all the images are pulled apart
    the idea for the page is that the user mouse-over's the cartons and the blank box of grass in
    the bottom has the details of the product printed in it. i am totally able to git rid of the
    splicing if nessisary and use div's but i cant figure how. could someone help me s....
  28. Force Object To Load Last
    html question (2)
    Alright html wizards...i've got a question ^_^ I assume that, like other programming codes, html
    and php compilers read a code from top to bottom. Say I have a object though...and I want it to load
    last...how do I do that? Let's just pretend I have an image that I do not want to load until
    everything else on the webpage is loaded...how can I set that up? Is there perhaps a javascript code
    for it...or maybe a CSS style I could add onto the object? Or better yet, is it possible to make
    everything within a div/span/table tag load last? Another thing...if I leave an....
  29. Embedding XML into HTML
    (2)
    Hi, I am looking for a way to embed external rss/xml files into my html page, how/is this possible?....
  30. Basic Tips and Tricks in HTML
    (15)
    Here is some quick links for basic html coding... A quick and easy way to create your first web
    page! -> The easiest HTML guide for beginners You'll learn how to create tables from real
    examples. -> How to create TABLE? You will learn how to create frames from a real example.
    You'll see how to create a borderless frame, how to specify the target frame, etc. -> How to
    build FRAMES? Follow a few easy steps to add sound to your web pages. -> How to add sound to a
    web page? This page tells you how to automatically load a visitor to another web p....

    1. Looking for peep, html

Searching Video's for peep, html
advertisement




A First Peep Into Html



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE