您的位置：首页 > Web前端 > HTML

html 入门

2008-07-26 15:58 453 查看

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                              08/05/14 开学的第一天基础记录：
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

1.HTML(Hyper Text Mark-up Language)即超文本标记语言，是WWW的描述语言，使用标记将文本文档区分成不同的逻辑部分
  向浏览器提供文档的格式信息
  HTML语言是目前制作网页最流行的语言，可以通过浏览器或文本编辑器查看HTML文档
2.HTML历史：其思想源于SGML(Standard Generalized Markup Language)的简写，是定义标记语言的标准，包括HTML,XML在内所有
  的标记语言原则都应由SGML定义
3.HTML标记的形式如下:
  a.<tag [attrList]>开始标签 [</tag>]结束标签 //从语法角度来说,标记必须闭合
  b.<tag [attrList] /> 无标签体的标签(空标签)
4.HTML文件的结构:头部和主体
  <html>
           <head>
                    <title>
                    </title>
           </head>
        <body>
      </body>
  </html>
  a.头部：描述浏览器所需要的一些信息，如文件编码、标题等
   标签:<title>标题<meta>定义页面元信息,主要包含了搜索信息
   <link>用于引入文件<script>指定页面脚本文件等
   <meta>标签分两大部分:
    HTTP标题信息(HTTP-EQUIV):定义响应报头信息,如页面编码,缓存模式等等
    页面描述信息(name):定义页面基本信息,这些信息是提供给网络搜索引擎的
    搜索引擎通过这些信息可以找到页面
   <Meta http-equiv="Content-Type" Content="text/html;Charset=gb2312">
   <Meta http-equiv="Content-Language" Content="zh-CN">
   <Meta http-equiv="Refresh" Content="30;URL=http://www.sodii.com">
   <Meta http-equiv="Expires" Content="0|Wed,26 Feb 1997 08:21:57 GMT">
   <Meta http-equiv="Pragma" Content="No-cach">
   <Meta http-equiv="Cache-Control" Content="no-cache">
   <Meta http-equiv="Widow-target" Content="_top">_blank,_top,_self,_parent
   <Meta http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)">
   <Meta http-equiv="Page-Exit" content="revealTrans(Transition=23,Duration=1.000)">
  b.主体：包含文件的主体内容
   <bgsound src="backgroud_sound.mid" loop="-1">
   设置背景音乐,要在<head>中使用
   <body bgcolor="red|#rrggbb" backgroud="back-ground.gif" topmargin="上边界距离" leftmargin="左边界宽度"
     text="网页文字颜色" link="超级连接的颜色" alink="点击超连接的颜色">
  c.字体:<h#>文字</h#> #=1,2,3,4,5,6 <font size=# color="#rrggbb|color" >文字</font> 或直接只用预定义色彩:
   color=Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua
   <u>下划线</u><code>代码</code><strike>删除线</strike><blink>闪烁</blink><strong>增强</strong>
   <em>强调</em><samp>示例</samp><b>粗体</b><i>斜体</i>
  d.图片:<img>标记用来在页面中插入图片，其语法形式：<imgsrc=#> #=图片URL地址
   <img alt=#> #=未读入图象时，在图象位置显示的文字；图像显示后，当鼠标放在图片上所显示的文字。
   图片位置：<img align=#> #=left, center, right, top, middle, bottom
   图片边框：<img border=#> #=value数字，图像边的宽度
  e.表格:
   <table>...</table> -定义表格 <tr> ...</tr> -定义表行 <th> ...</th> -定义表头 <td> ...</td>-定义表元
   其中，<tr>是<table>的子元素，<td>、<th>是<tr>的子元素，但不能直接做为<table>的子元素
   <td>和<th>一样都是定义列，不同的是<th>定义的是列标题，显示的字体更明显
   <table border="" width="" height="" cellspacing="" cellpadding="" align="" bgcolor="" background="bg.gif">
    <tr bgcolor="">
     <th align="left|center|right" valign="top|middle|bottom">Food</th>
     <th bgcolor="">Drink</th>
     <th>Sweet</th>
    </tr>
    <tr>
     <td>A</td>
     <td>B</td>
     <td>C</td>
    </tr>
   </table>
  f.列表:
   无序列表<UL><LI>姓名<LI>生日<LI>星座</UL>
   有序列表<OL type="A|a|1|i|I"><LI>姓名<LI>生日<LI>星座</OL>
  g.链接:
   外部链接<a href=http://www.csst.com.cn>中软</a><a href=“1.htm”>查看？</a>前者为绝对路径，后者为相对路径。
   内部链接<a href=“#1”>查看第一部分</a><a name=“1”>
  h.表单:表单的作用：动态网页技术中，表单的作用是十分重要的，用户与服务器的交互就是通过表单来完成的。
   <form action=“…”method=“…”> （1）
    <input type=“button|te
4000
xt|password|hidden|radio|checkbox”/> （2）
    <textarea ></textarea>
    <select name="">
    <option value="">
    <option value="">
    </select>
    ……
    <input type=“reset|submit”/> （3）
   </form>
  i.分区<div></div>
  j.文字分片<span></span>
5.frameset框架:
  a.加入框架的页面不需要<body>元素，使用frameset
  b.左右分：
   <FRAMESET COLS="120,*" >
    <FRAME SRC="a.htm" NAME="1">
    <FRAME SRC="b.htm" NAME="2">
   </FRAMESET>
  c.上下分：
   <FRAMESET ROWS="100,*">
    <FRAME SRC="b.htm" NAME="2">
    <FRAME SRC="c.htm" NAME="3">
   </FRAMESET>
  d.frameset属性
    COLS=“120,*”左右分，可一次分多个，如，分三个：COLS=“30,*,50”
    ROWS=“120,*”上下分，同上
    frameborder=0 设定框架的边框，0 和1 ，0 不要边框，1 显示边框。
    framespacing=5 框架与框架间空白的距离。
  e.frame属性
    SRC=“a.htm”当前框架显示的网页URL
    NAME="1" 框架名称
    frameborder=0 框架的边框，0 和1 ，0 不要边框，1 显示边框。
    scrolling="no" 是否显示滚动条，YES显示，NO不显示，AUTO视情况显示。
    noresize 不让使用者改变大小。
    marginhight=2 框架高度部份边缘所保留的空间。
    marginwidth=2 框架宽度部份边缘所保留的空间。
  f.当浏览器不支持框架时，显示提示信息<noframe>请换有支持Frame功能的浏览器</noframe>
   在框架中打开另一窗口：<A HREF=“http://www.csst.com”target=_top>松迪科技</A>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 框架 transition 浏览器语言文档

相关文章推荐

新的分享

章节导航