|
HTML - Html Beginner's Guide
An HTML guide for the beginner's:
Similar TutorialsThe tutorials on this site are geared toward the newcomer. However, the reference guide provides useful information that would be useful to anyone. http://www.halshtmlschool.com/ Here's the link: http://www.thoughtcrux.com/blog/html-heading-guide hello everyone, can u possibly help me with the following? I have a very basic knowledge of how html works. I have basically used officelive.com to build a website via point and click. It allows you to add certain bits via html, but that is it. Now here what i am trying to do... I am trying to build a tool (?) that aids in diagnosis of medical problems. And I want it to look a little like this: Page 1 Does the patient have a fever? Yes No ( yes and no appear as buttons) Page 2 (if u click on yes) Does the patient have associated syptoms? Yes No Page 3 (if you click on Yes) Which of the following symptoms does the patient have? a. rigors b. chills c. neck rigidity d. other (text box to enter your free text) Now what I need help with is, that if the user chooses D and enters their free text, I want it to show up on the next page as part of the next question.... 1. So e.g Used enters "hypotension" in the free text box, I want the next question on the next page to be able to say "What is the duration of the hypotension?" I would also like it so that at the end of the process the user can end up with a list of all the symptoms, both picked and free text as a summary. I dont even know that this function is called, as if I know what its called I can always find html codes on the internet. Please help. This must be so simple for you IT lot! I, as u can tell trained in a completely unrelated field and am struggling. Hello Everyone Thank god for this website! I have a couple of problems I will start with my ebay storefront page I want to put in a Scolling Text Button in between to words and it's not working. I know it is probley some thing simple but for some reason I cant catch on to this HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><HTML><HEAD><TITLE></TITLE>
<META content="Evrsoft First Page" name=GENERATOR>
<STYLE type=text/css>.shtc_niceTopHeader {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990066
}
.shtc_niceDesc {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990066
}
.shtc_featured_text {
FONT-SIZE: 10px; COLOR: #000033; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990033
}
.shtc_featured_head {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990033
}
.shtc_niceBorder {
BACKGROUND-COLOR: #cccccc
}
.shtc_nicePromo {
FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LETTER-SPACING: -0.05em
}
</STYLE>
</HEAD>
<BODY onload=Change();Place();Time()>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=2 width="100%"
border=0><TBODY>
<TR>
<TD class=shtc_niceBorder>
<TABLE cellSpacing=0 cellPadding=2 width="100%" bgColor=#ffffff
border=0><TBODY>
<TR>
<TD class=shtc_featured_head vAlign=top width=310>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=3 width=310
border=0>
<TBODY>
<TR>
<TD class=shtc_featured_text vAlign=top rowSpan=2><A
href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=260041564092"><IMG
height=72
src="http://thumbs.ebaystatic.com/pict/260041564092.jpg"
width=96 border=0></A></TD>
<TD class=shtc_featured_head vAlign=top
height=10>Thimbleberries 10 Yards</TD></TR>
<TR>
<TD class=shtc_featured_text vAlign=top width="100%"
height=80>Up For Bid This Week 10 yards Of Thimbleberrie Fabic
(RJR) Dont Miss out on this Bunddle!!<BR><A
href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=260048164832">Click
Here</A></TD></TR></TBODY></TABLE></TD>
<TD class=shtc_niceTopHeader vAlign=top width="33%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD class=shtc_niceTopHeader align=left colSpan=2>Fleece
Blanket SALE!</TD></TR>
<TR>
<TD class=shtc_niceDesc vAlign=top>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=1
border=0>
<TBODY>
<TR>
<TD vAlign=top><HTTP: border="0" width="60"
src="http://thumbs.ebaystatic.com/pict/260043272222.jpg"
height="45"
Rags-to-Stitches_Fleece-Blankets-Sale-19-99_W0QQcolZ4QQdirZ1QQfsubZ6878021QQftidZ2QQtZkm<img
stores.ebay.com></A></TD></TR></TBODY></TABLE></TD>
<TD class=shtc_niceDesc vAlign=top width="100%">
<P align=center><FONT size=4><FONT face="Curlz MT"><STRONG>You
Choose any Fleece Blanket For 19.95
</STRONG></FONT><BR></FONT></A>
<FORM><INPUT onclick="window.location.href='http://stores.ebay.com/Rags-to-Stitches_Fleece-Blankets-Sale-19-99_W0QQcolZ4QQdirZ1QQfsubZ6878021QQftidZ2QQtZkm'" type=button value="Click Here"><A
href="Click Here"></A></A></FORM></P></TD></TR></TBODY></TABLE></TD>
<TD class=shtc_niceTopHeader vAlign=top width="33%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" border=0>
<TBODY>
<TR>
<TD class=shtc_niceTopHeader align=left colSpan=2>Fat Quarter
Book With Bonus Fat Quarters</TD></TR>
<TR>
<TD class=shtc_niceDesc vAlign=top>
<TABLE class=shtc_niceBorder cellSpacing=0 cellPadding=1
border=0>
<TBODY>
<TR>
<TD vAlign=top><A
href="http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=260043276477"><IMG
height=45
src="http://thumbs.ebaystatic.com/pict/260043276477.jpg"
This is just a draft see I have Evrsoft 2006 and when I get the scripts some work and some dont my next problem is I would like to make a fabric calcuator and I dont know where to start because it will need to be in inches and % I would like to know how or were to start to make this calculator http://batstoquilters.netfirms.com/fabriccalc.html In Advace I would like to Thank any one who is will to help me Jodie Hello, I am only new to html and as practice i was told to create the table as shown using the code and have failed on multible occasions. I feel now the best help I can receive is to see where I am going wrong through comparison. Please have a look at the attached image and help if you can, thanks. (It is fairly simple). Hi guys. I'm hoping someone can help me edit the following code to include TWO required checkboxes (ex. I agree to terms of service, I agree to terms of use) and ONE submit button. So really not changing anything from how the code acts now, just adding an additional required checkbox. Thanks in advance! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> .highlight{ outline: #f00 dotted 2px; } </style> <!--[if IE]> <style type="text/css"> .highlight{ border:2px dotted #f00; } </style> <![endif]--> <script type="text/javascript"> window.onload=function(){ document.forms[0].onsubmit=function(){ return checkIt(); } } function checkIt() { if(document.getElementById('tos').checked==false) { alert('you need to check the "I accept terms of service" box'); document.getElementById('tos').className='highlight' return false; } else { document.getElementById('tos').className=''; return true; } } </script> </head> <body> <form action="#"> <div> <input id="tos" type="checkbox"><label for="tos"> I accept terms of service</label> <input type="submit"> </div> </form> </body> </html> In order to make online web-based games, I have started learning HTML as a first step. I tried to make an identical front page as the one I play the game at to put a challenge on how can I find solutions to make an identical page using my own ideas. I did it but I still have some problems: 1. my page only works on firefox if I try it on IE ...It's totally a mess. 2. whenever I try to enlarge the font ...everything gets mixed up & the page loses its shape. here's the original page: http://www.soccermanager.com/ & this is my page: http://www.freewebs.com/gasper000/frontpage.htm feel free to comment or to tell me how can I solve those problems. Hello everyone, I am newbie here. Can someone please tell me what is the HTML code for changing a color when my pointer point to the specific area? For example, when I point my pointer to the "Go back back one page" of Mozilla Firefox web browser, the color is changing from dark green into bright green. Thank you very much in advance Ahyoo Ok i am trying to make a website that accepts paypal as a payment. When preview the page and click the buy now button it goes to a paypal url and just displays this on the top of the screen - The request for this page was badly formed: it contained more than one "cmd" parameter, as follows: '_s-xclick' '_xclick' please tell me how to fix this and what i can do to get it working thanks for your help Hey, I built an email newsletter for a friend of mine using GoLive! It was fairly simple he wanted a header graphic and a green box on the left where he could put information about classes he was teaching/things relating to the articles in the email newsletter. Problem is... is that none of the ways I found to build it would come through safely in any email client, be it gmail, thunderbird, or otherwise. I was hoping to find one of two things: a good template we could paste his stuff into, or a free program that we could build his newsletter that would be generally readable in most mail clients. What advice would you offer to me, I'm not extensively familiar with HTML again, i just recently got back into it after a break (too long, cuz i know little to nothing now except how to pick apart and analyze code, just not how to build from scratch!) Hence why I was using Adobe GoLive. If you could recommend a template or a program that would be free, that'd be fine... otherwise any comments or info would be great. thanks. I just have three quick questions about HTML coding: 1. Whenever I apply an image as a background, it shows up on the sides next to the center column thing, but it also shows up in the content area in the middle. How do I make it show only on the sides? 2. I made a horizontal navigation bar with buttons that show a different background and text color when you hover over them. However, it goes like a pixel or so whenever I hover over it, like the image below. How do I prevent this and make it stay the same height as the actual navigation bar? 3. If I have a thing in my HTML code (not my CSS part) that I want to change on all pages, is there a way to apply this change to all pages? Thanks! And hello everyone, first post. Yo guys I need some help with some html code. Its lookin like I need two pictures and two paragraphs but I haven't got the book yet and don't know how to put these things together the right way. If someone can throw it together for me or give me some important information that I would need to get it done I would appreciate it man. I'm a student with not much cash so I'm hiring volunteers tho lol sorry guys hopefully it's easy to do for you here's what the page looks like http://academics.rmu.edu/faculty/wu/infs2150b/a/a1.pdf and the pictures needed for the page http://academics.rmu.edu/faculty/wu/...a1/Hiking1.jpg http://academics.rmu.edu/faculty/wu/...a1/Hiking2.jpg seriously though I can offer some free original music for someone's site background or webpage , some catchy music that would get those people coming back to your page! Hello! I would like to learn HTML for work and was wondering if anyone could recommend a DVD Tutorial Program (preferably) or a book for someone who knows nothing about HTML. Thank you! Jeff Hi i dont know if these 3 things are possible but if they are can someone help me with the coding for them 1. basically im setting out a client feedback form and i will be asking them to fill in there name position and the job that refers to them here is my current coding for it <p align=center> <form method="post" action=""> <textarea name="comments" cols="75" rows="2"> there name is entered here </textarea><br> </form> <form method="post" action=""> <textarea name="comments" cols="75" rows="2"> There position is entered here </textarea><br> </form> <textarea name="comments" cols="75" READONLY> The job relating to them is entered here </textarea><br> now the name and position bit is ok but is it possible to make the job relating to them a textbox which automatically submits there email address when clicked submit 2. i need help setting up the submit button so that when clicked it will record all answers on the form so when it comes back to us depending on what radio button they clicked we would see it like this Question 1: Excellent Question 2: Poor Question 3: good 3. also im not sure how i would do the submit button itself so it would open there email client and have the form as an attachment or in text space with there email address i was told about formmail script but as im a novice html user i dont have a clue about that as for whether it is PHP or ASP i got this from the 1&1 official website maybe it will make more sense to you ______________________________________________________________________________________________ "Is Perl or PHP Available on Microsoft Servers? No, Microsoft Hosting Plaftform does not support PHP or Perl currently. You have to use .asp for scripting." "Can I run PHP3 and PHP4 Concurrently? No, after the upgrade to PHP4 on 22 November 2007, PHP3 will no longer be available and the .php3 extension will no longer be recognised by 1&1 web servers. Currently, the default is PHP4 on 1&1 servers, but you can set your scripts to be parsed by PHP4 or PHP5. These are the PHP versions currently supported." ______________________________________________________________________________________________ PLEASE HELP!!! Thanks alot Robert Jones Hello, I am very new to HTML. I am trying to develop a website with an image in the background. Suppose the image is simply ALL black. My text is also all black. I am trying to create one of those mini squares in between the background and the text of the website, and this 'mini square' will be white or some other color so the text will appear normally. Then, I can possibly have several different 'mini squares' in different colors and I will be able to add text to them, and it wont be hard to read the text even if the text and the background are the same color... So can anyone guide me and tell me what this is called and how I would add the most basic of these 'mini squares'? I apologize for my lack of terminology, I just started getting into HTML 3 days ago. Thanks in advance. Hey im making a gaming gear review site and i want to add a Selection guide to help people choose the right gear for them. Link below is something what i am thinking about but using drop down lists instead. http://www2.razerzone.com/MouseGuide/configurator/ i know how to make a drop down lists but i don't know how to link the information together also how would i produce the final result. Any help would be appreciated. Introduction: Seeing as this question is brought up very often, I hope this short guide will be a destination for users seeking information about the topic. Although this is a server-side issue, those who are not aware of this fact generally seek help in HTML/XHTML, so this is where the topic will remain Note: Read the answers to Frequently Asked Questions in the next post! Hasn't this been done before? Absolutely; this is meant as a straightforward stickied version that brings a few things together and references previous threads where you can find further details. If your question is somewhere in the realm of one of these, you're in the right place: How do large websites manage their content? How do I make the same content appear in multiple pages without copy/pasting? How do I automatically update parts of different pages, without editing every file? How do I avoid duplicating code in multiple files? Is there an alternative to IFrames? The answer is using PHP Includes, SSI (Server Side Includes), or ASP Includes. Each will be discussed below. Basic Concept: Let's assume we have a basic HTML page with a few links that represent a navigation menu (we're using HTML5 markup for simplicity): Code: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Main Page</title> </head> <body> <div> <ul> <li><a href="home.html">Home Page</a></li> <li><a href="gallery.html">Gallery Page</a></li> <li><a href="about.html">About Page</a></li> <li><a href="contact.html">Contact Page</a></li> </ul> </div> </body> </html> This HTML page is now our basic template for subsequent pages that we create, which traditionally meant that we copy and paste our menu into each one. However, what if we end up creating 50 pages and then find out we have to add another link to the menu? Our only solution would be to add the link to each page. In order to avoid this, we separate our menu from the rest of the page like so: Code: <div> <ul> <li><a href="home.html">Home Page</a></li> <li><a href="gallery.html">Gallery Page</a></li> <li><a href="about.html">About Page</a></li> <li><a href="contact.html">Contact Page</a></li> </ul> </div> Save it in a file, and then place an include on every page where we want to display the menu: Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Main Page</title>
</head>
<body>
code for including menu would go here
</body>
</html>
This setup lets us update our menu file, and have the changes be immediately reflected everywhere we placed our include. The concept is most often used with things like menus, headers, and footers, but it can be used with anything and we'll now discuss how it's done in practice. Note: The attached zip contains working examples of all three methods. PHP Includes: General Requirements: Your web-hosting provider must support PHP, which most of them do. If your host does not support PHP, I would suggest switching hosts. If you do not have a hosting provider, and you're attempting this on your local computer, it must be set up as a local server and configured to run PHP. The easiest way to do this at once is by installing XAMPP. Required Filetypes: By default, servers will only parse PHP code inside files with the .php extension. Therefore, you must change the extension of any files you want to use includes in to .php (e.g. index.html becomes index.php). Although your main file must have a .php extension, you can include files with extensions such as .html, .txt, .inc, other .php files, and more. Syntax Here are two ways to include a file in PHP: PHP Code: <?php include('file_to_include.html');?> or: PHP Code: <?php include 'file_to_include.html';?> Note that you can also include full URLs if URL file-access is enabled in your server's configuration: PHP Code: <?php include("http://www.google.com/");?> Code Example: (some_page.php) Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP Include</title>
</head>
<body>
<?php include("menu.html");?>
</body>
</html>
Server Side Includes (SSI): General Requirements: Your web-hosting provider must support Server Side Includes, which most of them do. If you do not have a hosting provider, and you're attempting this on your local computer, it must be set up as a local server and configured to support Server Side Includes. If you are using Apache, you can find information on enabling SSI here. If you are using IIS, you can install Server Side Includes inside Windows Features > World Wide Web Services > Application Development Features > Server Side Includes, although this path may differ depending on your version of Windows. Required Filetypes: By default, servers will only parse Server Side Includes inside files with the .shtml, .shtm or .stm extensions. Therefore, you must change any files you want to use includes in to have one of these extensions (e.g. index.html becomes index.shtml). Although your main file must have one of the above extensions, you can include files with extensions such as .ssi, .html, .txt, .inc, and more. Syntax Here are two ways to include a file using SSI: Code: <!--#include file="menu.ssi" --> Is used to specify a relative path, i.e. a path to your include in relation to where your main file is. The above assumes that your main file, and menu.ssi are in the same directory. Code: <!--#include virtual="includes/menu.ssi" --> Is used to specify a path relative to the web root. The above assumes that menu.ssi is located inside webroot/includes Code Example: (some_page.shtml) Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>SSI Include</title>
</head>
<body>
<!--#include file="menu.ssi" -->
</body>
</html>
ASP Includes: General Requirements: Your web-hosting provider must support ASP. If you do not have a hosting provider, and you're attempting this on your local computer, it must be set up as a local server and configured to support ASP. If you are using Apache, you can find information on enabling ASP here. If you are using IIS, you can install ASP inside Windows Features > World Wide Web Services > Application Development Features > ASP, although this path may differ depending on your version of Windows. Required Filetypes: By default, servers will only parse ASP code inside files with the .asp extension. Therefore, you must change the extension of any files you want to use includes in to .asp (e.g. index.html becomes index.asp). Although your main file must have a .asp extension, you can include files with extensions such as, .html, .txt, .inc, other .asp files, and more. Syntax Here are two ways to include a file using ASP (The syntax is exactly the same as SSI): Code: <!--#include file="menu.html" --> Is used to specify a relative path, i.e. a path to your include in relation to where your main file is. The above assumes that your main file, and menu.html are in the same directory. Code: <!--#include virtual="includes/menu.html" --> Is used to specify a path relative to the web root. The above assumes that menu.html is located inside web root directory/includes Code Example: (some_page.asp) Code: <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>ASP Include</title>
</head>
<body>
<!--#include file="menu.html" -->
</body>
</html>
I am new to HTML and I am getting an error and do not know why. Please be simple in your solution as I do not have much HTML knowledge. Here is the Error: 1. Error Line 50, Column 111: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag. …57" height="70" alt="HTML Dog logo" /> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Here is the code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Brendan Madigan's Official Webpage</title>
</head>
<body>
<h1>Brendan Madigan is the coolest person in the world</h1>
<hr />
<p>If anyone thinks that Brendan Madigan is not cool...</p>
<p>They should be examined by a doctor immediatly.</p>
<p>Why is Brendan Madigan so cool???</p>
<p>Here's why:</p>
<ul>
<li>Brendan is awesome</li>
<li>Brendan is really smart</li>
</ul>
<hr />
<p>You might be wondering if Brendan is cool enough to do a definition list...<br /><br />He is!<br /><br /></p>
<p>Here is a<sup>definition</sup>list made <sub>by</sub> Brendan, himself (you can say the list is holy if you want)<br /></p>
<dl>
<dt><strong>Brendan</strong>(noun)</dt>
<dd><br />A cool person</dd>
</dl>
<h2>Brendan does nested lists too!<br /></h2>
<h4>Brendan's <em>Nested List</em><br /></h4>
<ol>
<li>
<dl>
<dt>Brendan(Verb)</dt>
<dd><br />To make something cool</dd>
</dl>
</li>
<li><br />
<ul>
<li>He Brendaned the movie</li>
</ul>
</li>
</ol>
<p>How did Brendan become so good at HTML?</p>
<ol>
<li>He is really smart</li>
<li>He took a class on HTML</li>
</ol>
<h3>If you want info on Brendan go to this website</h3>
<p><a href= "http://www.madigangames.com">Brendan's Company</a></p>
<p>Brendan looks like this</p>
[b]<img src="testudo.jpg" width="30" height="40" alt="Testudos' image'" />[/b]
</body>
</html>
Thanks for your help! This page is HTLM written by myself. Please help me to see this page and what to change? - link removed - Hey im a beginner at all of this... But i am trying to add a simple image to my web.. here is my code... <html> <head> <title>Pillz Webby</title> </head> <body> Socom Confrontation <img src="sig.jpg" width="400" height="300"/> </body> </html> i have no idea what i am doing wrong... and when i view my properties for my .html file it says it is TYPE OF FILE: FIREFOX DOCUMENT..... shouldnt it say .html??? cuz i saved it as html.. http://www.freewebs.com/ovatime/favlinkz.htm there is a link of a screenshot, this is what comes up whenever i load this code to my browser... any help is appreciated |
|||||||