|
HTML&CSSresumo 1. htmlFormato básico <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlRegras gramaticais para tags <Atributo do Nome da Tag1=Valor do imóvel1" atributo2=Valor do imóvel2”>tag</Nome da etiqueta> 3. Tags de hiperlink <a href="onde pular" ></a> Função: Pulo de página. Pergunta: Se você quer tornar uma imagem (picture1.jpg) hiperconectada, como deve escrevê-la? <a href=""><img src="picture1.jpg" /></a> 4. Sintaxe das tabelas <table> <tr> <td> Formas pequenas </td> <td>Conteúdo</td> </tr> </table> Nota: O conteúdo do formulário deve ser escrito emTDDentro 5. Atributos comuns das tabelas a) Tabela:borda=Números(Biselagem) cor da borda=Cor da bordabgcolor=Cor de fundocellspacing=Número (distância entre células) cellpadding=número (distância entre o conteúdo e a borda da tabela)altura="Números fixos|Percentual%"Alturalargura="Números fixos|Percentual%"Largura b) Tr: bgcolor=Cor de fundoaltura="Números fixos|Percentual%"Alturalargura="Números fixos|Percentual%"Larguracor da borda c) Td: bgcolor=Cor de fundoaltura="Números fixos|Percentual%"Alturalargura="Números fixos|Percentual%"Larguracolspan=Números (Colunas de Fusão)rowspan=Números (Linhas de Fusão)cor da borda Pergunta: Como definir a espessura e a cor da borda quando a imagem está centralizada? Largura da borda Cor da borda 6. Formas a) Função: Submeter dados ao servidor b) Sintaxe:<forma ></form> c) Elementos de forma 1.entradaTags i. Texto<tipo de entrada=texto /> ii. Senhas<tipo de entrada=senha /> iii. Escolha simples<tipo de entrada=nome do rádio="Nome igual" /> iv. Múltiplas escolhas<tipo de entrada=caixa de seleção /> v. botões<tipo de entrada=botão /> Enviar<tipo de entrada=enviar /> Reiniciar<tipo de entrada=reset> Atributos: Texto:tamanho=Comprimento do textocomprimento máximo=O máximo de caracteres pode ser inserido Selecione:conferidoSelecionado por padrão Botões:valor=O texto exibido acima do botão 2Rótulos Suspensos: Sintaxe, Propriedades <selecione múltiplos(Múltiplas seleções são possíveis)tamanho=Você pode ver o número de opções> <opção selecionada(Selecionado por padrão)>Conteúdo</option> </select> 7. CSSFolhas de estilo em cascata Função: Enriquecer conteúdo e reduzir o volume de código Escrita: Lugar (3espécie) 1. Em linha:Adicionar atributos diretamente às tagsestilo="propriedade:Valor do atributo;…” 2. Incorporação:emcabeçaRedação de Rótulos:<tipo de estilo="texto/CSS"> Seletor{Propriedades:Valor do atributo;…} </style> Pontos3Seletores básicos:HTMLSelector,ClasseSeletor de classe (.nome da turma),idSeletor (#idNome) é a única 3. Externo:Crie um separado.csse depois adicione o código de referência à página que você quer usar, sim2Tipo de escrita Lembre-se de um: emcabeçaAdicionar tags dentro<link rel="Folha de Estilo" Tipo="Texto/CSS" Href="Nome do arquivo da Folha de Estilo.css”> Nota: Se houver algum conflito na folha de estilo, priorize inline antes de usar inline e, por fim, use outside Pergunta: UsoDIV+CSSlayout eTabelaPrós e contras do layout? 8. Pseudoclasse (seletor) a:link {cor: #FF0000} /* links não visitados */ a:visitou {cor: #00FF00} /*Links que já foram visitados*/ a:hover {color: #FF00FF} /* Mouse-se para o link */ a:active {cor: #0000FF} /*Link selecionado*/ 9. DIV(Modelo Box) Função: SubstitutoTabelaTabela Escrita:<div>Conteúdo (pode ser aninhado.)divisão）</div> Uso: Largura e altura do conjunto podem ser combinadasPosiçãoAtributos Propriedades Comuns: 1. Fronteira: A espessura da caixa 2. Margem: a distância entre as caixas 3. Acolchoamento: a distância entre o conteúdo da caixa e a caixa. 4. altura、Largura: Altura, largura 5. Contexto: Cor da caixa, padrão 6. flutuar: O assento da cabineEsquerda、Certo 10. PassarTecelã de SonhosCrie um modelo Função: Alcançar o mesmo estilo de site, reduzir a quantidade de código e melhorar a eficiência do desenvolvimento do site Como criar e usar templates 1. Criar: arquivo à new à regular à HTMLmodeloà Create 2. Salvar: Salvar no seu próprio site, nota: O caminho correto é que uma pasta Templates aparecerá na parte inferior do site, que armazena os arquivos template (.dwt） 3. Escrita: Assim como escrever páginas comuns, escrever e escrever o mesmo estilo de conteúdo no site. Para conteúdo diferente, você precisa criar uma área editável (passe o mouse sobre a área de edição que deseja criar com o clique direito e selecione Template à Nova área editável) 4. Criar uma página baseada em um modelo: Arquivo à New à Template à Selecionar o modelo a ser usado 11. Tecelão de SonhosPontos de conhecimento relacionados R. AprovadoTecelã de SonhosCrie um site: Siteà New site à advanced à local information Dê nome ao local e defina o caminho até ele Nota: O caminho do local não deve estar em chinês BFamiliaridadeTecelã de SonhosPrecisamos saber como gerar as tags básicas que aprendemos anteriormente O foco está na tipografia da página através de tabelas CEmTecelã de Sonhosusando um hiperlink (endereços relativos e absolutos) 12. CSSAtributos comuns border:1px solid #000000; /*da fronteira3Atributos comuns*/ Largura; altura; /*Defina a largura e a altura*/ text-align /*Defina o conteúdo para o centro esquerda e direita*/ Altura de linha /*O conteúdo do ajuste é centralizado para cima e para baixo*/ flutuar /*Carro alegórico(Flutuante deve ser usado para criar hiperlinks horizontais)*/ margem /*Defina a distância externa da caixa*/ enchimento /*Defina a distância dentro da caixa*/ Posição /*Posicionamento, para ficar depoisCanto superior esquerdoUso conjunto*/ color:#000000; /*Defina a cor do texto*/ background-color:#000000; /*Defina a cor de fundo*/ font-size:14px; /*Defina o tamanho da fonte*/ decoração de texto /*Defina se o hiperlink está sublinhado, geralmente usadosublinhadoounenhum*/ list-style-type:none; /*Estilize o hiperlink (sem pontos)*/
2013HTML复习.doc
(44 KB, Número de downloads: 0, Preço de venda: 1 Grain MB)
| 
Publicado em 09/11/2014 10:42:19
|
|
|
Publicado em 10/11/2014 13:27:37
