Vs Code的HTML编程（简易个人介绍）

最新推荐文章于 2023-04-12 08:21:29 发布

吉云.君杰

最新推荐文章于 2023-04-12 08:21:29 发布

阅读量2.3k

点赞数 6

文章标签： html 前端 vscode

本文链接：https://blog.csdn.net/m0_55989116/article/details/126746874

版权

1.点击左侧工具栏的extensions，输入chinese，点击Install安装中文简体

2.重新在工具栏输入HTML Play，下载并重启软件

文件->点击新建文本文件->点击右下方的纯文本,输入HTML选择语言HTML->

代码写完后，点击运行-启动调试或按F5

下面是我的代码，仅供参考

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <title>的个人主页</title>
    <style>
    	body{
            width:100%;
            margin: 0 auto;
        }
        #right{
            margin-left:260px;
        }
        #frame_main,.header,.center{
            width:95%;
        }
        #frame_main, #right,#left{
            height:550px;
        }
        #left{
            width: 50px;
        }
        .header{
            height:20px
        }
        .center{
            margin:0 auto;
        }
        li{
            list-style-type: none;
            padding:15px;
        }

      a{text-decoration:none} 
      a{font-size:36px;} 
      a{ color:orange;} 
      a:hover{text-decoration:none} 
     

    </style>  
</head>
<body background="1.jpg">
  
  	<ul>
                <li><div><a href="user_0.html" target="mainframe">我的大学</a></div></li>
                <li><div><a href="user_1.html" target="mainframe">我的爱好</a></div></li>
           </ul>

       <div id="right">
        <iframe name="mainframe" id="frame_main" ></iframe>
    </div>
   </body>
</html>