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

代码:

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


相关文章
|
7月前
|
JavaScript NoSQL Java
接替此文【下篇-服务端+后台管理】优雅草蜻蜓z系统JAVA版暗影版为例-【蜻蜓z系列通用】-2025年全新项目整合搭建方式-这是独立吃透代码以后首次改变-独立PC版本vue版搭建教程-优雅草卓伊凡
接替此文【下篇-服务端+后台管理】优雅草蜻蜓z系统JAVA版暗影版为例-【蜻蜓z系列通用】-2025年全新项目整合搭建方式-这是独立吃透代码以后首次改变-独立PC版本vue版搭建教程-优雅草卓伊凡
353 96
接替此文【下篇-服务端+后台管理】优雅草蜻蜓z系统JAVA版暗影版为例-【蜻蜓z系列通用】-2025年全新项目整合搭建方式-这是独立吃透代码以后首次改变-独立PC版本vue版搭建教程-优雅草卓伊凡
|
3月前
|
Oracle Java 关系型数据库
java 编程基础入门级超级完整版教程详解
这份文档是针对Java编程入门学习者的超级完整版教程,涵盖了从环境搭建到实际项目应用的全方位内容。首先介绍了Java的基本概念与开发环境配置方法,随后深入讲解了基础语法、控制流程、面向对象编程的核心思想,并配以具体代码示例。接着探讨了常用类库与API的应用,如字符串操作、集合框架及文件处理等。最后通过一个学生成绩管理系统的实例,帮助读者将理论知识应用于实践。此外,还提供了进阶学习建议,引导学员逐步掌握更复杂的Java技术。适合初学者系统性学习Java编程。资源地址:[点击访问](https://pan.quark.cn/s/14fcf913bae6)。
294 2
|
8月前
|
消息中间件 Java 数据库
自研Java框架 Sunrays-Framework使用教程「博客之星」
### Sunrays-Framework:助力高效开发的Java微服务框架 **Sunrays-Framework** 是一款基于 Spring Boot 构建的高效微服务开发框架,深度融合了 Spring Cloud 生态中的核心技术组件。它旨在简化数据访问、缓存管理、消息队列、文件存储等常见开发任务,帮助开发者快速构建高质量的企业级应用。 #### 核心功能 - **MyBatis-Plus**:简化数据访问层开发,提供强大的 CRUD 操作和分页功能。 - **Redis**:实现高性能缓存和分布式锁,提升系统响应速度。 - **RabbitMQ**:可靠的消息队列支持,适用于异步
自研Java框架 Sunrays-Framework使用教程「博客之星」
|
7月前
|
数据采集 前端开发 JavaScript
如何利用Java和Kotlin实现动态网页内容抓取
如何利用Java和Kotlin实现动态网页内容抓取
|
9月前
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
8101 4
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
|
8月前
|
Java 数据库连接 数据处理
探究Java异常处理【保姆级教程】
Java 异常处理是确保程序稳健运行的关键机制。它通过捕获和处理运行时错误,避免程序崩溃。Java 的异常体系以 `Throwable` 为基础,分为 `Error` 和 `Exception`。前者表示严重错误,后者可细分为受检和非受检异常。常见的异常处理方式包括 `try-catch-finally`、`throws` 和 `throw` 关键字。此外,还可以自定义异常类以满足特定需求。最佳实践包括捕获具体异常、合理使用 `finally` 块和谨慎抛出异常。掌握这些技巧能显著提升程序的健壮性和可靠性。
131 4
|
8月前
|
存储 移动开发 算法
【潜意识Java】Java基础教程:从零开始的学习之旅
本文介绍了 Java 编程语言的基础知识,涵盖从简介、程序结构到面向对象编程的核心概念。首先,Java 是一种高级、跨平台的面向对象语言,支持“一次编写,到处运行”。接着,文章详细讲解了 Java 程序的基本结构,包括包声明、导入语句、类声明和 main 方法。随后,深入探讨了基础语法,如数据类型、变量、控制结构、方法和数组。此外,还介绍了面向对象编程的关键概念,例如类与对象、继承和多态。最后,针对常见的编程错误提供了调试技巧,并总结了学习 Java 的重要性和方法。适合初学者逐步掌握 Java 编程。
138 1
|
9月前
|
NoSQL Java 关系型数据库
Liunx部署java项目Tomcat、Redis、Mysql教程
本文详细介绍了如何在 Linux 服务器上安装和配置 Tomcat、MySQL 和 Redis,并部署 Java 项目。通过这些步骤,您可以搭建一个高效稳定的 Java 应用运行环境。希望本文能为您在实际操作中提供有价值的参考。
536 26
|
8月前
|
前端开发 Java 开发工具
Git使用教程-将idea本地Java等文件配置到gitte上【保姆级教程】
本内容详细介绍了使用Git进行版本控制的全过程,涵盖从本地仓库创建到远程仓库配置,以及最终推送代码至远程仓库的步骤。
384 0
|
9月前
|
安全 Java 编译器
Kotlin教程笔记(27) -Kotlin 与 Java 共存(二)
Kotlin教程笔记(27) -Kotlin 与 Java 共存(二)