首页 > Web开发 > 详细

HTML

时间:2015-04-09 00:53:57      阅读:217      评论:0      收藏:0      [点我收藏+]

html

     是一种超文本编辑语言

1.HTML基本结构:

   <html>  --标签开始

   <head>

       <title>first Html</title>  --标签头部

  </head>

  <body>

       hello world!!               }主体部分

 </body>

 </html>                           --标签结束

2.W3C(万维网联盟)标准 :web标准

     网页由 结构(html等),表现(css等),行为(ECMAScript)组成。

3.XHTML语言与HTML语言   

4.HTML基本标签。

   a.标题标签  <h1>......<h6> :字体依次变小   例:<h1>hello</h1> 

   b.图像标签<img>  语法:<img src="url" alt="替代文本" width="x" height="y" />

       例如<img src="../images/a.jpg" alt="无法查看" width="200" height="500"/>

         src:图片地址路径,..表示返回上一级 

         alt:无法显示图片时的替代文本

         width:图像的宽度,单位为像素

         height:图像的高度,单位为像素

       常见图像类型

       技术分享

   c.段落标签<p></p>      <p>表示段落的开始 </p>表示段落结束

   d.换行标签<br/>强行换行标签,属于自闭标签。

   e.水平线标签<hr/>在页面中显示水平线

   f.超链接标签<a></a>实现页面自动跳转

    语法<a href="url" target="目标窗口" >连接文本或者图片</a>

    href:指定页面跳转的网址或者路径

    target:_self自身窗口跳转,_blank新空白窗口跳转

    超链接的分类:1页面间连接<a name="a"></a>  ...<a herf="#a">跳转到a</a>。 2瞄链接 。 3功能性链接 。

   5.特殊符号

技术分享

 

6.HTML的注释  

  <!--注释内容-->

7.标签规范

 a.xhtml规范(对大小写敏感)

   1。便签名和属性名必须用小写

   2。html标签必须关闭

   3。属性值必须用双引号扩起来

   4。标签必须正确的嵌套

   5。属性不能简写,必须写属性和值

   6。必须添加文档类型声明。

9。html列表 

  技术分享

   a.无序列表   语法:<ul>   <li></li><li></li>.....</ul>      ul表示声明一个无序列表,li表示每一个列的起始/li表示一个列的结束

 

<ul>
    <li>苹果</li>
    <li>橘子</li>
</ul>

 

   

   b.有序列表   语法:<ol>   <li></li><li></li>.....</ol>      ol表示声明一个无序列表,li表示每一个列的起始/li表示一个列的结束

   

  c.定义列表   语法:

10。表格:由指定数目的行和列组成的

       语法:<table border="0" cellspacing="1" cellpadding="0" width="60%"> 

                 <tr>

                     <td colspan="3">单元格内容</td>

                      <td rowspan="2">单元格内容</td>

                </tr>

               </table>

        <table>表示表格标签 border表示边框粗细   cellspacing表示单元格边距 cellpadding表示单元格间距 width表示表格宽度  <tr>表示行  <td>表示列  colspan表示跨列  rowspan表示跨行

11。表单

        基本语法<form action="表单提交地址" method="提交方式"> 

                          文本框,按钮等表等元素

                   </form>

               <form>表示表单   nethod的值为get或者post提交方法

12。表单元素。

      表单元素的基本格式<input name="元素名称" type="类型" value="值" size="显示宽度" maxlength="字符最大长度" checked="是否选中" />

            type属性的值表示元素的类型有:text文本框   password密码框  radio单选按钮 checkbox复选框 submit提交按钮  reset重置按钮button普通按钮  hidden隐藏按钮image图像按钮file文本域浏览上传按钮

      下拉列表<select name="名称" size="可见选项数字"  multiple="multiple">

                              <option selected="selected" value="提交的值">显示在选项中的文本</option>

                              ........

                        </select>

              <select>表示声明下拉列表 multiple表示可以多项选择 <option>定义下拉列表的选项 selected表示默认选中

      多行文本框

HTML

原文:http://www.cnblogs.com/hjiongjiong/p/4405011.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!