zoukankan      html  css  js  c++  java
  • html基础

    一、html基本结构   
     文件后缀 :.html 或htm   首页:index.xxx或 defalt.xxx
    <html>
    <head>
    <title >标题</title>
    <meta  name="keywords"  content="用逗号隔开的关键字" ></meta>  //关键字
    <meta  http-equiv="content-type"  content="text/html; charset=gb2312" /> //编码
    <meta  http-equiv="refresh"  content="1"  url="http://www.sohu.com" ></meta>//刷新或自动跳转

    </head>
    <body>
    网页内容
      欢迎
    </body>
    </html>

    二、基本标记:
      1.p  :段落   
         属性:align:水平对齐方式(可以应用在任何标记中)
      2.h1 --h6  标题
      3.br  换行
     
      5.img  :图片
         属性: src="images/aa.gif"     //相对路径
                alt:文字描述图片
                title:鼠标停留
      6.hr :水平线
           属性:
              width:长度
               size:厚度(高度)
               color:颜色
      7. 列表:
          ul:无序列表
        属性
               type: 改变项目符合
            li
           
          ol:有序列表
             li     
          自定义列表:
           dl        
              dt
               dd
       8:超链接:
           a :
             href="页面路径"
             title: 鼠标悬浮时显示的内容
              1.站内连接; 站内各个页面之间的跳转
              2.站外连接   连接其他网站中的页面(绝对路径)
              3.锚     :同一个页面中不同位置跳转
               <a href="#aaa">html内容 </a>   //声明锚点
               <a name="aaa"> html内容介绍  //应用锚点
            
    三、表格:
        1.制作报表:
        2.页面布局:
        table:
          属性: width 宽
                 height 高  
            border 边框
                 cellpadding: 边框跟文字之间距离
                 cellspacing:单元格与单元格之间距离
                 colspan:跨列
                 rowspan:跨行 
                 bgcolor: 背景色(行,列都可以) 
                 background:背景图(行,列都可以)
         tr:  行
         td:  列

    四、表单:向服务器提交数据
       form:
          属性:
              action: 页面地址
              method:get:通过地址栏传递数据,不安全,数据量小
                    post:http协议包中封装传递
     
        <input type="text" name="userName" value="tom"/>
        <input type="submit"  value="提交"/>
         type的值:
            text:文本框
            radio: 单选
            checkbox: 复选
            submit:提交按钮
            button:  普通按钮
            reset:重置
            password:密码
        
          下拉列表:
           <select>
                  <option  value="1" >济南  </option>   //默认value与option 元素内容一样
                  <option  value="2">青岛  </option>
           </select>

            textarea:多行文本          
             属性:cols:  列数
                   rows:  行数

    五、框架:
       可以将浏览器窗口分割为多个区域;每个区域显示独立的页面
       >框架集
       framset
         属性:
          cols="20%,*"  ;纵向分割为两个区域
          rows ="30%,*"  ;横向分割为两个区域  
          注意:分割几个区域,就要有几个fram与之对应
         fram:
              name="框架名"
              src="页面" //在当前框架中显示的页面
         fram:
              name="right"
            
           在指定框架中显示页面
           <a href="页面路径"   target="框架名">   
         注意: 有framset就没有body标记

        >内置框架
          iframe:
           属性:
               src="页面"
           可以嵌在页面中任何地方

  • 相关阅读:
    Js内存泄漏的几种情况
    简单工厂模式
    单例模式
    设计模式简介
    百度地图api-动态添加覆盖物
    ArcGIS发布地图服务后直接调用查看方法
    NetCDF 共享软件 中文
    Oracle服务器重命名
    NETCDF入门
    Oracle11gExpress和PL/SQL Developer安装
  • 原文地址:https://www.cnblogs.com/a1111/p/6034123.html
Copyright © 2011-2022 走看看