Material Exemplo de HTML5

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

ProjetoTutorialHTML/testeLink.html
		 Funcionou! 
		Fechar
	
ProjetoTutorialHTML/index.html
		
		 Sobre a página 
		 Este é um tutorial de exemplo de HTML. 
		Link de documentação:
		 W3Schools 
		
		 Tags e outros recursos
		Algumas tags importantes: 
		< html >: tag que define a página HTML. 
		< body >: tag onde terá o conteúdo da página. 
		< title >: tag para modificar o título da página. 
		< meta >: tag para acrescentar algumas especificações da página. Ex.: chartset="utf-8" => utilização de caracteres especiais. 
		< h1 ... h6 >: tags de cabeçalho. 
		< p >: tag para acrescentar parágrafo. 
		< hr/ >: tag para acrescentar uma linha horizontal. 
		< br/ >: tag de quebra de linha. 
		< img src="">: tag para utilizar imagens na página. 
		< a href="">: tag de link para algo. ('http://' para links externos; 'nomedapagina.html' para páginas do projeto)
		< table border="">: utilizada para criar tabelas. 
		< tr >: cria as linhas das tabelas. 
		< td >: células - ou colunas - das tabelas, onde serão postos os dados. 
		< th >: cabeçalho das tabelas (negrito e alinhado). 
		'&nbsp;': adiciona um espaço. 
		
		
		Navegar nas páginas: 
		
			2
		
		 
		
			3
		
		 
		
			4
		
		 
		
			5
		
		
	
ProjetoTutorialHTML/pages/pagina5.html
		 Caracteres Especiais 
		 Link útil: 
		 W3Schools Entities
		
		
		
		Navegar nas páginas: 
		
			Home
		
		 
		
			2
		
		 
		
			3
		
		 
		
			4
		
		
	
ProjetoTutorialHTML/pages/pagina4.html
		 Formulários 
		Cria-se formulários através da tag < form >. 
		 Tags utilizadas: 
		< input type="" name=""/>: entrada de dados (tipos: text, password, button, submit, radio, checkbox).
		< select >: combo para escolher opções. Ex.: escolha de estados. Obs.: lembrar de utilizar < option >.
		< textarea >: caixa de texto para textos longos.
		
		 Exemplo 
		 Formulário de login 
		
			 Login: 
			
			
			 Senha: 	
			
			
			
		
		
		 Formulário de cadastro 
		
			 Usuário: 
			
			
			 Senha: 
			
			
			 Confirmar senha: 
			
			
			 Nome: 
			
			
			 E-mail: 
			
			
			
		
		
		
		Navegar nas páginas: 
		
			Home
		
		 
		
			2
		
		 
		
			3
		
		 
		
			5
		
		
	
ProjetoTutorialHTML/pages/pagina3.html
		 Tabelas 
				 Coluna 11 		 Coluna 12 
		 Coluna 21 		 Coluna 22 
		
		
		 Exemplo 
				 Código 		 Produto 		 Preço 
		001		Notebook		R$ 2800,00
		002		Disco Rígido (HD)		R$ 320,00
		TOTAL		R$ 3120,00
		DESCONTO		Cupom 1: R$ 80,00
		Cupom 2: R$ 100,00
		
		 OBS.: é possível acrescentar imagens e links nas tabelas!
		
		
		Navegar nas páginas: 
		
			Home
		
		 
		
			2
		
		 
		
			4
		
		 
		
			5
		
		
	
ProjetoTutorialHTML/pages/pagina2.html
		 Formatação de textos 
		Para deixar o texto em negrito utiliza-se a tag < strong > (antiga tag < b >), pelos novos padrões. 
		Para deixar o texto em itálico, utiliza-se a tag < em > (antiga tag < i >), pelos novos padrões. 
		Essa é uma palavra em underline (tag < u >). 
		Esse é uma palavra errada (tag < strike >). 
		
		 Lista não ordenada 
		Utilizam-se as tags < ul > para a lista e < li > para os itens. 
		 Exemplos 
				 Item 1 
		 Item 2 
		 Item 3 
		
		
		 Lista ordenada 
		Utilizam-se as tags < ol > para a lista e < li > para os itens. 
		 Exemplos 
				 Item 1 
		 Item 2 
		 Item 3 
		
		 Links 
		Utiliza-se a tag < a href=""> para criar links para outras páginas. 
		
			Clique para testar
		
		
		
		Navegar nas páginas: 
		
			Home
		
		 
		
			3
		
		 
		
			4
		
		 
		
			5
		
		
	
ProjetoTutorialHTML/images/tutorial.png