html学习

来源:互联网 发布:淘宝上哪家埙好 编辑:程序博客网 时间:2024/05/16 18:00

参见:http://www.w3school.com.cn/html/html_paragraphs.asp
一,【名词解释】

【标签tag】:像<head> <body>这些都是标签。


二,【基本功能】
1, 图片:<img src="w3school.jpg" width="104" height="142" />
2, <p> 元素定义了 HTML 文档中的一个段落。
3, 空的 HTML 元素:<br /> 就是没有关闭标签的空元素,用于定义换行。
4, 【注意】:HTML的标签对大小写不敏感
5, HTML 属性:
   1> href属性
   <a href="www.3.com.cn">This is a link</a>
   --网页上就会出现This is a link.点击这串文字就会跳到www.3.com.cn上面。注意a标签的用法。
   2> <h1> 定义标题的开始。<h1 align="center">...</h1> 中间这部分文字就会居中作为标题显示
   3> <body bgcolor="yellow"> 定义背景颜色
  
6, 列表:
   1> 无序列表
      <ul>
      <li>Coffee</li>
      <li>Milk</li>
      </ul>
   2> 有序列表 将上面的<ul>换成<ol>
7, 定义列表: 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
8, 表单<form>:表单是一个包含表单元素的区域。允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。【注意:】其中输入标签一般为<input>,其类型由type指定。
8, 文本域: <input type="text" name="firstname" />
9, 单选按钮: 比如:从male和female两项中选择一个:
 <form>
 <input type="radio" name="sex" value="male" /> Male
 <br />
 <input type="radio" name="sex" value="female" /> Female
 </form>
10, 复选框,将上面的"radio"改成"checkbox"即可
11, 提交:type="submit"
12, 表格
 <table border="1">
  <tr>
   <td>row 1, cell 1</td>
   <td>row 1, cell 2</td>
  </tr>
  <tr>
   <td>row 2, cell 1</td>
   <td>row 2, cell 2</td>
  </tr>
 </table>
13,布局:使用表格来完成
14,框架:将多个页面放在一个窗口里。
 1> <frameset>定义如何将窗口分割为框架;每个 frameset 定义了一系列行或列,rows/columns 的值规定了每行或每列占据屏幕的面积
 <frameset cols="25%,75%"> //有两列,各对应一个框架,第一个框架占25%,第二个占75%
    <frame src="frame_a.htm">
    <frame src="frame_b.htm">
 </frameset>
 2> 导联框架:
 <frameset cols="120,*">//旁边出现三个链接,点击哪个,出现哪个。
  <frame src="/example/a.html">
  <frame src="/example/b.html" name="showframe">
 </frameset>

 【注意】:1,假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。
  2,不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。

15, <meta>:永远位于 head 元素内部。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类。
比如:
 HTML meta charset 定义网页编码信息
 HTML meta content-language 定义页面语言
 HTML meta refresh 刷新与跳转(重定向)页面
 HTML meta expires 网页缓存过期时间
 HTML meta pragma no-cache 页面缓存
 HTML meta keywords 网页关键词
 HTML meta description 网页简短描述
 HTML meta author 网页作者
 HTML meta copyright 网页版权
 HTML meta date 网页生成时间
 HTML meta robots 搜索引擎索引方式
16, <font>:字体标签
17, 样式CSS:
 1>, 
 <head>
 <link rel="stylesheet" type="text/css" href="test.css" > //指定用test.css样式表中的样式。
 </head>
 <body>
  <h1>我通过外部样式表进行格式化。</h1>
  <p>我也一样!</p>
 </body>
 </html>
 2>, 写样式表:【详见相关css教程】,此处知道有这东西,即可。
18, 实体:用&, #,分号";"进行连接。常用实体如下:
 显示结果 描述  实体名称 实体编号
          空格  &nbsp;   &#160;
       小于号 &lt;     &#60;
       大于号 &gt;     &#62;
       和号   &amp;    &#38;
       引号   &quot;   &#34;
       撇号   &apos; (IE不支持) &#39;

19, 脚本:<script>
20, 属性:
 1> 核心属性:
  属性     值               描述
  class    classname        规定元素的类名(classname)
  id       id               规定元素的唯一 id
  style    style_definition 规定元素的行内样式(inline style)
  title    text             规定元素的额外信息(可在工具提示中显示)

 2> 键盘属性:
  属性      值        描述
  accesskey character 设置访问元素的键盘快捷键。
  tabindex  number    设置元素的 Tab 键控制次序。

21, 事件,参见jsp学习

原创粉丝点击