Welcome to Web Design Guide
Web Design Codes Article
. For a permanent link to this article, or to bookmark it for further reading, click here.
13. Understanding HTML
from:Once you’ve learnt it, HTML is a relatively simple language. However, while the HTML tags themselves are easy, creating an HTML document that works as intended on a web server requires you to know a few extra things that aren't often explained.
Understand Doctypes- Often valid HMTL documents don't actually start with the tag – they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are 2 doctypes you need to know about-
And the XHTML one-
The main function of doctype is to tell the web browsers exactly what version of HTML your page was written in, to help them to interpret it correctly.
HTTP Errors-HTTP is the way a web browser communicates with a web server, and this communication includes information about your pages, such as histories, cookies etc. You need not worry about the internals of HTTP, but it's worth knowing that it works by the browser sending a request to the server for a certain page, and the server then responding with a code.
Your website should be set up to handle error codes well. For example, a 404 (page not found) error should show a page with links to the most useful parts of your site. Other common error codes include:
200 - OK
301 - Page moved.
403 - Forbidden (no authorization to access).
500 - Internal server error.
MIME Types- MIME types are another part of the HTML header. They tell the web browser what kind of file they are about to send. Browsers don't rely on HTML files ending in .html, JPEG images ending in .jpeg, and so on: they rely on the content-type header. Mentioned below are some common MIME types:
text/html – HTML
text/plain - plain text.
text/css - CSS
image/png - PNG image
image/gif - GIF image.
image/jpeg - JPEG image.
How to Insert things that aren't HTML- One of the common problems faced by HTML users is how to insert things like Javascript and CSS into an HTML document. Luckily this is one of the easiest problems to solve: you simply use the link and script tags, like-
And you’re done.
Web Design Codes News
Browser choice: A thing of the past? - CNET
Browser choice: A thing of the past? CNET "It uses IE's rendering/Javascript engine under the covers using the Web browser control," Krishnan said. "Without access to native code, there is no realistic way of building a browser from the ground up otherwise. My thinking was that I'll leave the ... |
Panic Coda 2 web design tool launched, Diet Coda for iPad for quick site ... - Digital Arts Online
 Digital Arts Online | Panic Coda 2 web design tool launched, Diet Coda for iPad for quick site ... Digital Arts Online Coda is Panic's wide-ranging Web development editor. The original version offered a tabbed interface that let you write and edit HTML and other code, create and modify CSS, do command-line work, generate live previews, look up code references, ... Panic Brings Popular Coda Web Editor to iPad |
Grad Turns Cap into 'Hire Me' Billboard With... - ABC News
Grad Turns Cap into 'Hire Me' Billboard With... ABC News "It's been kind of fun to watch the profile views on the website," Jonovski., 22, said. "Close to 300 in two days." Jonovski, a graphic design major at Notre Dame, decorated the cap with a QR code – the scanable square for smart phones found everywhere ... |
Bizideo Simplifies Multimedia Website Building for Video Professionals with ... - MarketWatch (press release)
Bizideo Simplifies Multimedia Website Building for Video Professionals with ... MarketWatch (press release) MINNEAPOLIS, May 22, 2012 (BUSINESS WIRE) -- Recognizing that video professionals need a simple, cost-effective way to build, customize and manage video-rich websites without developer assistance, Bizideo, The Video Website Company, introduces design ... |
What's next for mobile now that adaptive design has failed? - VentureBeat
 VentureBeat | What's next for mobile now that adaptive design has failed? VentureBeat Like many other engineering-led cultures, Facebook has embraced adaptive design, also known as responsive design, where essentially the same code can render itself down from a desktop browser to a tablet to a diminutive mobile screen. |