首页 > 其他分享 >第一个html

第一个html

时间:2024-04-17 13:12:46浏览次数:22  
标签:第一个 kabaiye color section html font margin size

预览

源代码

<html>
<head><title>kabaiye个人简历
    </title><style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
        }
        .container {
            width: 800px;
            margin: 0 auto;
            background-color: white;
            padding: 20px;
        }
        .profile {
            display: flex;
            align-items: center;
        }
        .profile img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            margin-right: 20px;
        }
        .profile h1 {
            font-size: 64px;
            margin: 0;
        }
        .profile h2 {
            font-size: 24px;
            margin: 0;
            color: #666666;
        }
        .section {
            margin-top: 20px;
        }
        .section h3 {
            font-size: 20px;
            margin-bottom: 10px;
            background-color:#f1f1f1;
        }
        .section p {
            font-size: 16px;
            line-height: 1.5;
        }
        .section ul {
            list-style-type: none;
            padding-left: 0;
        }
        .section li {
            font-size: 16px;
            line-height: 1.5;
        }
    </style></head><body>
    <div class='container'>
        <div class='profile'>
            <img src="%5C%22http://kabaiye.top/wp-content/uploads/2023/08/b_f8b307bb8947235502d3c7696f20aa53.jpg%5C%22" alt='头像'><div class='name'>
                <h1>kabaiye</h1> 
                <h2>吃饭大王</h2> 
            </div>
        </div>
        <div class='section'>
            <h3>个人简介</h3>
            <p>熟练掌握 CSS、PHP、C、C++、C#、Java、Ruby、python、Objective-C、Pascal、spss、sas等单词的拼写,
                熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机,还擅长ISO Android Symbian Windows Phone 等手机贴膜.</p> 
        </div>
        <div class='section'>
            <h3>工作经历</h3>
            <ul><li>1. 在餐饮服务领域,品尝和鉴别美食、对食物营养有深入理解、熟悉不同菜系和烹饪方法等。</li> 
                <li>2. 曾在高级餐厅担任消费者的工作,为该食品企业提供市场推广服务。</li>
                <li>3. 组织过食品节活动、如逛小吃街等。</li>
            </ul></div>
        <div class='section'>
            <h3>联系方式</h3>
            <ul><li>年龄:20岁</li> 
                <li>邮箱:[email protected]</li> 
                <li>个人博客:<a style='color:inherit;' href="%5C%22https://kabaiye.top%5C%22">https://kabaiye.top</a></li> 
                <li>地址:蜈蚣大</li> 
            </ul></div>
    </div>
</body>
</html>

标签:第一个,kabaiye,color,section,html,font,margin,size
From: https://www.cnblogs.com/kabaiye/p/18140371

相关文章

  • html2canvas截取专题图(包含地图)
    html2canvas截取专题图(包含地图)问题:html2canvas截取地图时地图空白,报错:UnabletocloneWebGLcontextasithaspreserveDrawingBuffer=false一、情况介绍:​ 使用如下代码进行截图时,出现地图空白情况,报错:UnabletocloneWebGLcontextasithaspreserveDrawingBuffer=f......
  • flutter 尝试创建第一个页面(三)
    新建目录assets 存放图片在pubspec..yaml中添加flutter:#ThefollowinglineensuresthattheMaterialIconsfontis#includedwithyourapplication,sothatyoucanusetheiconsin#thematerialIconsclass.uses-material-design:trueasset......
  • leedcode-字符串中的第一个唯一字符
    自己写的,easyclassSolution:deffirstUniqChar(self,s:str)->int:mydict={}#创建一个空字典来存储每个字符的出现次数foriins:#遍历给定的字符串sifnotmydict.get(i):#如果当前字符不在字典中mydic......
  • HTML代码第一课
    HTML可以用记事本来写代码,但是为了符合浏览器W3C规范,我们写代码都会用到专业的开发工具。写前端代码可以用Hbuilder和VisualStudio等等开发工具。不管是哪种开发工具,HTML的写法规范都是一样的,都包含以下基本格式:1.<DOCTYPEhtml>2. <html>3. <head>4. <metacharset="......
  • Python Flask+Pandas读取excel显示到html网页: CSS控制表格样式
    前言全局说明CSS控制表格样式一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563修改内容后,要重启flask服务,修改才能生效四、CSS控制表格样式4.1.2文件名:index.pyfrom......
  • Python Flask+Pandas读取excel显示到html网页:CSS控制表格样式
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563四、CSS控制表格样式4.1.2文件名:index.pyfromflaskimportFlaskapp=Flask(__name__)@app.route("/excel......
  • Python Flask+Pandas读取excel显示到html网页: 没有excle文件提示
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563四、没有excle文件提示4.1.2文件名:index.py添加tryexcept获取没有文件的异常fromflaskimportFlaskapp......
  • Python Flask+Pandas读取excel显示到html网页: 环境搭建显示内容
    前言全局说明一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563Pandas安装https://www.cnblogs.com/wutou/p/17811839.html四、环境搭建4.1.2文件名:index.pyfromflaskimp......
  • HTML入门
    HTML入门HTML简介ps:以下内容全部为个人理解,可能有些地方描述不够准确HTML的作用:为网页提供结构ps:就是通过标签来告诉浏览器哪些是标题,哪些是段落,哪些是列表标签可以通过属性来提供更多的信息,一般是成对出现的单标签和双标签:单标签一般用于没有内容的元素,双标签用于有内......
  • csharp selenium HtmlAgilityPack 爬虫 网页解析 微信公众号
    Wechat.Crawler/App/App.csproj<ProjectSdk="Microsoft.NET.Sdk"><ItemGroup><ProjectReferenceInclude="..\Blog\Blog.csproj"/></ItemGroup><ItemGroup><NoneUpdate="nlog.config&......