什么是html?什么是自定义HTML?

什么是html?什么是自定义HTML?,第1张

HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面!

也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文字处理器(如Mcrosoft Word\记事本\写字板等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

HTML只不过是组合成一个文本文件的一系列标签。它们像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。

HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragraph),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化(例如,开始一个新段落),其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息--例如标题。

关于标签,需要记住的是,它们是成双出现的。每当使用一个标签--如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如,<input>标签就不需要。

基本HTML页面以<html>标签开始,以</html>结束。在它们之间,整个页面有两部分--标题和正文。

标题词--夹在<head>和</head>标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。

那么让我们建立一个简单的范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文,扩展名也可是HTM)。然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。

创建PageController,编码如下:

package org.springboot.sample.controller

import java.util.Date

import java.util.Map

import org.springframework.beans.factory.annotation.Value

import org.springframework.stereotype.Controller

import org.springframework.ui.Model

import org.springframework.web.bind.annotation.RequestMapping

import org.springframework.web.servlet.ModelAndView

@Controller

public class PageController {

// 从 application.properties 中读取配置,如取不到默认值为Hello Shanhy

@Value("${application.hell:Hello Shanhy}")

private String hello = "Hello Shanhy"

/**

* 默认页<br/>

* @RequestMapping("/") 和 @RequestMapping 是有区别的

* 如果不写参数,则为全局默认页,加入输入404页面,也会自动访问到这个页面。

* 如果加了参数逗/地,则只认为是根页面。

*

* @return

* @author SHANHY

* @create 2016年1月5日

*/

@RequestMapping(value = {"/","/index"})

public String index(Map<String, Object>model){

// 直接返回字符串,框架默认会去 spring.view.prefix 目录下的 (index拼接spring.view.suffix)页面

// 本例为 /WEB-INF/jsp/index.jsp

model.put("time", new Date())

model.put("message", this.hello)

return "index"

}

/**

* 响应到JSP页面page1

*

* @return

* @author SHANHY

* @create 2016年1月5日

*/

@RequestMapping("/page1")

public ModelAndView page1(){

// 页面位置 /WEB-INF/jsp/page/page.jsp

ModelAndView mav = new ModelAndView("page/page1")

mav.addObject("content", hello)

return mav

}

/**

* 响应到JSP页面page1(可以直接使用Model封装内容,直接返回页面字符串)

*

* @return

* @author SHANHY

* @create 2016年1月5日

*/

@RequestMapping("/page2")

public String page2(Model model){

// 页面位置 /WEB-INF/jsp/page/page.jsp

model.addAttribute("content", hello + "(第二种)")

return "page/page1"

}

}123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566

pom.xml添加依赖:

<dependency>

<groupId>org.apache.tomcat.embed</groupId>

<artifactId>tomcat-embed-jasper</artifactId>

<scope>provided</scope>

</dependency>

<dependency>

<groupId>javax.servlet</groupId>

<artifactId>jstl</artifactId>

</dependency>123456789

上面说了spring-boot 不推荐JSP,想使用JSP需要配置application.properties。

添加src/main/resources/application.properties内容:

# 页面默认前缀目录

spring.mvc.view.prefix=/WEB-INF/jsp/

# 响应页面默认后缀

spring.mvc.view.suffix=.jsp

# 自定义属性,可以在Controller中读取

application.hello=Hello Shanhy123456

在 src/main 下面创建 webapp/WEB-INF/jsp 目录用来存放我们的jsp页面。

index.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Spring Boot Sample</title>

</head>

<body>

Time: ${time}

<br>

Message: ${message}

</body>

</html>12345678910111213

page1.jsp

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Spring Boot Sample</title>

</head>

<body>

<h1>${content }</h1>

</body>

</html>1234567891011

要想让spring-boot支持JSP,需要将项目打成war包。

我们做最后一点修改,修改pom.xml文件,将 jar 中的 jar 修改为 war

然后启动spring-boot服务。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6998857.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-31
下一篇2023-03-31

发表评论

登录后才能评论

评论列表(0条)

    保存