码迷,mamicode.com
首页 > Web开发 > 详细

Html学习笔记整理

时间:2015-02-17 14:05:13      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

  • 基本格式

<html>

     <!--这是头部--> 
     <head>
           <title>第一个网页</title>
     </head>
     <!--这是身体-->
     <body>
             网页中的内容
     </body>
</html>
<!--这是头部--> :这是注释。
  • <p>表示段落</p>;<h#>标题字体</h#>#=1,2,3,4,5,6;<br/>:表示换行;<hr/>:添加横线;
  • 符号实体:&nbsp;:空格;&copy;:copyright版权;&reg;:版权等;
  • 超链接:<a href="mailto:77....@qq.com" target="_blank">搜狐</a>;target="_blank"表示在新页面打开,默认为"self"表示替换当前页面。
  • 插入图片:<img src="#" width="" height=""  border="" align="top middle bottom"/>aign:表示文字与图片对齐方式
  • 表格:<table border="" width="" height="" align="">
                 <tr align=""><th></th></tr>
                 <tr align=""><td></td></tr>
                 <tr><td></td></tr>
          </table>
          rowspan:表示合并行;colspan:表示合并列
  • 列表:无序列表、有序列表、自定义列表
    • 无序列表:<ul type="#">#=disc,circle,square
                                     <li></li>
                                     <li></li>
                                     <li></li>
                            </ul>
  • 有序列表:<ol type="#" start="">#=1,a,A,i,I
                                     <li></li>
                                     <li></li>
                            </ol>

  • 自定义列表:<dl>
                                     <dt>定义列表中的项目</dt>
                                     <dd>描述列表中的项目</dd>
                               </dl>
  • 框架:不是写在<body>里面
    • <frameset frameborder="" cols="50%"按照列的百分比分割 rows=""按照行的百分比分割>
                  <frame src="" noresize/>
          </frameset>
  • 表单元素:让用户输入数据,并提交给服务器
          <form action="#" method="post/get">#表示指定把请求提交给那个页面;
<input type="#">#=text,password,radio(单选框),checkbox(复选框),image(需设置src),submit,reset,hidden(隐藏 框:既可以提交数据,而不影响界面),file。
<textarea></textarea>,(下拉框)<select><option></option></select>       
           </form>
  • 背景色彩和文字色彩:<body link="red" text="blue">
  • 文字分区:<div></div>
  • 预格式化文本:<pre></pre>
完成菜谱和成绩单的表格案列,框架插入案例和邮箱综合案列

Html学习笔记整理

标签:

原文地址:http://www.cnblogs.com/hyclearning/p/4295179.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!