|
HTML - New Html Tutorial And Reference Guide
The 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/ Similar TutorialsAn HTML guide for the beginner's: Here's the link: http://www.thoughtcrux.com/blog/html-heading-guide Converting RSS to HTML involves translating RSS XML files from a specified link into HTML or Javascript code, so that the XML data can be rendered for display on a web browser. An expert programmer would be able to do this by developing functions in Javascript and AJAX or Asynchronus Javascript XML, PHP or ASP.NET. Alternatively, there is a wide selection of third-party software that can offer this solution. This article will describe how to install and convert RSS to HTML using a free PHP package from FeedForAll called RSS2HTML. # 1 Point your browser to the FeedForAll download website. The URL link is provided in the References section below. Next to the heading "RSS2HTML" right-click on the download button, and select "Save Target As...". Save rss2html.zip to your desktop. # 2 Create a directory C:\rss2html on your personal computer, and extract the following four files from rss2html.zip into C:\rss2html: FeedForAll_XMLParser.inc.php Rss2html.php rss2html-docs.txt sample-template.html # 3 Using FTP software, upload the four files to your Internet website in the root directory. # 4 If your website domain name is mysite.com, point your browser to the URL mysite.com/rss2html?buildURL. Note that "buildURL" is case-sensitive. # 5 Under "URL for the XML file:" enter the following URL for the Yahoo! Internet newsfeed: rss.news.yahoo.com/rss/internet. Under "URL for the template file:", enter the URL location of the sample-template.html file, for example, mysite.com/sample-template.html. In "Maximum items" enter 10, so that only the latest 10 entries are displayed. Then click "submit." # 6 Wait for the page to refresh, then click on the "test" link to make sure that the latest 10 items in the Yahoo! Internet newsfeed are displayed. Copy the URL location of the link and save it in a text editor. It would look something like http://www.mysite.com/rss2html.php?X...ml&MAXITEMS=10. # 7 Open C:\rss2html\sample-template.html using a text editor, and enter the following code between the </HEAD> and the <BODY> tags <table width=100% border=1 cellspacing=0> <tr> <td valign=top width=60%> Welcome to my web site </td> <td valign=top> # 8 Toward the bottom of the file, enter the following code between the </TABLE> and the </BODY> tags </td> </tr> </html> Then save C:\rss2html\sample-template.html and upload it to the root directory of your website, overwriting the earlier version. # 9 Create a blank text document in C:\rss2html called mypage.html, and enter the following code into mypage.html. Replace the long url address with the one saved in Step 6: <html> <head> <meta HTTP-EQUIV="REFRESH" content="0; url= http://www.mysite.com/rss2html.php?XMLFILE=http://rss.news.yahoo.com/rss/internet&TEMPLATE=http://www.mysite.com/sample-template.html&MAXITEMS=10"> </head> <body> </body> </html> # 10 Upload C:\rss2html\mypage.html to the root directory of your website. Point your browser to mypage.html on your web site. It will redirect the browser to the long URL. The browser should now display the Yahoo! Internet newsfeed in a separate panel to the right. You can edit the HTML code in sample-template.html to add your own web content and alter the display, color and font settings according to your preference. Which site will be the best html tutorial? Any body knows free a complete html tutorial site? Thanks in advance Hi guys, You can check this page for an easy introduction to HTML : http://www.webpandemonium.com/?page_id=16 I hope it helps you, Cheers. Can anyone help me with a HTML tutorial? I need a little bit advanced tutorial. Thanks in advance. is it possible to link html code from a seperate external html file. example, the footer and header is always the same and the content changes. can i create a header.html and a footer.html and have my content pages link to the header.html and footer.html. so if i ever need to update the header or footer, i have to do it once. I tried to look on the net but don't know what key words to look under. thanks., Hi Friends, Can anyone guide me that How to open html tutorial.pdf file ? Please help me ASAP. Regards, Tom 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 All the books I've seen are targeted at either newbies, experienced, or expert users. All I want is a reference that shows all the tags and all the formatting options. For example: Table <table></table> Table options <table style class height width border colspacing padding> Table row <tr></tr> Table row options <tr ..... > Table data <td></td> Table data options <td ..... > See? For every avaliable tag. I just need a reference, not code, nor how to's. Just a reference to the tags and parms they can take. If you know of a book title that covers this, please indicate. Thanks! 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>
Anyone know of a good online tutorial for XHTML ?? (not HTML, I want to learn more about XHTML) Thanks Hey, my name is yann from Angola and Holland at the same time. My english isn't really perfect, so can someone please place a link to a tutorial that completely explains how to perfectly use the Html's object tag and it's atributes. BTW, im learning html 4.01. Is it worth it? Hey guys, Im working on a site for a publishing company and I would like to add a photo slideshow like the one here http://www.chapters.indigo.ca/. I believe its an AP Element I looked into it and dreamweaver cs4 doesnt have the AP Element button like the older versions did. If someone could give me a hand or show me a good tutorial to use, that would be great. I tired copying the code from the site but Im still a newbie and its a little confusing Help would be excellent....Thanks Hi guys, I'm a University student in scotland who has avoided the HTML side of group projects for 2 years now so i feel it is time to catch up. For 3rd year i need to learn some JSP so i feel i should learn the basics and a bit more of HTML. Enough for me to understand syntax of Javascript/JSP implementation. I was wondering if there was a book out there where i could learn HTML/CSS in like say in a time scale of a month. With like an hour or two working on it per day. I can give or take few hours/days. If theres a book in PDF format you can reconmend or some online tutorial please do. As i want to be fluent in the basics of HTML by like 30-40 days time. Much appreciated Thanks James Hi, I want to use a text link in order add a certain page in my website, to the favorites list. But I want it to be added with a reference, so later on I will be able to see ( with the statistics program of my site) , how many times people entered This page through their favorites list. Right now I use this code, which does the job but without the reference: <p><u><span style="CURSOR: hand; COLOR: blue" onclick="window.external.AddFavorite(location.href, document.title);">Add to favorites </span></u></p> For example: If the page is http://www.help.com/me_please.html I would like the url that is added to the favorites list to be: http://www.help.com/me_please.html&ref=favorites Any help would be most appreciated Thanx Niv I've tried searching on google but I always come across a lot of sites where you have to pay for stuff. Ok, here's my thing... I'm not a professional web designer or anything. I only do websites for myself and friends if they need. I'm more old school with it, meaning I type out the HTML codes myself mostly. I learned about webdesigning back in like 1997 when I first got on the internet. So now i either make very basic websites in photoshop or I use templates. I see soo many nice websites being created now and i really want to learn alot of the advanced stuff that people are using to design their websites now, especialy these fan made websites for these singers and actors. Examples: http://www.amerieweb.com http://www.a-peet.org http://www.brittany-charm.org Anyway, do any of you know good tutorial sites? Do I need Dreamweaver and other programs to design like these sites? Thanks in advance. Hi dudes, I am having a value in the hidden field of the form and i need to use the value of the hidden field as the source for the anchor tag href. How could this be possible. Suggest me a solution as quick as possible. Thanks & regards, Muthuselvan.N Hello, I'm following this tutorial but I'm having some trouble grasping exactly how the mouse-position scrolling script works and can't make it work for my site. The only thing I want thats different from the original tutorial, is multiple lists in a row rather than a single horizontal list. Here is the page in question. So far, I can get it to work by changing the ul.sc_menu width attribute to something very high as in the tutorial, but it pushes all the other lists off-screen. how can I have all my lists close together with the scrolling functionality? Thank you so much for any help!!! |
|||||||