zoukankan      html  css  js  c++  java
  • html简短小结

    HTML Hyper Text Markup Language - 超文本标记语言。

    一、常规标记 (一)格式控制(主要的几个格式控制) 模型:Word工具栏 <font color="" size="" face=""></font> <b></b>(或<strong></strong>)加粗 <i></i>(或<em></em>)倾斜 <u></u>下划线 <strike></strike>删除 <br>换行

    (二)内容容器 模型:新闻页面 <h1></h1>....<h6></h6>字体大小由大到小 <p></p>分段落,里边的内容为一段 <ol></ol>有序的列表 <ul></ul>无序的列表 <li></li> <div></div>分层(布局用。默认占一行) <span></span>分层(默认占一行)

    二、两个最常用的标记 1.超链接 <a></a> 超链接:<a href="链接地址、网页">显示内容</a>   路径:../ ./  ../../ 书签:<a name="">内容</a>       <a href="目标连接的name的值(上边写的a里边的name属性)"></a> 2.图片 <img src="图片地址" width="" height="" alt="无法在图片地址链接到相应图片时,显示的文字" title="鼠标移动到该图片时,显示的文字"/> 3.图片超链接 <a><img border="0" /></a>

    三、表格 主要用来布局。 <table><tr><td></td></tr></table>

    1.<table>的属性:

    必须的四个属性: width(宽),border(边框的大小),cellpadding(内容跟单元格边框的边距),cellspacing(单元格之间的距离)

    通用的四个属性: bgcolor(背景色),background(背景图片),align(水平对齐),valign(垂直对齐,用的不多)

    960px 980px

    2.<tr>的属性:

    通用的四个属性: bgcolor(背景色),background(背景图片),align(水平对齐),valign(垂直对齐,用的不多)

    height:

    3.<td>的属性: 通用的四个属性: bgcolor(背景色),background(背景图片),align(水平对齐),valign(垂直对齐,用的不多)

    布局的两个属性: width,height

    合并的两个属性: colspan(合并行),rowspan(合并列)

    技巧:如何做出单线的表格来? 思路:把<table>设上背景色,再把table的单元格间距拉开1个像素。为每个tr设上背景色,就会把table背景色给漏出来。 1.设置table标记的背景色。 2.把table的border=0,把cellspacing=1 3.把每个tr的背景色设置上。

    技巧:复杂页面的布局? 思路:多表格嵌套,尽量少用单元格的合并。 固定1个维度。

    四、表单 <form action="" method="">上行数据 id-不能重。主要是给css,js等客户端代码调用准备的。 name-可以重。主要是给asp.net,asp,php,jsp等服务端技术调用准备的。

    (一)按钮类:input type:button,submit,reset,image <input id="" name="" type="button" value="这是个普通按钮"/> <input id="" name="" type="submit" value="这是个提交按钮"/> <input id="" name="" type="reset" value="这是个重置按钮"/> <input id="" name="" type="image" src="图片按钮上的图片路径"/>

    (二)文本类: <input id="" name="" type="text"  value=""/> <textarea id="" name="" rows="行数" cols="列数"></textarea> <input id="" name="" type="password"  value=""/> <input id="" name="" type="hidden" value="">

    (三)选择类: <input id="" type="radio" name="组名"/>单选按钮,比如选性别(男女)

    <input id="" type="checkbox" name="组名">多选按钮

    <select size="n">  <option value="每一面对应的值">每一项显示的内容</option> </select>下拉菜单,用multiple="multiple"可多选,放在select里的属性

    <input id="" name="" type="file"/>上传文件用的,自己现在用的比较少

  • 相关阅读:
    linux网络编程之共享内存介绍
    linux网络编程之system v消息队列(二)
    一次性从git远程仓库中克隆到本地。
    返回随机数:整数、浮点数
    下载进度条
    os模块学习+open行数
    json数据处理:读取文件中的json字符串,转为python字典
    python执行命令行:python中执行shell命令行read结果
    format格式化输出
    python操作mongodb
  • 原文地址:https://www.cnblogs.com/xianshui/p/4434379.html
Copyright © 2011-2022 走看看