JOE个人网站

JOE个人网站，不仅仅是一个网站，更像是一个展现自我的平台，致力于让朋友们都可以
有所感触，有所收获。

HTML语法

2017-12-19 10:13:24 
1、单标签笔双标签
  单标签：<br /> <hr /> <img /> <input /> <meta /> <link /> <base /> <frame />
  双标签：大部分标签，如：<title>标题</title>

2、标签属性
  <标签 属性名=“属性值”> 可用双引号，单引号，不加引号；推荐使用双引号，如：
  <a href=http://www.baidu.cm>这里是链接</a>

3、大小写不敏感
  必须用小写 如<body> 而不是<BODY> <BoDy>

4、文档注释
  <!-- 注释内容 -->

5、排版
  半角空格没反应
  全角空格有反应
  回车看作半角空格

6、字符实体
  空格  &nbsp;
  小于号  &lt;
  大于号  &gt;
  和号(&)  &amp;
  引号  &quot;
  撇号  &apos; (IE不支持)
  版权  &copy;

7、颜色设置
  RGB
  R:red
  G:green
  B:blue
  常用的16种颜色：auqa、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow

8、图像标签
  <img src="" />
  属性：
    width、height、alt、title、border

9、超链接
  <a href="">链接文字</a>
  属性：
    href:链接地址
    target:
          _self:当前窗口中打开，默认值；
          _blank:新建窗口打开；
          _parent:父级窗口打开，用于框架；
          _top:顶层窗口打开，用于框架。

10、锚点
  <a name="madian1" />
  <a href="#maodian1">点击此处</a>
  <a href="other.html#maodian1">点击此处</a>
  <a href="#">返回顶部</a>

11、表格
  表格标签：<table>  用于定义一个表格
    属性：
         align - 水平位置 有三个值 默认的是left ,center(居中) ,right(居右)
         border - 边框线
         width - 整个表格的宽度
         height - 整个表格的高度
         cellspacing - 单元格的外边距
         cellpadding - 单元格的内边距
  行标签：<tr>
    可用属性：
         align: left,center,right
         valign: top,middle,bottom
         bgcolor;
  单元格标签：<td>,<th>
    属性：width,height,valign,align,rowspan,colspan;
  标题标签：<capiton>

11、框架
  <frameset>  不能与body共存
    属性：cols,rows,frameborder,border;
  <frame>
    属性：src,name,noresize,scrolling;
如：
 <frameset rows="20%,*" frameborder="1" border="5">
  <frame src="./top.html" name="top"/>
  <frameset cols="20%,*">
   <frame src="./left.html" name="left" noresize="noresize" scrolling="auto"/> 
   <frame src="./right.html" name="right"/>
  </frameset>
 </frameset>

---------------------------------

要加body体中添加窗体，用iframe,如：
    <iframe src="c.html"></iframe>

补充：
  1、路径
 相对路径 ./ 当前目录下的 ../上级目录下的
 绝对路径 c:/a/b/d.jpg
   在浏览器中为了兼容性，如果要用绝对路径请加file:/// 如
   <img src="file:///C:/Documents and Settings/Administrator/桌面/59_2012_12_17_html3/b.jpg" width="300" height="300" alt="这是一张图" title="着真的是一张图" border="100"/>

 注意：使用相对地址而不用绝对地址

2、超链接地址
 <a href="http://www.baidu.com">百度</a> 一定要加http:// 这样浏览器才知道你要访问的是一个远程的网站而不是本地的一个文件夹

3、vim里快铺DTD头：  输入 doctype->Tab键->6->回车
   内容：  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">