recherche

Maison >interface Web >tutoriel HTML >18、HTML_html/css_WEB-ITnose

18、HTML_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:38:19839parcourir

HTML

超文本标记语言（Hyper Text Markup Language）。

用来描述网页的一种语言。

HTML标签

由尖括号包围的关键词。 如：

通常是成对出现的，开始标签和结束标签。 如：和

HTML文档

用来描述网页。

包含HTML标签和文本。

文档的结构

<!DOCTYPE html><html lang="zh-CN">    <head>        <title>网页标题</title>        <meta charset="gb2312">        <meta name="keywords" content="关键字">        <meta name="description" content="详细描述">    </head><body>    网页内容</body></html>

常用特殊字符

显示    代码   <      <   >      >&      &   "      "&copy;      &copy;   &reg;      &reg;&times;      &times;   &divide;      &divide;￥     &yen;   &sect;      &sect;￡     &pound;   ￠     &cent;

常用HTML标签

注释
定义规范 三种文档类型：Strict、Transitional 以及 Frameset。
超链接 外链：百度
页内：啊 跳转到啊
邮箱： 点击发邮件
署名
用来定义署名地址。
标题

定义最大的标题。

定义最小的标题。
换行
不产生一个新段落的情况下进行换行,接着上一行换行。
段落

产生一个新段落，换行空一行。

左中右对齐
预格式文本 
       用于显示预先在源代码中定义好的格式。      
      
       居中对齐       
       使内容居中对齐。      
      
       水平线       
       在 HTML 页面中创建一条水平线。
 size高度 color 颜色 width长度		      
      
       文字              用来定义文字字体 样式 大小颜色等。
      
      
       滚动标签              direction方向 bihavior方式=scroll（一直滚）slide（一次）alternate（交替式）loop次数 scrollamount速度       
      
       图片       18、HTML_html/css_WEB-ITnose       在网页中显示图片。18、HTML_html/css_WEB-ITnose   vspace hspace文字间距 align 与文本对齐方式      
      
       有序列表       
    		       数字/编号 自动排序 type="1 a A i I " 
    
    		      
          
           无序列表       
      		       可实心 空心 方形 
      
      		      
            
             文字样式       
b粗体 i斜体 u下划线 del删除线 span em strong cite code kbdsamp sub sup var acronym abbr dfn bdo       
            
             表格       

             
      定义一个表格 border cellspacing设置内框宽度 cellpadding 文字与边框的距离。            
             行       

      

             表格中的行 还可以设置tfoot th tbody thead来分组。      
            
             单元格       
       表格中的单元格 rowspan合并行 colspan合并列。      
            
             表单       
      		       method="post get" action="http://www.baidu.com/login.aspx" method提交方式 action提交地址      
            
             文本框              type="text" name="name" value="value" size="20" maxlength="20" size长度 maxlength最大长度      
            
             隐藏域              type="hidden" name="hidden" value=""       
            
             密码框              type="password" name="name" value="value" size="20" maxlength="20"       
            
             单选按钮              type="radio" name="name" value="value" checked="checked" name相同为一组 value区分值 单选      
            
             复选按钮              type="checkbox" name="name" value="value" checked="checked" name相同为一组 value区分值 多选      
            
             下拉列表              type="checkbox" name="name" size="4" 下面加 一组选择框      
            
             文本域              rows="1" cols="10" onpropertychange="this.style.posHeight=this.scrollHeight"      
            
             按钮              type="button submit reset" name="name" 按钮 submit 提交当前表 reset 重置表单      
            
             框架              
 插入框架      
            
             背景颜色       Bgcolor             
            
             背景图片       BgcGround             
            
              
           
      

      常用技巧
           
             
             禁止选取 复制              
            
             10秒后跳转              
            
             ico图标              
            
             背景音乐              
            
             首页         设为首页
      
            
             收藏夹         加入收藏夹      
            
                 
        
        
         
      

         
         
         
         
         
               		

      

      Déclaration：
      Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
      Article précédent：<转载>解决div里面img的缝隙问题_html/css_WEB-ITnoseArticle suivant：图片懒加载方法_html/css_WEB-ITnose
      Articles Liés
      Voir plus