html--心得1

 入门：
    位于 <head> 标签和 </head> 标签之间的文本是头信息。头信息不会显示在浏览器窗口中。
<title> 标签中的文本是文件的标题。标题会显示在浏览器的标题栏。
<body> 标签中的文本是将被浏览器显示出来的文本。
    如果您希望为使用下一代 HTML 而做好准备，您就应该使用小写标签。万维网联盟 (W3C) 的标准是：建议在 HTML 4 中使用小写标签，而在 XHTML（下一代 HTML）中，必须使用小写标签。
     如果您使用新近的软件，我们认为使用 .html 是相当安全的做法。
     您可以使用所见即所得的编辑器而不是纯文本编辑器，这样会更轻松的编辑 HTML 文件。比方说 FrontPage, Claris Home Page, 或者 Adobe PageMill。
     但是，如果您希望成为一名熟练的开发人员，我们强烈推荐您使用纯文本编辑器来学习我们的《HTML 基础教程》。
   一般编写的html用的都是过渡型的——新旧版本兼容。for example：Transitional（过渡）、strict（严格）
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
1.color可以用英语和十六进制表示。十六进制如：#FFFFFF表示白色，#OOOOOO表示黑色。
2.网站开发的主要原则是：
用标签元素HTML描述网页的内容结构；
用CSS描述网页的排版布局；
用JavaScript描述网页的事件处理，即鼠标或键盘在网页元素上的动作后的程序
3.在元素的起始标签中，可以包含“属性”来表示元素的其他特性，想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择 。
        格式：<标签名 属性名='属性值'> 数据内容 </标签名>
                  <标签名 属性名='属性值' />
属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。多个属性之间以空格分隔，不区分先后顺序。
    <hr  size=“3”  align=“left”  width=”75%”>
4.注意：
? 文件的扩展名要以.html或.html结束。
? 文件名中只可由英文字母、数字或下划线组成。
? 文件名中不要包含特殊符号，比如空格、$等。
? 文件名是区分大小写的，在Unix和Windows主机中有大小写的不同。
? 网站首页文件名默认是index.htm或index.html。
   在代码中，不区分大小写，比如，将<head>写成<HEAD>或<Head>都可以。
   任何空格或回车在代码中都无效，插入空格或回车有专用的标记，分别是&nbsp、<br>。因此，不同的标记间用回车键换行再编写是个不错的习惯。
5.head元素中可以包含下述一些元素:
    title元素：文件标题声明
    link元素和style元素常用于CSS
    script元素用于脚本
    meta元素 元信息
    <base> 超链接网址基准参考点
   <base  href="http://www. sina.com.cn" target="_self">
   <base href=”文件路径” target=“目标窗口”>
6.<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

   <meta name=”” content=””>
   <meta http-equiv=”” content=””>

name 属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。
http-equiv 属性：模拟HTTP协议的响应消息头。
   <META  http-equiv="refresh"  content=“2">
   表示每隔2秒，自动刷新网页。
example:(对比)
   A..<META  http-equiv="refresh"  content=“2;url=http://www.sina.com.cn">
  表示打开此页面2秒后自动跳转到新浪
   B..<META  http-equiv="refresh"  content="3">
  <base target="_blank"></base>
  <base href="http://www.hao123.com/"></base>
7.设置页面边距:topmargin、leftmargin、
                          rightmargin、bottomnargin
              设置显示内容与浏览器的距离
<body leftmargin= ” 像素 ” topmargin= ” 像素 ” >
8.添加注释<！--  -->
     给代码添加注释语句时，可以放在HTML文件的任何地方，都不会在网页中被显示出来。
    在HTML文件中，添加空格需要使用代码“&nbsp；”控制，需要多少个空格就需要添加多少个“&nbsp；”。
9. <b> … </b> 粗
    <i> … </i> 斜
    <s> … </s> 删
    <u> … </u> 下划
    <sub> … </sub> 下标           X<sub>2</sub>
    <sup> … </sup> 上标           O<sup>2</sup>
    <tt> … </tt> 电报
    <code>…</code> 源代码
    <samp>…</ samp >示例
    <kdb>…</ kdb >键盘输入
    <address> … </address> 地址        自动倾斜  
    <big> … </big> 大字
    <del> … </del> 删除
    <ins>...</ins> 修改
    <samll> … </small> 小字
    <strong> … </strong> 加强语气 ( 加粗 )
    <em>...</em> 加强语气 ( 倾斜 )
    默认斜体
      cite。引文
      dfn。定义
      var。程序变量
    缩写与缩略
      abbr。缩写。
      acronym。缩略。不变
    内容
      del。删除内容。默认删除线
      ins。插入内容。默认下划线
      q。引用。有效果
10.<bdo> 元素可覆盖默认的文本方向。

   <bdo dir="rtl">
          Here is some Hebrew text
   </bdo>
  属性dir:  值ltr   rtl  定义文字的方向
11.特殊字符插入特殊符号 字符实体
     大于号 (>)      &gt;
     小于号 (<)             &lt; 
      引号 (“)      &quot;
       空格          &nbsp;
       元  ￥           &yen;
         ?           &reg;
         ?           &copy;
        & 号           &amp;                 
12.属性名称    属性值      说明
     size        0-7       字体大小
     color      英文或十六   超过改值的无法表示用css来补充
     face        字体        字体   最好不要用，防止别人没有该字体
   例如：<font size=”7” color=”#ff6600” face=“楷体”>hello</font>
 <P align="left">左对齐显示<P>
<P align="center">居中显示<P>
<P align="right">右对齐显示<P>        
   <p><blockquote cite="http://www.baidu.com">文字<blockquote><p>
13.属性         说明
   width        设置水平线宽度，可以是像素也可以是百分比
   size         设置水平线高度
   noshade      。。。。。无阴影
   color        。。。。。颜色
   align        。。。。。居中对齐
  向中对齐 <center> ( 被废弃的标签 )
                      。。。。。。
  格式： <center> … </center>

posted @ 2012-05-25 10:00  yangkai_keven  阅读(115)  评论(0)  编辑  收藏  举报