LOGIN      SIGNUP 
Guest   L0 n00b  
 

A merchant approaches you! o__O
"Yaargh, wish I had wares to sell ya!"

× CLOSE
 
 
Article History
 
 
 

6758 views
74% big lumby

html (format)
 

html/css
token - html

points - WebDevist

file types - .zip .html .htm

max filesize - 1,024kb

description - files no larger than 1mb
::|CONTENTS
  1. Restrictions on submit
  2. Tools
  3. Accepted file format
  4. See also
HTML
battles on BotB are about building a web page from scratch in an hour. They are the precursor to HTML5 battles and, as such, are restricted to HTML 4 or lower standards.

Restrictions on submit



Cascading Style Sheets (CSS) are allowed. Flash, Java, and anything else that requires a plugin are not. Similarly, Javascript is banned due to the similarity between HTML5 JS and HTML4 and lower JS, though was permitted before then. All resources (images, stylesheets, et cetera) used in the entry must be the author's own work(and, in the case of OHBs, created during the entry period). Hotlinking to files on the Internet is prohibited, since it wastes bandwidth from the host, is prone to breaking, and would likely break one of the other rules as is. This means that resources utilizing server connections (such as PHP code) is forbidden as well.

OTHER CONSIDERATIONS
  • Please, for the love of god, do not break the contrast in your page. Nobody likes reading white on white, black on black, etc.
  • Don't have broken links or sources in your submission. It confuses people who have no idea whether or not your links actually go somewhere or not, and it's especially irritating when you fail to fix your background source and people have to deal with the aforementioned white on white.
  • Learn the distinction between HTML 4 tags and HTML 5 tags. The HTML 5 page includes a neat list on which new tags were introduced with it to get you an idea of what is and isn't allowed here.

Tools



There are two distinct types of HTML editors out there: plain text editors, and WYSIWYG editors.

PLAIN TEXT EDITORS
Plain text editors are as described on the label; they're editors that rely on the code text of the document, rather than the layout of the document. They're the simplest tools to use out of the bunch and, as such, allow for greater amounts of freedom when it comes to the code of a page, especially when CSS is involved. However, as such, people will have to solely rely on their knowledge of HTML and CSS in order to create a website.

LIST OF POPULAR TOOLS
- Brackets
, the most modern example of a plain text editor. Built for developing HTML and CSS pages and has WYSIWYG previewing, not editing. Recommended for n00bs who know the language well. Previewing requires Google Chrome to work.
- Notepad++
, the most robust text editor out there. Has autofill and markup settings for most languages, HTML and CSS included.
- Your built in text editor, the most convenient option. Recommended for hardcore n00bs who love editing HTMLs like it's 1993. B)

WYSIWYG EDITORS
WYSIWYG stands for "What You See Is What You Get". In short, these are the Microsoft Word to the above's Notepad, allowing live document editing, drag and drop capabilities, and more intuitive controls that attract first-time developers. However, as such, that means that most of the people that use WYSIWYG editors are likely to be n00bs who don't know what they're doing. It'd be wise to get to know these programs first before going ahead and using them, lest ye dare to break one of the sacred considerations and incur the wrath of all who may see. It's also good to remember that most, if not all WYSIWYG editors, have a source tab that shows the code of your page.

LIST OF POPULAR TOOLS
- BlueGriffon
, the most popular out of all the choices for free WYSIWYG editor. Uses the Gecko Engine also used by Firefox and Netscape. Requires license to access all features, such as a more responsive design and EPUB support.
- Froala WYSIWYG Editor
, an editor made entirely in Javascript. Requires a proprietary license to use outside of free trial period.
- SeaMonkey
, the community run web suite originally developed by Mozilla. Includes a robust WYSIWYG editor known as the Composer with quick image resizing, CSS support, and a DOM Inspector for checking entries. It also has an IRC client.

There are tons of other ones -- such as CoffeeCup, Mobirise, Dreamweaver, and Frontpage -- however, these three are the most widely suitable and available tools for making entries with.

Accepted file format



The submitted file must either be a standalone .html or .htm file or, if the page contains external resources (such as images, videos, music, other pages, etc.) a .zip file containing the main .html file and assets.

See also



W3schools
and the Mozilla Developer Network Web Docs
are both immensely extensive resources for HTML and CSS development that could help you get started. However, be forewarned that most of the stuff it teaches you (i.e. HTML5 tags, JS, PHP) are illegal within this format. It'd be highly recommended that you look up what is and isn't HTML 4 supported before submitting an entry for this format.