YOUR FIRST HTML PAGE - V
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
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
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.
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
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.
put it all into a
tag. it will start a new paragraph, in monospace font.
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?
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...
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.
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
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..
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
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.
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/
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?
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),
Write a comment
* = required field