Java Web简明教程–网页篇[2]–基本标签

简介: Java Web简明教程–网页篇[2]–基本标签

html最基本的就是标签,本章介绍最最基本的几个标签,其实也够用了,其他的碰到的时候再百度下,也不迟嘛。


本章主要内容:


空格、换行、段落

图像

链接

表格

是不是觉得内容不少,其实内容放在一个章节里面真是超级多啊,且听猫哥细细道来。

1,空格、换行、段落

很多人看了就要哈哈大小了,这个简单,空格是键盘space、换行回车、段落嘛前后回车,So Easy!确实很Easy,但是全部不是这样的,还是稍微有点规则的。

你以为下面这个,就是换行、段落了吗?

 猫哥 很帅(这一行有6个空格) 很酷的换行(这一行有2个空格) 真的很帅(这一行有2格空格)  

打开MyEclipse,继续在WebRoot下建立一个LearnLabel.html。然后敲上如上代码,启动Tomcat,在浏览器地址栏输入【http://localhost:8080/WebSiteFirst/LearnLabel.html】,你会发现空格永远都只有一个、换行也没换、段落也么有啊。

所以,此处猫哥隆重介绍 、

登场, 表示一个空格,
表示换行,因为只表示换行,所以中间没有内容

简写成

...

标签中间表示一个段落。

如此,要想实现真实的意图,代码如下:

猫哥      很帅(这一行有6个空格)

 很酷的换行(这一行有2个空格)

 

真的很帅(这一行有2个空格)

你的,明白了?好像

简单点哦,为啥不都用
,哈哈,暂不解释,会用就行。

2,图像

没有图像的网页,太单调了,好吧,不过在html语言中,图像的实现是那么的简单,简单到让人发指,而且一个简简单单的标签,竟有如此强大的功力,实在让人感叹。(猫哥是做C/S结构程序出身的,故有此感概,在桌面应用程序中,图片的实现还是挺有难度的哦)。

好的,先了解下的用法 ,如:yyy,其中xxx处填写图片的网络地址或者本地地址、yyy填写图片找不到时候的代替文字,图片找不到的可能性还是非常大的,比如你用的本机的图片,误删除了呢?网上的图片,被删除了呢,所以建议alt还是写上为好。

来个例子,先打开百度首页(www.baidu.com),右键百度图标,复制(IE10),后者复制图片地址(chrome),地址为:http://www.baidu.com/img/bd_logo1.png

所以构造网页:

美丽的图片:百度首页图片

在IE中查看,自己的网页轻而易举的显示了百度的图片,好犀利啊。把src里面造一个东西比如src="luanqibazao.haha.jpg",alt中的文字就出来啦。

好了,src中填写图片网络地址还是so easy的,关键还是填写本地地址,如图所示,在网页TestSrc.html中要显示同目录的pic1.png,上层目录的pic3.png,更深一层目录的pic2.png,怎么显示呢。


其实很简单,同目录在TestSrc.html直接写即可,然后对于pic2,因为folderson跟TestSrc.html同目录也可以直接写,所以为

。比较难想的是上层目录的pic3,这样写,其中两点一斜线,表示上层目录,记住即可。可以去试下,真的都访问到了。如图所示,哈哈,猫哥太懒三张图片复制来的,都是一样的。

代码:

好了,先到这里,剩下的以后再叙。


相关文章
|
4天前
|
Java 测试技术 Python
《手把手教你》系列基础篇(八十)-java+ selenium自动化测试-框架设计基础-TestNG依赖测试-番外篇(详解教程)
【6月更文挑战第21天】本文介绍了TestNG中测试方法的依赖执行顺序。作者通过一个实际的自动化测试场景展示了如何设计测试用例:依次打开百度、搜索“selenium”、再搜索“selenium+java”。代码示例中,`@Test`注解的`dependsOnMethods`属性用于指定方法间的依赖,确保执行顺序。如果不设置依赖,TestNG会按方法名首字母排序执行。通过运行代码,验证了依赖关系的正确性。
26 4
|
6天前
|
Java 开发者 UED
【实战宝典】Java异常处理大师级教程:throws关键字,让异常声明成为你的专属标签!
【6月更文挑战第19天】在Java中,`throws`关键字是异常处理的关键,它提升了方法签名的透明度和代码质量。不使用`throws`时,未捕获的异常可能导致程序崩溃。例如,`readFileContent`方法若不声明`throws IOException`,则隐藏了可能的风险。而明确声明如`throws IOException`,提醒调用者需处理异常,增强代码稳定性。
|
4天前
|
安全 Java 网络安全
Java Socket编程教程:构建安全可靠的客户端-服务器通信
【6月更文挑战第21天】构建安全的Java Socket通信涉及SSL/TLS加密、异常处理和重连策略。示例中,`SecureServer`使用SSLServerSocketFactory创建加密连接,而`ReliableClient`展示异常捕获与自动重连。理解安全意识,如防数据截获和中间人攻击,是首要步骤。通过良好的编程实践,确保网络应用在复杂环境中稳定且安全。
|
5天前
|
druid Java Maven
杨校老师课堂之java_关于如何下载jar包的教程
杨校老师课堂之java_关于如何下载jar包的教程
21 0
|
5天前
|
Java 索引
杨老师课堂_Java教程第四篇之数组运用
杨老师课堂_Java教程第四篇之数组运用
15 0
|
2天前
|
自然语言处理 前端开发 Java
Servlet与JSP:Java Web开发的基石技术详解
【6月更文挑战第23天】Java Web的Servlet与JSP是动态网页的核心。Servlet是服务器端的Java应用,处理HTTP请求并响应;JSP则是结合HTML与Java代码的页面,用于动态内容生成。Servlet通过生命周期方法如`init()`、`service()`和`destroy()`工作,而JSP在执行时编译成Servlet。两者在MVC架构中分工,Servlet处理逻辑,JSP展示数据。尽管有Spring MVC等框架,Servlet和JSP仍是理解Web开发基础的关键。
|
2天前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
【6月更文挑战第23天】构建Java Web应用,Servlet与JSP携手打造在线图书管理系统,涵盖需求分析、设计、编码到测试。通过实例展示了Servlet如何处理用户登录(如`LoginServlet`),JSP负责页面展示(如`login.jsp`和`bookList.jsp`)。应用基于MySQL数据库,包含用户和图书表。登录失败显示错误信息,成功后展示图书列表。部署到Tomcat服务器测试功能。此基础教程为深入Java Web开发奠定了基础。
|
2天前
|
Java 测试技术 Python
《手把手教你》系列基础篇(八十一)-java+ selenium自动化测试-框架设计基础-TestNG如何暂停执行一些case(详解教程)
【6月更文挑战第22天】本文介绍了如何在TestNG中不执行特定测试用例。当部分模块未准备好时,可以通过以下方式暂停测试:③使用`@Test(enabled=false)`注解来禁用测试用例。作者提供了一个Java Selenium自动化测试的示例,展示如何通过修改`enabled`参数控制测试方法的执行。代码中,`testSearch2()`方法被禁用,因此在测试运行时不执行。文章还包含了测试报告和执行过程的截图。
33 7
|
2天前
|
缓存 负载均衡 安全
Servlet与JSP在Java Web应用中的性能调优策略
【6月更文挑战第23天】在Java Web中,Servlet和JSP调优至关重要,以应对高并发和复杂业务带来的性能挑战。优化包括Servlet复用、线程安全、数据库连接池,以及JSP的编译优化、使用JSTL、页面缓存和静态内容分离。全局优化涉及负载均衡、异步处理和缓存策略。通过这些实践,开发者能提升应用响应速度和吞吐量,确保高负载下的稳定运行。
|
2天前
|
搜索推荐 Java 数据库连接
探索Java Web开发:Servlet与JSP的协同工作原理
【6月更文挑战第23天】Java Web开发中,Servlet和JSP协同打造动态网站。Servlet是服务器端的Java程序,处理HTTP请求并执行复杂逻辑;JSP则结合HTML和Java,生成动态内容。Servlet通过`doGet()`等方法响应请求,JSP在首次请求时编译成Servlet。两者常搭配使用,Servlet处理业务,JSP专注展示,通过`RequestDispatcher`转发实现数据渲染。这种组合是Java Web应用的基础,即使新技术涌现,其价值仍然重要,为开发者提供了强大的工具集。