web前端——简单的网页布局案列

✨博主：命运之光 

专栏：Python星辰秘典

专栏：web开发（简单好用又好看）

❤️专栏：Java经典程序设计

☀️博主的其他文章：点击进入博主的主页

目录

 问题背景

 解决样例

网页版

手机版

源代码

 代码的使用方法（超简单什么都不用下载）

1.打开记事本 

2.将上面的源代码复制粘贴到记事本里面将文件另存为HTML文件点击保存即可

3.打开html文件（大功告成(●'◡'●)）

总结

---

问题背景

将网页布局成上面的样子。

 解决样例

网页版

手机版

源代码

    
    
    
    




    
网页中的文字
    

    

        
锦瑟
        锦瑟无端五十弦，一弦一柱思华年。
        
庄生晓梦迷蝴蝶，望帝春心托杜鹃。
        
沧海月明珠有泪，蓝田日暖玉生烟。
        
此情可待成追忆，只是当时已惘然。
    
    

    
使用<code>标签输入计算机代码。


int main(){
    int x;
    printf("请输入一个十进制整数：\n");
    scanf("%d",&x);
    printf("输入十进制整数为：%d\\n");
    doctob{x};
    doctob{x};
    doctob{x}; 
}

    

    
使用<pre>标签输入计算机代码。

int main(){
    int x;
    printf("请输入一个十进制整数：\n");
    scanf("%d",&x);
    printf("输入十进制整数为：%d\\n");
    doctob{x};
    doctob{x};
    doctob{x}; 
}

 代码的使用方法（超简单什么都不用下载）

1.打开记事本 

2.将上面的源代码复制粘贴到记事本里面将文件另存为HTML文件点击保存即可

3.打开html文件（大功告成(●'◡'●)）

---

总结

学校简单的入门案列，分享给大家。

---

本章的内容就到这里了，觉得对你有帮助的话就关注一下博主吧~

点击下方个人名片，交流会更方便哦~
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓