YOUR FIRST HTML PAGE - V

Comments (20)


Tables are used to display information in an orderly manner. Incidentally, here we are not talking furniture. A table means tabular representation of certain data on your computer screen or in printed form.

Step 8:

Ideally, a table consists of rows and columns. Mathematically, every table has at least one row, and at least one column.

In an empty square box, even if you don't see multiple vertical and horizontal lines, there is at least one row and at least one column.

So when we are defining a table, there are three tags that are deeply involved in the entire tabular configuration. The chief tag

kindles the initiation. Then we have the child tag, namely, which brings on the row, and the last, but not the least, we have a grandchild tag here, which originates a column.

The legal sequence of these three tags goes like this:






The information you want to show off about.


Where n can be any positive number. Within every
, there can be n numbers of , and within every , there can be n numbers of . Then you can have nested tables. For instance, within a single cell of nth row and mth column, you can have more tables.

Note: If the upper row has a single column, and the preceding one has multiple columns, its better to define the single-columned row in a separate table

Let's promenade through a day-to-day example. Let us create a tiny table displaying your marks in English, Mathematics and Philosophy, in two semesters and see how it fairs on your upcoming web page. Don't get intimidated by so many tags and their attributes - once you are able to create and apprehend the architecture of one table, you'll be able to create any kind of table.

Note: Within we can insert comments so that we can keep account of complex HTML coding. Literally, you insert the comments like this - Less-than sign, exclamation mark, dash dash, space, you comment, space, dash dash, greater-than sign.

The code:















My Marks





















































English

Mathematics

Philosophy

SEM1

72%

82%

60%

SEM2

75%

78%

65%


If you want to discern what these lines do, save, and refresh your page.

WIDTH="100%" means a particular table should cover the entire width of your computer screen, and a particular column should cover the entire width of the table containing it. means the column is covering only 25% space of the stipulated table.

About the Author

Amrit Hallan is a freelance web designer. For all web site
development and web promotion needs, you can get in touch with
him at http://www.bytesworth.com. For more such articles,
visit http://www.bytesworth.com/articles and
http://www.bytesworth.com/learn You can subscribe to his
newsletter [BYTESWORTH REACHOUT] on Web Designing Tips & Tricks
by sending a blank email at Bytesworth-subscribe@topica.com

Comments

Matt 25.09.2009. 01:47

How can I put a text image into html page? Does anyone know how you put a picture of a text bunny (or any text image) into a html page?
ie: putting this:
(o_0)
(v_v)
(z_z)
or something like that in a html page.
The image I want to put on my html page is this text image:
http://uncyclopedia.wikia.com/wiki/User_talk:Revokeran

Please help.

Matt

Admin 25.09.2009. 01:47

put it all into a


tag. it will start a new paragraph, in monospace font.

Admin

Will 02.12.2011. 15:53

If framesets are bad practice, how do you accomplish the same thing without them? I want one html page with a left nav that loads different content into the right. I heard having multiple html pages is also really old school. Any good front-end solutions?

Will

Admin 02.12.2011. 15:53

Many different ways!
The trend is to make two divs, and update one div at a time, under AJAX. This resuts in a site with "One page", unless some calls lead to a new file.
See some examples at http://web2coders.com, php modules tab. Many use AJAX.
You could have a one page site (index.php) with five divisions: header (logo), horiznavbar (below the logo), submenu (below the navbar, left), main (your main contents), footer (bottom)
The horiznavbar will call OTHER pages (such as contact form, legals, etc...), and this will refresh the whole screen, while the submenu on the left will make AJAX calls to refresh ONLY the "main" division.
You can also see an example (tabulated design) one the "Table v div challenge" (bottom of the screen...) that is a typical "one page" site...

Admin

Aaron 31.08.2012. 03:50

How to i post my web page on internet? I create a html document web page and now i want to see my web page all people. But how. I don't understand how to. Please tell me.

Aaron

Admin 31.08.2012. 03:50

How to Make a Web Site:

The Easiest Ways To Make A Personal Website Without Any Coding Skills: http://www.makeuseof.com/tag/easiest-ways-personal-website-coding-skills-si/
How to Create a Web Site: http://www.4creatingawebsite.com/?=gg
How to Start / Create Your Own Website: The Beginner's A-Z Guide: http://www.thesitewizard.com/gettingstarted/startwebsite.shtml
Web Developer Class: Learn the Basic HTML Tags!: http://www.htmlgoodies.com/primers/html/article.php/3478151
So You Want To Set Up Your First Site, Huh?: http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479561

How To Build a Web Site: Develop a Project Outline : http://www.htmlgoodies.com/tutorials/getting_started/article.php/3862031

How to Edit a Web Site:

How to Edit your Website Yourself (Very Easy): http://www.youtube.com/watch?v=lVOC5ZQ_31g
How to Edit Any Web Page Live in Your Browser: http://www.quickonlinetips.com/archives/2008/07/edit-any-web-page/
How to Edit a Web Page: http://www.ironspider.ca/basic_html/editing.htm

Ron

Admin

Anonymous 29.01.2012. 04:10

how do you put a html page on the internet using a server and give it a url? people tell me to just buy a url, but how do i associate it with a html page i have coded that i wanna put on the internet. its fricken confusing..

Anonymous

Admin 29.01.2012. 04:10

How to Make a Web Site:

How to Create a Web Site: http://www.4creatingawebsite.com/?=gg
Web Developer Class: Learn the Basic HTML Tags!: http://www.htmlgoodies.com/primers/html/article.php/3478151
So You Want To Set Up Your First Site, Huh?: http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479561
How To Build a Web Site: Develop a Project Outline : http://www.htmlgoodies.com/tutorials/getting_started/article.php/3862031
How to Start / Create Your Own Website: The Beginner's A-Z Guide: http://www.thesitewizard.com/gettingstarted/startwebsite.shtml

How to Edit a Web Site:

How to Edit your Website Yourself (Very Easy): http://www.youtube.com/watch?v=lVOC5ZQ_31g
How to Edit Any Web Page Live in Your Browser: http://www.quickonlinetips.com/archives/2008/07/edit-any-web-page/
How to Edit a Web Page: http://www.ironspider.ca/basic_html/editing.htm

Ron

Admin

Apple 08.07.2008. 08:00

How do I combine my PDF files(resume) from several separate pages to one for emailing purposes? I converted my resume to PDF but it stored each page individually. I wish to be able to email it as only one attachment though not three separate pages, is that possible? Thanks.

Apple

Admin 08.07.2008. 08:00

I'm assuming you are using a PC; Simple PDF Merger is a free tool
http://www.freewarefiles.com/Simple-PDF-Merger-V_program_27543.html

PDF Redirect is free too
http://www.exp-systems.com/

Admin

Amelia 20.08.2012. 04:31

How can I make my DeviantArt profile page more cool and unique? I want to make it more personalized. Is there any way I can do that? What are some html codes and other stuff I can do it make it more personalized?

Amelia

Admin 20.08.2012. 04:31

Hello, fellow Deviant! (: I've got some things you could use to personalize your page.

You could add stamps. They're not for only premium membership subscribers anymore(:.
Find a bunch of stamps that you like. Then go to the right side of the page, and under the 'Favorites'/'Download' buttons, there should be a small arrow. Click on it, and find the thumb code. Copy and paste it into your About Me, or your Deviation/Favorites boxes. Keep doing that until you've got all the stamps you'd like.

You could also add gif's to your page, by entering this code,

>

Get the direct link (ends in .png, .gif, .jpg, and so on), and paste it where it says "Enter direct photo/gif link here". You can do this as many times as you'd like, also in the Deviation/Favorites/About Me boxes.

You can also add YouTube videos. Enter this code (into Deviation/Favorites/About Me boxes),



So, for example, if I were to want to embed this video

http://www.youtube.com/watch?v=n1ZdtrobBKw

I would take the numbers/letters that came after 'watch?v=' (in my case, it would be n1ZdtrobBKw) and paste them where it says "VIDEO ID GOES HERE'.

Just a heads up, putting a ton things like that on your page WILL make it lag.

Sorry if this was confusing at all, heh. Have fun customizing your page! (:

Admin

Yossarian 25.11.2011. 13:57

How do you write the code for a html link that allows the user to save to disk? Im doing a small website showing a few articles. I would like to have a link on each page that allows the user to save the article to their computer, preferable using the pop up dialog box.

Cheers.

Yossarian

Admin 25.11.2011. 13:57

Referring to something like this?

Download Link:

You have to zip the file to trigger the browser's response to Save File. Otherwise, it will call a program to play/open the media/PDF file.

How to Zip or Unzip a file:

How to Make a Zip File or Compressed File: http://www.ehow.com/how_5023369_make-zip-file-compressed-file.html
http://www.mantex.co.uk/samples/down-zip.htm
http://office.microsoft.com/en-us/help/HA011276901033.aspx
How to create and use compressed (zipped) folders in Windows XP: http://support.microsoft.com/kb/306531
How To Make A ZIP File (Video): http://www.youtube.com/watch?v=ahATyKyfRdk

Making an image a download link:

Text Description



Download Text Link only:

Link Text Description



Open Main Page and Affiliate's:

Text Description



You can change the "p" tags to div tags and style as needed.

Forcing File Downloads in PHP: http://elouai.com/force-download.php
Using PHP Headers to Force Download: http://www.ryboe.com/tutorials/php-headers-force-download

Optional in link: Open new window: onclick="window.open (this.href, ''); return false"

Ron

Admin

Yes I Am The Gorgeous One 17.07.2006. 07:09

How do you get that washboard stomach with that v like thing? I have always wanteed to know how some of those guys with the six pack get those" V " line things. If anyone knows any exercises that could help me deife my abs more and get that V thing i would like it!

Yes I Am The Gorgeous One

Admin 17.07.2006. 07:09

Please read the recommendations below. Also, go to the book store and locate the book "Weight Training for Dummies". In chapter 15 you will find excellent information on how to perform abdominal exercises correctly. Page 218 of the book dispels all the myths surrounding abdominal training.

The following healthy living recommendations will help you if you?re trying to lose weight, tone up your muscles, have aspirations of building lean muscle mass, are attempting to get a wash board stomach, or just want to feel better:

*1) Burn more calories then you're consuming everyday and measure your results using the following formula: Calories Consumed minus Basal Metabolic Rate (BMR) minus Physical Activity minus the Thermic Effect of Food (TEF). A website that explains this formula in more detail and will help you determine how many calories you need to reach or maintain a certain weight is at http://www.primusweb.com/fitnesspartner/library/weight/calsburned.htm

Get a diet and fitness calculator that you can put on your computer or cell phone. This will allow you to easily calculate the above formula, set goals, log your daily calorie consumption, and register your physical activities.

Set realistic goals for your ideal body weight. Here are two websites that will calculate a suggested body weight:
Adults: http://www.halls.md/ideal-weight/body.htm
Teens/Children: http://www.kidshealth.org/kid/exercise/weight/bmi.html

It is difficult and unhealthy to lose more than one or two pounds per week. There are 3,500 calories in a pound. If you eat 500 fewer calories per day for a week you will lose one pound. If you burn through exercise 500 more calories per day for a week you will lose one pound.

*2) Eat natural and organic foods found on earth versus something created by a corporation to make money. Eat meals in small portions throughout the day and take a good multi-vitamin supplement.

Avoid ?High Glycemic Load Carbs? (sugar, pastries, desserts, refined starches such as breads, pasta, refined grains like white rice; high starch vegetables such as potatoes) and drink lots of water. Read this article for more information on high GL Carbs:
http://www.hsph.harvard.edu/nutritionsource/carbohydrates.html

Do not try fad diets or diet pills. Here is an excellent food pyramid that anyone can follow: http://www.rayandterry.com/html/images/PyramidLRG.gif?osCsid=26a424be471d1337e7c2f105d5c64d9d

*3) Exercise on most days by doing cardiovascular training and/or resistance training activities.

Read a book or find a certified trainer to make sure your doing all resistance training exercises correctly. A great book to buy that teaches you the resistance training basics is ?Weight Training for Dummies?. A superb magazine to buy with resistance training routines that will not get you bored is "Muscle and Fitness". Signup for the free newsletter. An excellent free online resource is at http://www.exrx.net/

A good book to buy that teaches you the cardiovascular training basics is ?Fitness for Dummies?.

*4) Get plenty of sleep. Sleep experts say most adults need between seven and nine hours of sleep each night for optimum performance, health, and safety.

*5) Educate yourself continually on health issues and make a life long commitment to good health. A great free publication is ?Dietary Guidelines for Americans 2005?. A superb book to read is ?You The Owner?s Manual?. An excellent periodic publication is the ?Nutrition Action Health Letter?. A reputable test you can take to measure your biological age is at http://realage.com

Look at all areas where you can enhance your health. For example, make improvements in the quality of the air you breathe. Review outdoor air quality forecasts where you live and get an indoor air purifier. Send me an email or yahoo instant message to "gainbetterhealth" if you want an indoor air purifier recommendation and if you have any questions.

*Click on all the source links below to get the full benefit of the recommendations. The answers presented to your health questions are not intended to be a substitute for professional medical advice, diagnosis, or treatment. Always seek the advice of your physician or other qualified health providers with any questions you may have regarding a medical condition.

Admin

A Person 01.12.2012. 01:03

How to make html code for Tumblr page? I need help creating a page on Tumblr because the default is really ugly but I don't know how to do it. Can someone explain? I've looked up a bunch of sites but its for themes but not pages.

A Person

Admin 01.12.2012. 01:03

Maybe...

Add Page:

How Tos: http://www.socialblogr.com/archives/how-to-create-personal-pages-on-tumblr
Making a page: http://tutorialsandmore.tumblr.com/6uvughe/post/2861612182/tutorial-making-a-page
Or: http://tutorialsandmore.tumblr.com/Making-a-Page

Add Pages (Video): http://www.youtube.com/watch?v=C8_2mv_3bvk&feature=related

My Face Page:

Tutorials: http://www.socialblogr.com/archives/how-to-make-a-my-face-page-on-tumblr

Tumblr's Help Center: http://www.tumblr.com/help

Lots of good How Tos: http://tumblr-howto.tumblr.com/tutorials

Ron

Admin

Abdul 03.10.2012. 22:09

How can I stop unwanted ad on my yahoo signed in page? Sometime some unwanted ad comes to my signed yahoo page that I don't want. I want to stop them.

Abdul

Admin 03.10.2012. 22:09

Download and install the latest Firefox browser:
http://www.mozilla.com/en-US/firefox/all-beta.html

Install "adblock plus":
https://addons.mozilla.org/en-US/firefox/addon/1865
http://www.youtube.com/watch?v=oNvb2SjVjjI

Result: no more annoying ads! And pages are loading much quicker too...:-)

http://www.admuncher.com/ - this adblocker for the IE (and other browsers) gets highly recommended in several forums.

http://www.macupdate.com/info.php/id/26171/safari-adblock - for Safari Mac
http://opindian.com/blog/2009/02/25/adblock-solution-for-safari-4-windows-and-mac/ - another solution for Safari 4 Win and Mac.

I for one have the Firefox installed and don't see a single ad and/or pop-up on the Yahoo pages and on most other web sites...:-)

Admin

Write a comment

* = required field

:

:

:

:


* Yes No