标记语言之Html学习

最新推荐文章于 2021-06-03 16:34:23 发布

weixin_34368949

最新推荐文章于 2021-06-03 16:34:23 发布

阅读量63

点赞数

原文链接：http://www.cnblogs.com/james-zhan/p/6581393.html

版权

Html是超文本标记语言，其不是一种编程语言，而是用标记标签来描述网页的标记语言。而用于手机上现在常用Html5，使用Html5可以在手机上打开网页，并且根据手机的分辨率自动适配合适的显示大小且更新的速度快，是包含了Html、CSS、JavaScript在内的一套技术组合。

Html中各个标签对的意思请参考下面的网站进行学习：

http://www.w3school.com.cn/h.asp

下图为一个Html写的界面程序将其嵌入到Activity中，由于没有用Html5写程序可能到不同的分辨率上显示的效果有差异，其效果为：

代码如下：

<span style="font-size:18px;"><html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<style>
			div#login {background-color:#C0C0C0;width:310px;height:200px;vertical-align:middle}
		</style>
		
	</head>
	<body >	
		<img src=".\img\meinv.jpg" width="310" height="200"></img>			
		<div id="login" align="center">
			<br/>
				登录注册界面
			<form action="http://192.168.1.153:8080/html/login_servlet" method="post">
				<br/>
				账	号：<input id="usernametxt" type="text" name="username" />
				<br/>
				<br/>
				密	码：<input id="passwordtxt" type="password" name="password" />
				<br/>
				<br/>
				<input id="loginbtn" type="submit" value="登录" οnclick="tologin()"/>
				<input id="registbtn" type="submit" value="注册" οnclick="toregist()"/>
			</form>
		</div>
		
	</body>
</html>
</span>

上述代码中style为定义的块div的样式，form中action则是连接Tomcat服务器地址。

在java程序服务端代码，我是用myeclipse编写的，其代码如下：

<span style="font-size:18px;">package com.sc.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class LoginServlet extends HttpServlet {
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		String userName = req.getParameter("username");
		String passWord = req.getParameter("password");
		if(userName.equals("admin")&&passWord.equals("123456")){
			resp.sendRedirect("http://www.baidu.com");
		}else{
			resp.sendRedirect("http://192.168.1.153:8080/html/index.html");
		}
	}
}
</span>

在web.xml中进行对于的注册信息，其代码如下：

<span style="font-size:18px;"><?xml version="1.0" encoding="UTF-8"?>	

<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

  <servlet>
  <servlet-name>LoginServlet</servlet-name>
  <servlet-class>com.sc.servlet.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
  <servlet-name>LoginServlet</servlet-name>
  <url-pattern>/login_servlet</url-pattern>
  </servlet-mapping>
  
</web-app></span>

将上述的布局文件，图片资源，编译后的class文件等全部放在Tomcat中webapps文件夹下的同一个文件夹中，这样方便访问，如下图所示：

在手机上显示的Activity代码如下：

<span style="font-size:18px;">package com.sc.android.ui.webview;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.webkit.WebSettings;
import android.webkit.WebView;

import com.sc.android.R;

public class WebViewActivity extends Activity {
	private WebView mWebView;
	private String mUrl = "http://192.168.1.153:8080/html/login.html";

	@SuppressLint("SetJavaScriptEnabled")
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_webview_layout);

		mWebView = (WebView) findViewById(R.id.web_view);
		// mWebView.getSettings().setDefaultTextEncodingName("GB2312");
		mWebView.loadUrl(mUrl);

		WebSettings webSettings = mWebView.getSettings();
		webSettings.setJavaScriptEnabled(true);//与Js建立关系
	}
}
</span>

其xml布局中只需放置一个WebView控件即可，此处代码就不再列出。

注意：在编译的时候要注意文字的编码要统一，不然就会出现乱码的现象。

转载于:https://www.cnblogs.com/james-zhan/p/6581393.html

weixin_34368949

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
标记语言之Html学习

Html是超文本标记语言，其不是一种编程语言，而是用标记标签来描述网页的标记语言。而用于手机上现在常用Html5，使用Html5可以在手机上打开网页，并且根据手机的分辨率自动适配合适的显示大小且更新的速度快，是包含了Html、CSS、JavaScript在内的一套技术组合。 Html中各个标签对的意思请参考下面的网站进行学习： http...
复制链接

扫一扫