JavaWeb基础知识：Html和Css实战WebView实现手机显示网页

最新推荐文章于 2024-04-03 17:05:10 发布

万合天宜

最新推荐文章于 2024-04-03 17:05:10 发布

阅读量2.7k

点赞数 2

分类专栏： JavaWeb相关文章标签： android html css webview 手机

本文链接：https://blog.csdn.net/u013443865/article/details/52008556

版权

本文介绍了使用Html和Css进行实战编程，包括程序猿小网页、人人网注册页面和7881主页的实现。接着详细讲解如何利用Android的WebView控件，展示如何在手机上加载并显示7881网页，包括将网页部署到服务器、配置Android工程以及关键代码示例。

摘要由CSDN通过智能技术生成

Html、Css实战和WebView实现手机显示网页

1.html与css实战

1.1 程序猿小网页

先来看一下效果图
编程用图如下

实现代码如下

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title></title>

        <style>
            #pic{
                position: relative;
                float: left;

            }
            #text{              
                width: 400;
                height: 200;
                position: relative;
                float: left;
                font-size: 25px;
                font-family: "arial black";
                margin-top: 70px;
            }
        </style>

    </head>

    <body>

        <div id="pic">
            <img src="img/程序猿.png" width="600" height="600"/>
        </div>

        <div id="text">
            <b>
                <p>爱<font size="6">学习</font>，爱<font size="6" color="darkred">编程</font>，爱<font size="6">咖啡可乐</font></p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;爱<font size="6">挑战</font>，爱<font size="6">钻研</font>，爱<font size="6">打游戏</font>   </p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;爱<font size="6">晚起</font>，也爱<font size="6" color="darkred">工作到深夜</font></p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我<font size="6">擅长技术</font>，崇尚<font size="6">简单</font>和<font size="6">懒惰</font></p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我<font size="6" color="darkred">神秘</font>而<font size="6" color="darkred">孤僻</font>，<font size="6">沉默</font>而<font size="6">爱憎分明</font></p>
                <p><font size="5" color="darkred">DON'PANIC! </font>&nbsp;&nbsp;I'm a programe

最低0.47元/天解锁文章

万合天宜

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb基础知识：Html和Css实战WebView实现手机显示网页

Day02 Html、Css实战和WebView实现手机显示网页1.html与css实战1.1 程序猿小网页先来看一下效果图编程用图如下实现代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #pic{
复制链接

扫一扫