D E E P * T H I N G S

Fazendo HTML

É muito simples, para você mesma fazer seu html!
O exemplo abaixo é o básico do básico, ou seja as tags principais que não poeram faltar jamais no seu código html!

Depois disso vem as outras tags de complemento!

Esse é um exemplo de html com algumas tags extras..

Bom.. um html que geralmente é usado para colocar nos blogs.. é esse abaixo(coluna pra perfil, coluna pra post) :

<html>
<head>
<meta http-equiv="Content-Language" content="pt-br">
<title><%VAR BLOG_TITLE%></title></head>
<STYLE type="text/css">
P, body, td, tr, div {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial;
	line-height: 12px;
}
A, A:link{color:#000000;text-decoration:none}
A:visited{color:#000000}
A:active{color:#000000}
a:hover {text-decoration: underline; color: #000000; font-weight: bold;}
body {scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
SCROLLBAR-TRACK-COLOR: #ffffff; }
</STYLE>
<script>
var zeroComm = "<%VAR BLOG_TEXT_NO_COMMENT%>";
var humComm = "<%VAR BLOG_TEXT_ONE_COMMENT%>";
var enesComm = "<%VAR BLOG_TEXT_MORE_COMMENTS%>";

var url;
function abre(url,w,h,scr) {
	window.open(url,'comentarios','width='+w+',height='+h+',directories=0,location=0,menubar=0,resizable=0,scrollbars='+scr+',status=0,toolbar=0,marginleft=0,margintop=0,left=25,top=25');
}

<div style="position: absolute; top: 603; left: 27; width: 192; height: 316">

												
								<table cellpadding=0 cellspacing=0 border=0 width="192">
							<tr>
								<td width=4 rowspan=2> </td>
								 
								<center>
								<%IF BLOG_OWNER_MOOD%>
								<td height=25 valign=top colspan=2 id=m width="189"></td>
								<%ENDIF%>
								</center>
								
							</tr>
							
							
							<%IFNOT BLOG_GENDER='NULL'%>
							<tr>
								<%IFNOT BLOG_EMOTICON_HEAD="NULL"%>
								<td width=35 valign=top>
									<img src="<%VAR BLOG_EMOTICON_HEAD%>" border="0"> 
 							<img src="<%VAR BLOG_EMOTICON_BODY%>" border="0"> 
 							<img src="<%VAR BLOG_EMOTICON_FOOT%>" border="0"> 
								</td>
								<%ENDIF%>
								<td width=140 valign=top style=padding-right:15px id=m>
									
									Meu perfil 
									<%IFNOT BLOG_COUNTRY='NULL'%><%VAR BLOG_COUNTRY%><%ENDIF%><%IFNOT BLOG_STATE='NULL'%>, <%VAR BLOG_STATE%><%ENDIF%><%IFNOT BLOG_CITY='NULL'%>, <%VAR BLOG_CITY%><%ENDIF%><%IFNOT BLOG_DISTRICT='NULL'%>, <%VAR BLOG_DISTRICT%><%ENDIF%><%IFNOT BLOG_REGION='NULL'%>, <%VAR BLOG_REGION%><%ENDIF%><%IFNOT BLOG_GENDER='NULL'%>, <%IF BLOG_GENDER="M"%>Homem<%ELSE%>Mulher<%ENDIF%><%ENDIF%><%IFNOT BLOG_AGE='NULL'%>, <%VAR BLOG_AGE%><%ENDIF%><%IFNOT BLOG_LANGUAGE1='NULL'%>, <%VAR BLOG_LANGUAGE1%><%ENDIF%><%IFNOT BLOG_LANGUAGE2='NULL'%>, <%VAR BLOG_LANGUAGE2%><%ENDIF%><%IFNOT BLOG_INTEREST1='NULL'%>, <%VAR BLOG_INTEREST1%><%ENDIF%><%IFNOT BLOG_INTEREST2='NULL'%>, <%VAR BLOG_INTEREST2%><%ENDIF%><%IFNOT BLOG_INTEREST='NULL'%>, <%VAR BLOG_INTEREST%><%ENDIF%><%IFNOT BLOG_IM_TYPE='NULL'%> <%VAR BLOG_IM_TYPE%> - <%ENDIF%><%IFNOT BLOG_IM_ID='NULL'%><%VAR BLOG_IM_ID%><%ENDIF%>
																</td>
							</tr>
							<%ENDIF%>
							
							
						</table>

Histórico: 
							<%IF BLOG_ARCHIVE_LINK%>
							- <a id=l href="<%VAR BLOG_ARCHIVE_LINK_URL%>">Ver mensagens anteriores</a> 
							<%ELSE%>
								<%WHILE ARCHIVE_LINK%>
 					- <a href="<%VAR ARCHIVE_LINK%>" id=l><%VAR ARCHIVE_DATE_BEGIN%> a <%VAR ARCHIVE_DATE_END%></a> 
 						<%ENDWHILE%>
								 
							<%ENDIF%>

<%IFNOT BLOG_NEIGHBOOR_QTTY=0%>
					<tr>
						<td style=padding-left:20px>
							
							Blogs amigos: 
							<%WHILE NEIGHBOOR_TITLE%>
							- <a id=l href="<%VAR NEIGHBOOR_URL%>" target="_blank"><%VAR NEIGHBOOR_TITLE%></a> 
							<%ENDWHILE%>
					<%ENDIF%>
					
				 
					
					<%IFNOT BLOG_LINK_QTTY=0%>
					<tr>
						<td style=padding-left:20px>
							
							Outros sites: 
							<%WHILE LINK_TITLE%>
							- <a id=l href="<%VAR LINK_URL%>" target="_blank"><%VAR LINK_TITLE%></a> 
							<%ENDWHILE%>
					<%ENDIF%>
					
 
					
					 
					
					<%IF BLOG_VOTE%>
					<tr>
						<td style=padding-left:20px>
							
							Votação: 
							- <a id=l href="javascript:abre('http://navblog.uol.com.br/webvote.html?id=<%VAR BLOG_ID%>','250','370','1')">Dê uma nota para meu blog</a> 
						
					<%ENDIF%>
					
						 
					
						
						<%IF BLOG_RECOMMEND_BLOG%><a href="javascript:abre('http://navblog.uol.com.br/recommend.html?idBlog=<%VAR BLOG_ID%>','365','400','1');">Indique esse Blog</a><%ENDIF%> 
						
						 
					
					
					Contador: 
					<%IFNOT BLOG_ARCHIVE_PAGE%><tr><td height=22 align=center bgcolor=#000000><img src=http://bloghosting.uol.com.br/contador.gif?tipo=17&tam=10&borda=0&cor=0,0,0></td></tr><%ENDIF%>

Código html:
 <a href="http://www.cristinyonline.com.br/" target="_blank">Cristiny On Line</a> 
 
 
</div>

<div style="position: absolute; top: 599; left: 265; width: 488; height: 79">
<%IF BLOG_ARCHIVE_PAGE%>
		 <%WHILE ARCHIVE_LINK%>
		 	<a href="<%VAR ARCHIVE_LINK%>"><%VAR ARCHIVE_DATE_BEGIN%> a <%VAR ARCHIVE_DATE_END%></a>
			 <%ENDWHILE%>
				 	 <a href="index.html">voltar</a>
					<%ELSE%>
					
						
							<%WHILE POST_TITLE%>
							<script>
							dataPost = "<%VAR POST_DATE_HEADER%>";
							if (dataPost != "") {document.write("<tr><td height=20 id=head><a name=<%VAR POST_ID%>></a><%VAR POST_DATE_HEADER%></td></tr>");}
							else {document.write("<tr><td id=head><a name=<%VAR POST_ID%>></a><%VAR POST_DATE_HEADER%></td></tr>");
							}
							</script>
							<tr>
								<td valign=top style=padding-left:10px;padding-right:10px> 
									<%IFNOT POST_TITLE=''%> <%VAR POST_TITLE%>
									 <%ENDIF%>
									<%VAR POST_TEXT%> - Postado por: <%VAR POST_USER%> às <%VAR POST_DATE%> 
									<%IF BLOG_ACCEPT_COMMENT%>[ <a id=b href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR BLOG_ID%>','356','478','1');">"> </a> ]
					 	<%ELSE%>
					 		<%IF POST_HAS_COMMENT%>[ <a id=b href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR BLOG_ID%>','356','478','1');">"> </a> ]<%ENDIF%>
					 	<%ENDIF%>
									<%IF BLOG_RECOMMEND_POST%>[ <a id=b href="javascript:abre('http://navblog.uol.com.br/recommend.html?idBlog=<%VAR BLOG_ID%>&postFileName=<%VAR POST_ID%>','340','400','1');">envie esta mensagem</a> ]<%ENDIF%> 
							<center>___________________________________________________</center> 
							<%ENDWHILE%>

<%ENDIF%>
 </div>
 
 
<%IF BLOG_ACCEPT_COMMENT%><script src=<%VAR BLOG_SCRIPT_URI%>></script><%ENDIF%>
<%IF BLOG_OWNER_MOOD%><script src="mood.js"></script><%ENDIF%>

</body>
</html>

<%DEFINE POST_TEXT STRING NULL%><%DEFINE POST_TITLE STRING NULL%><%DEFINE POST_DATE STRING NULL%><%DEFINE POST_USER STRING NULL%><%DEFINE POST_DATE_HEADER STRING NULL%><%DEFINE BLOG_POST_QTTY INTEGER 0%><%DEFINE BLOG_LINK_QTTY INTEGER 0%>
<%DEFINE LINK_URL STRING NULL%>
<%DEFINE LINK_TITLE STRING NULL%>

* Código do lay by Cristiny

voltar