Aug 18, 2013
Nuestro curso de creacion de aplicaciones web
Loading...
seen from United States
seen from United States
seen from United States
seen from China
seen from United States
seen from United States
seen from Hong Kong SAR China
seen from Bulgaria
seen from United States
seen from China
seen from Germany
seen from United States
seen from China
seen from Türkiye
seen from United States
seen from United States
seen from China
seen from United States
seen from United States
seen from Brazil
Nuestro curso de creacion de aplicaciones web
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
HTML Básico
Uma listinha com os comandos básicos de html:
Negrito: <b> text </b> ou <strong> text </strong>
Italico: <i> text </i> ou <em> text </em>
Sublinhado: <u> text </u>
Riscado: <strike> text </strike>
Links: <a href="link aqui" alt="nome do link"> nome do link </a>
Imagens: <img src="url da img" alt="nome da img">
E D I T A R
Alinhamento (veja2)- align: < left | center | right | justify>; ou float < none | left | right >
Edição de background - Clique e veja aqui.
Edição de bordas - Clique e veja aqui.
Edição de texto - Clique e veja aqui.
Tamanhos - width: < 0% | 0px | 0.0em >; (largura) e height: < 0% | 0px | 0.0em >; (espessura)
Mostrar como (veja): display: < inline | block | list-item | none >; (em linha, em bloco, em lista ou nenhum)
Mostrar (veja): overflow: < visible | hidden | scroll | auto >;
Distancia da borda: o atributo é o 'padding', mas existem 4 formas de trabalhar com ele:
padding:10px 5px 15px 20px; (respectivamente: topo, direita, baixo, esquerda)
padding:10px 5px 15px; (respectivamente: topo, esquerda e direita, baixo)
padding:10px 5px; (respectivamente: topo e baixo, direita e esquerda)
padding:10px; (todos os lados iguais)
Posição (veja)- position: < static | absolute | fixed | relative | inherit >;
Camadas (veja) - z-index: < auto | 0 | inherit >;
Se for util, de um like!
Eae gente!! Pra quem está começando html e css... leia este tutorial ou tutodica, dou esse nome a tutoriais que incluem dicas no meio :B kk enfim, vamos lá!
As vezes algum errinho no CSS ou HTML pode estragar todo o seu trabalho. E as vezes, por um ";" que você se esquece de colocar, nada mais funciona. Lembro que uma vez eu estava fazendo um theme e do nada as coisas pararam de funcionar. Era como se eu colocasse os códigos e não valessem de nada. Quando eu fui perceber, eu tinha esquecido do ponto e vírgula final do código ._. então, a dica que eu dou é : preste atenção no que está fazendo, principalmente se você for colocar um menu que não é seu, efeito e etc... revise sempre o código, isso é fundamental e vai prevenir os futuros e possíveis erros!
Vou dar um exemplo. Suponhamos que eu queria por um código de seleção colorida no meu theme, e eu por acaso esqueço do "}" que fecha tudo. O código então, ficou assim :
::-moz-selection {color: #000; background: #ff000;} ::selection {color: #000; background: #ff000;
A partir do momento em que colocarmos esse código no css, nada mais funcionará. O código certo seria este :
::-moz-selection {color: #000; background: #ff000;} ::selection {color: #000; background: #ff000;}
Perceba que no final do segundo código, o "}" se encontra, já no primeiro código não há... é por isso que o erro acontece.
Outro erro super comum é esquecer divs abertas. As vezes o css de algo está todo bagunçado, não sabemos para que tal div serve, e muitas vezes acabamos deixando alguma div aberta, e dependendo do caso, ela pode desestruturar todo o seu theme . :/
O que se pode fazer nesse caso, então?
O único jeito é retirar algum código suspeito. Ou então, veja qual código fez o theme se desalinhar e retire-o do seu css e html. Procure bem na tag <body>, se não há nada suspeito também... conte as divs e veja se tem o mesmo tanto de divs fechadas. É bom adicionar várias </div> antes de </body></html> de seu theme. Isso também serve para que o botão de follow e dash não desapareçam.
Bom, é isso. Não se esqueçam de revisar sempre os códigos, principalmente se não forem seus. Se esse tutorial lhe for útil, dê like! Não copie, nem se 'inspire' nesse tutorial (pessoas andam fazendo isso agora '-') e nem reblogue, o like já basta e eu vou ficar feliz ^-^ Enjoy guys!!
Html Básico #1
Em html temos 3 principais tags é apartir delas que criamos todo o resto da pagina
a primeira é <html> onde vamos colocar TUDO que devera aparecer na nossa pagina
a segunda a ser aberta é <head> que é onde vai ficar o cabeçalho da pagina (favicon,title...)
a próxima é o <body> que é onde vai ficar todo o corpo da pagina, posts, header, footer, side e etc
Toda tag aberta obviamente deve ser fechada para isso basta colocar / e o nome da tag e ficara </tag> ou seja para fechar a tag <html> basta colocar </html>. As tags devem ser fechadas sempre assim que acaba o conteúdo que vc quer que fique nela consequentemente a tag <html> é a primeira a ser aberta e a ultima a ser fechada pois é dentro dela que fica todo o conteúdo da pagina, a tag <head> é a primeira a ser fechada pois nela fica somente o conteúdo do cabeçalho, em seguida a tag <body> e dps a tag <html> como ja dito.
Ao final a estrutura principal fica assim :
<html> <head> conteúdo do cabeçalho </head> <body> conteúdo da pagina </body> </html>
Bom é algo bem bobo e simples mais que ja da uma boa ajuda pra quem ta começando, acalmem-se que vou postar mais coisas até chegar na parte mais complexa que vcs vão acabar vendo que não é nem tao difícil assim ;)
Tutorial por artur Se foi util like/reblog
Dicas básicas de html.
<big> nome </big> = deixa a fonte maior, quanto mais usar maior fica.
<small> nome </small> = deixa a fonte menor, quanto mais usar menor fica.
text-transform: uppercase; = deixa a fonte em caps lock. ASSIM
text-transform: lowercase; = deixa a fonte somente pequena, assim como você está vendo.
text-transform: capitalize; = a primeira letra vai ficar grande. Assim
text-transform: none; = não haverá nenhuma personalização na letra.
<b> palavra </b> = fonte em negrito.
</i> palavra </i> = fonte em itálico.
<u> palavra </u> = fonte em sublinhado.
<s> palavra </s> = riscado.
<blockquote> lalala </blockquote> = seu blockquote seria ativado, mas isso só aconteceria se você tivesse uma personalização para ele, caso contrario não aparece nada.
background: #000; -> cor do background de algo, você pode mudar o #000 por qualquer outra cor.
<img src="URL"> = imagem em algum lugar.
<center> = centraliza algo.
text-align: left; = texto alinhado a esquerda. voce pode mudar para right (direita), center (centro) e justify; (justificar)
margin-top: = distancia do topo.
margin-left = distancia da esquerda
margin-right: = distancia da direita
margin-bottom = distancia abaixo (use p separar os posts em caixas)
<font color="#COR;"> nome </font> = muda a cor de uma letra, sem personalização no css.
<marquee> bla bla </marquee> = frase passando.
border: tem vários tipos, são eles :
- solid
- dotted
- dashed
-ridge
- double
para usar, deve-se por isso na div ou local onde quiser:
border: 3px solid #COR;
Pode-se mudar o valor de px, o tipo de borda e colocar uma cor em hex.
<code>bla bla</code> -> deixa o texto assim :
oi, sou o code!!
<pre>bla bla</pre> -> deixa o texto assim :
oi, sou o pre!!
Ambos servem para postar códigos no qual não é necessário repor as aspas nesse método.
padding: -> para deixar tudo mais "gordinho", teste em seu css algo com padding/sem padding e veja a diferença.
Pronto, isso é o básicão meeeeeesmo, mas caso alguém tenha duvidas acrescentarei aqui depois, ok? like se for útil ;**
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
HTML BÁSICO
Primeiramente, tudo oque abre fecha ok?
O básico do básico, que você ja sabe é que:
<b> </b> deixa a letra em negrito
<i> </i> deixa a letra em itálico
<s> </s> deixa a letra riscada
Agora, algumas ''variações de fonte e tamanho'' de postagem.
Modelo 1
Frase normal: Você me faz, sorrir em paz.
Código que vou usar: <code>Você me faz, sorrir em paz.</code>
Como a frase ficará: Você me faz, sorrir em paz.
Modelo 2
Frase normal: Você me faz, sorrir em paz.
Código que vou usar: <pre> Você me faz, sorrir em paz. </pre>
Como a frase ficará:
Você me faz, sorrir em paz.
Modelo 3
Variação que deixa a letra grande ou pequena
Frase normal: Você me faz, sorrir em paz.
Código que vou usar: <big><big>Você</big> me</big> <small><small>faz, sorrir</small></small> em paz.
Como a frase ficará:
Você me faz, sorrir em paz.
Enfim, por hoje é isso. Qualquer outra dúvida me avisem, eu ajudo com o maior prazer.
Se o ''tutorial'' foi útil, credite e dê like ok?
HTML básico
Oi, aqui estou eu fazendo mais um de meus tutoriais que ninguém entende ahuhsush, mas o de agora é o básico do HTML. Para deixar bem claro: Eu estou ensinando HTML, e html é meio que uma lingua para todo o sibernetco, não só para tumblr ou para blogspot, e sim para todos os hosts ou qqr coisa que voce queira criar na internet. Manjou?.. Então vamos lá:
No HTML sempre o que se abre é obrigado a fechar, se não pode bagunçar tudo [tudo que se abre fecha ok? ahugghsuhshuhsa mas slá, só avisando, tem coisas que na vida real não acontece isso ahuhsuhsuhhsus sqn] do tipo: se eu abro o <head> e depois que colocar o que eu preciso dentro do head, terei que fechar o head assim: </head>.
Já que estamos aqui , vou dizer que o sinal de maior (>) e o de menor (<) são essenciais no HTML. Eles indicam quando abrimos alguma coisa. E quando vamos fechar, como você deve ter entendido aqui encima é o mesmo <> só que com o barra no começo tipo: </>. Dai pra ficar: <> abre e </> fecha ok?
HTML Basico:
Negrito: <b> Negrito </b> Italico: <i> Itálico </i> Sublinhado: <u> Sublinhado </u> Riscado: <s> Riscado </s> Texto no centro: <center> Texto </center> Imagens: <img src="Url da imagem"> Height: Altura da imagem Width: Largura da imagem Border/Borda: Borda da imagem <img src="url da imagem" class="sua class da borda" width="largura da imagem" height="altura da imagem"> Links: <a href="Link aqui">Nome aqui</a> Imagem com link: <a href="Link aqui"><img src="Link da imagem"></a> Texto/fotos indo para o lado: <marquee> Texto aqui </marquee> <marquee> <img src="Link da imagem aqui"> </marquee> Mudando as cores: Procure por #seis numeros e letras aqui (Esses seis numeros e letras é o codigo da cor, abra uma tabela de cores e coloque o codigo da cor que você quiser) Mudando background (Bg) Procure por .body .Vai ter background-image: url(URL DA IMAGEM) {Se for uma imagem} ou background: #CODIGO DA COR (Para mudar a cor é só trocar o codigo da cor como ensinei acima)