20150417 HTML

HTML        内容(Hyper Text Markup Language, 超文本标记语言)

CSS      网页美化

Javasecript    脚本语言

常规标记

 一、格式标签

  模版:word工具栏

    <font color="" face="" size=""></font>//控制字体

   <b></b>//字体加粗<i></i>//倾斜<u></u>//下划线<strong></strong>//字体加粗   强调语气

   <br/>//换行,相当于回车

二、内容标签

  模版:新闻页面

  <p></p>//段落<h1></h1>.....<h6></h6>//标题<span></span>//层标签

<ol></ol>//有序标签<ul></ul>//无序标签<li>内容</li>    "../"表示上级目录"./"表示当前目录

常用的标签

一、超链接

 <a href="超链接地址" target="-blank">超链接文字</a>     -blank//在新窗口打开

标签<a name=""></a>

二、图片

  <img src="图片地址" alt="显示文字" width=""/>

三、图片超链接

<a><img/><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>
  <input id="" name="" type="file"/>

原文地址:https://www.cnblogs.com/m123/p/4434167.html