Html Guide/Tutorial
+2
Paradox
Darkrai
6 posters
Page 1 of 1
Html Guide/Tutorial
Basic Elements
- Spoiler:
- Document Type <HTML></HTML> (beginning and end of file)
Title <TITLE></TITLE> (must be in header)
Header <HEAD></HEAD> (descriptive info, such as title)
Body <BODY></BODY> (bulk of the page)
Structural Definition
- Spoiler:
- Heading <H?></H?> (the spec. defines 6 levels)
Align Heading <H? ALIGN=LEFT|CENTER|RIGHT></H?>
Division <DIV></DIV>
Align Division <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
Defined Content <SPAN></SPAN>
Block Quote <BLOCKQUOTE></BLOCKQUOTE> (usually indented)
Quote <Q></Q> (for short quotations)
Citation <Q CITE="URL"></Q>
Emphasis <EM></EM> (usually displayed as italic)
Strong Emphasis <STRONG></STRONG> (usually displayed as bold)
Citation <CITE></CITE> (usually italics)
Code <CODE></CODE> (for source code listings)
Sample Output <SAMP></SAMP>
Keyboard Input <KBD></KBD>
Variable <VAR></VAR>
Definition <DFN></DFN> (not widely implemented)
Author's Address <ADDRESS></ADDRESS>
Large Font Size <BIG></BIG>
Small Font Size <SMALL></SMALL>
Insert <INS></INS> (marks additions in a new version)
Time of Change <INS DATETIME=":::"></INS>
Comments <INS CITE="URL"></INS>
Delete <DEL></DEL> (marks deletions in a new version)
Time of Change <DEL DATETIME=":::"></DEL>
Comments <DEL CITE="URL"></DEL>
Acronym <ACRONYM></ACRONYM>
Abbreviation <ABBR></ABBR>
Presentation Formatting
- Spoiler:
- Bold <B></B>
Italic <I></I>
Underline <U></U> (not widely implemented)
Strikeout <STRIKE></STRIKE> (not widely implemented)
Strikeout <S></S> (not widely implemented)
Subscript <SUB></SUB>
Superscript <SUP></SUP>
Typewriter <TT></TT> (displays in a monospaced font)
Preformatted <PRE></PRE> (display text spacing as-is)
Width <PRE WIDTH=?></PRE> (in characters)
Center <CENTER></CENTER> (for both text and images)
Blinking <BLINK></BLINK> (the most derided tag ever)
Font Size <FONT SIZE=?></FONT> (ranges from 1-7)
Change Font Size <FONT SIZE="+|-?"></FONT>
Font Color <FONT COLOR="#$$$$$$"></FONT>
Select Font <FONT FACE="***"></FONT>
Point size <FONT POINT-SIZE=?></FONT>
Weight <FONT WEIGHT=?></FONT>
Base Font Size <BASEFONT SIZE=?> (from 1-7; default is 3)
Marquee <MARQUEE></MARQUEE>
Positioning
- Spoiler:
- N3 Multi-Column <MULTICOL COLS=?></MULTICOL>
N3 Column Gutter <MULTICOL GUTTER=?></MULTICOL>
N3 Column Width <MULTICOL WIDTH=?></MULTICOL>
N3 Spacer <SPACER>
N3 Spacer Type <SPACER TYPE=HORIZONTAL|VERTICAL|BLOCK>
N3 Size <SPACER SIZE=?>
N3 Dimensions <SPACER WIDTH=? HEIGHT=?>
N3 Alignment <SPACER ALIGN=LEFT|RIGHT|CENTER>
N4 Layer <LAYER></LAYER>
N4 Name <LAYER ID="***"></LAYER>
N4 Location <LAYER LEFT=? TOP=?></LAYER>
N4 Rel. Position <LAYER PAGEX=? PAGEY=?></LAYER>
N4 Source File <LAYER SRC="***"></LAYER>
N4 Stacking <LAYER Z-INDEX=?></LAYER>
N4 Stack Position <LAYER ABOVE="***" BELOW="***"></LAYER>
N4 Dimensions <LAYER HEIGHT=? WIDTH=?></LAYER>
N4 Clipping Path <LAYER CLIP=,,,></LAYER>
N4 Visible? <LAYER VISIBILITY=SHOW|HIDDEN|INHERIT></LAYER>
N4 Background <LAYER BACKGROUND="$$$$$$"></LAYER>
N4 Color <LAYER BGCOLOR="$$$$$$"></LAYER>
N4 Inline Layer <ILAYER></ILAYER> (takes same attributes as LAYER)
N4 Alt. Content <NOLAYER></NOLAYER>
Lists
- Spoiler:
- Unordered List <UL><LI></UL> (before each list item)
Compact <UL COMPACT></UL>
Bullet Type <UL TYPE=DISC|CIRCLE|SQUARE> (for the whole list)
Bullet Type <LI TYPE=DISC|CIRCLE|SQUARE> (this & subsequent)
Ordered List <OL><LI></OL> (before each list item)
Compact <OL COMPACT></OL>
Numbering Type <OL TYPE=A|a|I|i|1> (for the whole list)
Numbering Type <LI TYPE=A|a|I|i|1> (this & subsequent)
Starting Number <OL START=?> (for the whole list)
Starting Number <LI VALUE=?> (this & subsequent)
Definition List <DL><DT><DD></DL> (<DT>=term, <DD>=definition)
Compact <DL COMPACT></DL>
Menu List <MENU><LI></MENU> (before each list item)
Compact <MENU COMPACT></MENU>
Directory List <DIR><LI></DIR> (before each list item)
Compact <DIR COMPACT></DIR>
Backgrounds and Colors
- Spoiler:
- Tiled Bkground <BODY BACKGROUND="URL">
MS Watermark <BODY BGPROPERTIES="FIXED">
Bkground Color <BODY BGCOLOR="#$$$$$$"> (order is red/green/blue)
Text Color <BODY TEXT="#$$$$$$">
Link Color <BODY LINK="#$$$$$$">
Visited Link <BODY VLINK="#$$$$$$">
Active Link <BODY ALINK="#$$$$$$">
Tables
- Spoiler:
- Define Table <TABLE></TABLE>
4.0* Table Alignment <TABLE ALIGN=LEFT|RIGHT|CENTER>
Table Border <TABLE BORDER></TABLE> (either on or off)
Table Border <TABLE BORDER=?></TABLE> (you can set the value)
Cell Spacing <TABLE CELLSPACING=?>
Cell Padding <TABLE CELLPADDING=?>
Desired Width <TABLE WIDTH=?> (in pixels)
Width Percent <TABLE WIDTH=%> (percentage of page)
4.0* Table Color <TABLE BGCOLOR="$$$$$$"></TABLE>
4.0 Table Frame <TABLE FRAME=VOID|ABOVE|BELOW|HSIDES|LHS|RHS|
VSIDES|BOX|BORDER></TABLE>
4.0 Table Rules <TABLE RULES=NONE|GROUPS|ROWS|COLS|ALL></TABLE>
MS Border Color <TABLE BORDERCOLOR="$$$$$$"></TABLE>
MS Dark Border <TABLE BORDERCOLORDARK="$$$$$$"></TABLE>
MS Light Border <TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE>
Table Row <TR></TR>
Alignment <TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
Table Cell <TD></TD> (must appear within table rows)
Alignment <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
No linebreaks <TD NOWRAP>
Columns to Span <TD COLSPAN=?>
Rows to Span <TD ROWSPAN=?>
4.0* Desired Width <TD WIDTH=?> (in pixels)
N3 Width Percent <TD WIDTH="%"> (percentage of table)
4.0* Cell Color <TD BGCOLOR="#$$$$$$">
Header Cell <TH></TH> (same as data, except bold centered)
Alignment <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
No Linebreaks <TH NOWRAP>
Columns to Span <TH COLSPAN=?>
Rows to Span <TH ROWSPAN=?>
4.0* Desired Width <TH WIDTH=?> (in pixels)
N3 Width Percent <TH WIDTH="%"> (percentage of table)
4.0* Cell Color <TH BGCOLOR="#$$$$$$">
4.0 Table Body <TBODY>
4.0 Table Footer <TFOOT></TFOOT> (must come before THEAD>
4.0 Table Header <THEAD></THEAD>
Table Caption <CAPTION></CAPTION>
Alignment <CAPTION ALIGN=TOP|BOTTOM|LEFT|RIGHT>
4.0 Column <COL></COL> (groups column attributes)
4.0 Columns Spanned <COL SPAN=?></COL>
4.0 Column Width <COL WIDTH=?></COL>
4.0 Width Percent <COL WIDTH="%"></COL>
4.0 Group columns <COLGROUP></COLGROUP> (groups column structure)
4.0 Columns Spanned <COLGROUP SPAN=?></COLGROUP>
4.0 Group Width <COLGROUP WIDTH=?></COLGROUP>
4.0 Width Percent <COLGROUP WIDTH="%"></COLGROUP>
Not finished yet, more to come soon!
Last edited by Darkrai on Sun Aug 28, 2011 5:49 pm; edited 2 times in total
Darkrai- Posts : 11
Points : 46505
Join date : 2011-08-26
Age : 29
Location : Oklahoma
Re: Html Guide/Tutorial
Text Color issue fixed.
Great tutorial you have going here
Hope to see it finished!
A brief description of what each tag does would help too
Great tutorial you have going here
Hope to see it finished!
A brief description of what each tag does would help too
Paradox- Posts : 100
Points : 46777
Join date : 2011-08-24
Re: Html Guide/Tutorial
Thanks, and once I finish all parts, I will post a brief description, summarizing each tag. Also added background and colors, and Tables!
Darkrai- Posts : 11
Points : 46505
Join date : 2011-08-26
Age : 29
Location : Oklahoma
Re: Html Guide/Tutorial
Fascinating Progress o:
I wish I could progress this much with my fan fiction lol
I wish I could progress this much with my fan fiction lol
Paradox- Posts : 100
Points : 46777
Join date : 2011-08-24
Re: Html Guide/Tutorial
Keep practicing, your gonna be great!
Darkrai- Posts : 11
Points : 46505
Join date : 2011-08-26
Age : 29
Location : Oklahoma
Re: Html Guide/Tutorial
O_O I will be tracking this with diligence! I need to learn this stuff xD
Batl Skard- Posts : 58
Points : 46664
Join date : 2011-08-28
Age : 34
Location : Somewhere underneath something not a rainbow.
Re: Html Guide/Tutorial
Wow. I learned some things I wasn't aware of.
Cloud- Posts : 3
Points : 46403
Join date : 2011-09-01
Re: Html Guide/Tutorial
Awesome Nothing like a nice and easy-to-use cheatsheet
swimming95- Posts : 9
Points : 46401
Join date : 2011-08-26
Age : 30
Location : NY
Re: Html Guide/Tutorial
Its exactly the same as
>_>
- Spoiler:
>_>
TheUnknownOne- Posts : 5
Points : 46415
Join date : 2011-08-24
Re: Html Guide/Tutorial
First Off
Please don't link posts to other forums.
Second Off
Have you tried asking him if he used yours for a source?
Please don't link posts to other forums.
Second Off
Have you tried asking him if he used yours for a source?
Paradox- Posts : 100
Points : 46777
Join date : 2011-08-24
Re: Html Guide/Tutorial
1)
Kay
2)
No, but its obvious >_>
Kay
2)
No, but its obvious >_>
TheUnknownOne- Posts : 5
Points : 46415
Join date : 2011-08-24
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|
Thu Dec 19, 2013 12:05 am by vlaviano fernandes
» Millenium Stars Malayalam Movie Songs
Thu Dec 19, 2013 12:05 am by vlaviano fernandes
» Ativador Office 2013 365 Home Premium
Wed Dec 18, 2013 11:58 pm by vlaviano fernandes
» New Forums for PP
Wed Nov 02, 2011 6:43 pm by Lutra
» The Blazing Ring of Fire Gym
Wed Nov 02, 2011 4:51 pm by arider2010
» The Gym Leaders
Wed Nov 02, 2011 2:39 pm by IM26C4U
» Gym Leader Tryout Battles
Tue Nov 01, 2011 1:18 am by arider2010
» Gym Leaders
Sun Oct 30, 2011 10:01 pm by arider2010
» Help !! error script
Sun Oct 30, 2011 6:53 am by Crocop