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

001--html

时间:2015-07-26 17:14:38      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

html

1、html介绍

  html开发网页的一种客户端技术。html是由多种元素嵌套而成的,元素形式有两种:双标记形式<start></start>;单标记形式<start>。

     <html></html>为根元素

  <head></head>为头元素,主要设置页面一些特性,如:标题、刷新频率等。

     <body></body>为体元素,页面展示内容都在此定义。

1.2 、文本标记

  <br>   换行                     
  <p></p>  段落
  <hn></hn>  n从1到6,表示标题文本

1.3 、链接和图像

  1、链接

  <a></a>
    href       点击链接后,页面跳转路径    
    target    链接页面展现方式:_self(默认值:当前窗口展示)/_blank(新窗口展示)
    title       光标悬浮其上面展示内容

 2、图像

  <img/>
    src        图片路径
    title       光标悬浮其上面展示内容
    width/height   宽/高
    border           边界

1.4 、表格

  基础结构:table/tr/td
  table常用属性:border(边界)/width(长)/height(高)/cellspacing(单元格之间以及与表格的外边框之间的距离)/cellpadding(单元格内间距)
  td常用属性:width(长)/height(高)/align(水平对齐)/valign(垂直对齐)

     不规则的表格:
  td的属性:colspan(跨列)/rowspan(跨行)

1.5、表单

<form>  表单

  action  提交url    

  method   提交方式:get/post

  enctype   当需求提交文件时,值为:multipart/form-data

表单子元素
  <input>元素,type属性
    文本框 type=text    属性:value
    密码框 type=password 属性:value
    单选按钮 type=radio  属性:name value checked    其中name值相同的为一组单选按钮
    复选按钮 type=checkbox  属性:name value chencked  其中name值相同的为一组复选按钮
    文件 type="file"
    隐藏域 type="hidden"  属性:value
    提交按钮 type="submit" 
    重置按钮 type="reset"
    普通按钮 type="button"

  select下拉框/列表框   属性:size(长度) multiple(多选)
  option  属性:value
  textarea多行文本框  属性:cols(列) rows(行)

1.6 框架

<frameset> 框架集    

  属性: cols(不能与rows同时存在,表示左右布局。如:cols=“30,40,80%”,表示左边第一框架宽30像素,左边第二个宽40像素,左边第三个框宽占80%像素)

     rows(表示上下布局,其他与cols相似。)
<frame>      框架集子元素

     属性:src 

以上两个元素一般用于布局

 

iframe 内嵌框架

  frameborder :是否显示框架的边框;
  src :指定一个资源(如网页、图片)的uri;
  scrolling :是否显示框架的滚动条;
  width:定义iframe的宽度;
  height:定义iframe的高度;

主要于:1、减少页面长度;2、代码复用

 

001--html

标签:

原文地址:http://www.cnblogs.com/cft11231/p/4677986.html

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