Introduo HTML e CSS
(Hyper Text Markup Language) ou (Linguagem de Marcao de Hipertexto) No case sensitive
Fcil de ser editado e entendido
Funciona a partir de Tags
<tag> xxxxxx </tag> As tags so formadas por comandos atributos e valores. Ex: <font color=green face=verdana size=5>
<html> : Inicia e termina a pgina html <head> : Inicia e termina o cabealho da pgina <title> : Ttulo da cabealho (Aparecer na barra superior do browser) <body> : Inicia e termina o corpo da pgina <style> : Definio da formatao CSS <meta>: Edita as propriedades da pgina
Utilizando as tags basicas: html, head, title, body , fazer a primeira pgina! :D
<!texto> : Comentrio <meta> : Propriedades da pgina <h1>, <h2>, etc: Marca um ttulo, quanto menor o nmero que o acompanha, maior o tamanho <hr> : Insero de uma linha horizontal <p> : Pargrafo <br> : Pula uma linha
A pgina de html s respeita os espaos caso for solicitado!
<center> : Alinha o texto, tabela, imagem, etc no centro align=center,right,left ou justify : Utiliza-se dentro da tag <p> e modifica o alinhamento do pargrafo <blockquote> : Adiciona 1cm de margem size=x , width=x : dentro da tag <hr>, define os atributos da linha criada. noshade : dentro da tag <hr>, remove a sombra da mesma.
<b> : Coloca o texto em negrito <i> : Coloca o texto em itlico <u> : Coloca o texto sublinhado <basefont> : Define a formatao padro da pgina <font> : Modifica a formatao do texto, utilizado conjunto com:
Size: Tamanho da letra Face: Estilo da letra Color: Cor da letra
<ol> : Marca o incio e fim de uma lista ordenada, pode ser ordenada com nmeros, letras ou algarismos romanos e a tag <li> marca a adio do prximo item <ol type=I> : Algarismos romanos <ol type =A> : Letras
Ex: <ol>
<li> Item1 <li>Item2 Ex2: <ol start=2> : Especifica o numero a partir do qual os itens vo comear a serem contados
<ul> : Comeo e fim de uma lista noordenada, no caso com smbolos. Tambm devem ser utilizados juntos tag <li>
Ex: <ul type=circle> Circulo cheio <ul type=square> Quadrado <ul type=disc> Circulo vazio
As tags de listagem podem ser combinadas afim de fazer subtpicos.
A tag <body> pode ser combinada com outros comandos.
Bgcolor : define a cor do fundo da pgina
Text : define a cor do texto padro da pgina
Background : permite inserir uma imagem como
fundo da pgina Bgproperties : fixa a imagem no fundo da pgina quando a pgina rolada, criando um efeito de marca dgua.
Exemplos:
<body background=/imagens/imagem.jpg>
<body bgcolor=red>
<body text=blue> <body bgcolor=green text=red> <body background=/imagem.jpg bgproperties=fixed>
A tag para inserir imagens <img>, seus atributos so:
src indica o nome da imagem a ser carregado. align=middle centraliza o base do texto com o centro da
imagem align=left faz a imagem flutuar a esquerda enquanto o texto circunda imagem direita. align=top alinha o texto no topo align=right faz a imagem flutuar a direita enquanto o texto circunda imagem esquerda. alt=n indica o texto para ser exibido quando o navegador no exibe a imagem. Sendo que n o ttulo que identifique a imagem. Exemplo: <img src=imagem1.jp alt=Imagem!!!!>
Para adicionar um Hyperlink, usa-se a tag <a> e dentro do mesmo a sua referncia:
<a href=URL> Texto da pgina </a>
href= atributo que especifica o nome da referncia
URL o nome do local para onde desejar linkar
Ex: <a href=http://www.unifacs.br>UNIFACS</a>
Os hyperlinks podem ser utilizados para navegar entre as paginas do mesmo projeto
<a href=pagina1.html>pagina1</a>
<a href=pagina2.html>pagina2</a>
Voc pode usar imagens para usar nos Links
<a href=exemplo.html><img src=imag.bmp></a>Imagem
Utilizando as tags aprendidas. Construir uma primeira pgina HTML
Uma <div> define uma diviso ou um setor de um documento HTML Ele normalmente utilizado para manipular grupos de elementos separadamente Alm dos seus atributos padro, suportam tambm o uso de scripts Muito utilizado em conjunto com CSS na construo do layout
Conclumos assim a parte de introduo a HTML, amanh comearemos a explicar as noes de CSS.
Mucho más que documentos.
Descubra todo lo que Scribd tiene para ofrecer, incluyendo libros y audiolibros de importantes editoriales.
Cancele en cualquier momento.