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,这样写,其中两点一斜线,表示上层目录,记住即可。可以去试下,真的都访问到了。如图所示,哈哈,猫哥太懒三张图片复制来的,都是一样的。

代码:

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


相关文章
|
3天前
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
|
17天前
|
NoSQL Java 关系型数据库
Liunx部署java项目Tomcat、Redis、Mysql教程
本文详细介绍了如何在 Linux 服务器上安装和配置 Tomcat、MySQL 和 Redis,并部署 Java 项目。通过这些步骤,您可以搭建一个高效稳定的 Java 应用运行环境。希望本文能为您在实际操作中提供有价值的参考。
95 26
|
26天前
|
Java 开发者 微服务
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
48 6
Spring Boot 入门:简化 Java Web 开发的强大工具
|
24天前
|
安全 Java 编译器
Kotlin教程笔记(27) -Kotlin 与 Java 共存(二)
Kotlin教程笔记(27) -Kotlin 与 Java 共存(二)
|
24天前
|
Java 开发工具 Android开发
Kotlin教程笔记(26) -Kotlin 与 Java 共存(一)
Kotlin教程笔记(26) -Kotlin 与 Java 共存(一)
|
1月前
|
Java 编译器 Android开发
Kotlin教程笔记(28) -Kotlin 与 Java 混编
Kotlin教程笔记(28) -Kotlin 与 Java 混编
33 2
|
1月前
|
Java Maven Spring
Java Web 应用中,资源文件的位置和加载方式
在Java Web应用中,资源文件如配置文件、静态文件等通常放置在特定目录下,如WEB-INF或classes。通过类加载器或Servlet上下文路径可实现资源的加载与访问。正确管理资源位置与加载方式对应用的稳定性和可维护性至关重要。
59 6
|
1月前
|
存储 安全 搜索推荐
理解Session和Cookie:Java Web开发中的用户状态管理
理解Session和Cookie:Java Web开发中的用户状态管理
74 4
|
23天前
|
Java 数据库连接 编译器
Kotlin教程笔记(29) -Kotlin 兼容 Java 遇到的最大的“坑”
Kotlin教程笔记(29) -Kotlin 兼容 Java 遇到的最大的“坑”
42 0
|
1月前
|
Java 开发工具 Android开发
Kotlin教程笔记(26) -Kotlin 与 Java 共存(一)
Kotlin教程笔记(26) -Kotlin 与 Java 共存(一)