Java Web Learning Notes

• 超链接与图片标记
• CSS样式表
• JavaScript
• JSP

---

Web 前端开发

1. 超链接与图片标记

超链接标记：在网站中实现从一个页面跳转到另一个页面。
图片标记:为浏览器的Web页面添加图片。

超链接标记 <a>

<a href=""></a>

图像标记 <img>

<img src="url" width="value" height="" border="" alt="提示文字">

2. CSS(Cascading Style Sheets)样式表

重新定义HTML页面的文字显示样式。

链接外部

<link rel="stylesheet" href="my.css">  <!-- 页面引入CSS样式表 -->

3. JavaScript脚本语言

JavaScript 是一种基于对象和事件驱动并具有安全性能的解释型脚本语言。
不需要编译，直接嵌入在HTML页面中，把静态页面转变成支持用户交互并响应应用事件的动态页面。

页面嵌入

<script language="javascript">
    var now=new Date(); //获取Date对象的一个实例
</script>

链接外部

<script language="javascript" src="javascript.js"></script>

注释

• 单行注释: // 注释文本
• 多行注释: /* 注释文本 */

4. JSP

简介

• JSP(Java Server Pages): 是由 Sun 公司倡导许多公司参与而剪辑的动态网页技术标准。
• JSP网页: HTMAL代码嵌入Java代码片段(Scriptlet)和JSP标签构成。

JSP页面-5元素

主要由指令标签、HTML标记语言、注释、嵌入Java代码、JSP动作标签五个元素组成。

注释

• Java代码注释:

<%
//单行注释
/*
多行注释
*/
%>

<% /**JavaDoc注释，用于成员注释*/ %>

• JSP注释: <%-- 注释文本 --%>,浏览器查看网页源码看不到注释内容。

• HTML注释:<!-- 注释文本 -->，浏览器查看网页源码可以看到注释内容。

  • 快捷键: ctrl+/注释掉当前整行；c+tab生成 <!-- -->。