骑猪闯天下

J2ME随笔,记录成长的脚步

统计

留言簿(3)

阅读排行榜

评论排行榜

[HTML-原创] HTML学习手记

HTML 学习手记

20080919 开始学习Web开发相关知识,首先是HTML,零星的记录下学到的东西,供自己查阅。

1.框架

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> // 第一部分

<html>     // 第二部分html开始
  
<head>  // 第三部分head,其中包括:头标题title 和 字符集等设置
    
<title>dcfHtml.html</title>
    
    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    
<meta http-equiv="description" content="this is my page">
    
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  
</head>
  
  
<body> // 第四部分body
    This is my HTML page. 
<br>
  
</body>
  
</html>


2. 注释
页面中的注释可分为两种:HTML注释和JSP注释

2.1. HTML注释
    HTML注释处在符号“ <!--” 与 “ -->”之间,JSP不会解释HTML注释,但在客户端页面的源代码中可以查看到,格式如下:
            <!--     注释内容   -->

2.2 JSP注释
    A.     <%--    注释内容   -->          :会被JSP忽略,一般对Java程序片做说明;
    B.     //  注释内容                          :单行注释
    C.    /*  注释内容 */                      :单行注释,也可以多行注释
    D.    /** 注释内容 */                      :Java特有的doc注释

程序代码:
<html>

<head><title>注释</title></head>

<body>

<!--这些是显示注释,不在页面中显示,但可以在客户端HTML源文件中看到,会被JSP引擎解释-->

<!--例如,本文件加载日期为<%new java.util.Date().toLocalString()%>-->

<%--这些是JSP隐式注释,不在页面和客户端HTML源文件中显示--%>

   <%--注意:下面的是放置程序片段的, 不是注释,区别是少两个减号。--%>
<%

      Connection conn
=null;

      
String rul="jdbc:mysql://localhost:3306/space_web";

      
//加载数据库驱动并取得数据库连接

    Class.forName(
"com.mysql.jdbc.Driver").newInstance();

/*这一段和上一段都是

    JAVA风格的注释
*/

   conn
=DriverManager.getConnection(url,user,passw);

%>

3. 遇到的问题
    A>. 运行时提示无法找到驱动 Driver, 重启一次好了;
    B>. 新建JSP时,系统自带的配置如<%  %>里的一些东西,影响运行,这个看报错即可定位;
    C>. 语法错误,系统不能立刻提示有点不爽,待找插件;


4. Span的用法    

SPAN元素被加入到HTML中以允许网页制作者给出样式但无须附加在一个HTML的结构元素上。SPAN在样式表中作为一个选择符使用,而且它也能接受STYLECLASSID属性。

SPAN是一个内联元素,所以它可以作为HTML中的元素如EMSTRONG使用。最重要的差别在于虽然EMSTRONG带有结构的意义,但SPAN就没有这样的意义。它的存在纯粹是应用样式,所以当样式表失效时它就没有任何的作用。

一些SPAN例子如下:

        
<HTML>

    
<HEAD>
        
<TITLE>SPAN的例子</TITLE>
        
        
<STYLE TYPE="text/css" MEDIA="screen, print, projection">
            <!--
              .firstwords 
{ font-variant: small-caps }

            -->

        
</STYLE>
        
    
</HEAD>

<BODY>
<P><SPAN CLASS=firstwords>The first few words</SPAN>前面是段落中少数的文字,会是小型大写字母。
样式也可以内联,如改变文字的样式为
<SPAN STYLE="font-family: Arial">Arial</SPAN>.</P>
   

posted on 2008-09-19 10:44 骑猪闯天下 阅读(227) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航: