HTML和CSS是前端開發中最基礎的兩個技術， HTML是網頁內容呈現的標準，而CSS是樣式的實現方式。以下是一份關于個人簡介的HTML CSS代碼，來看一下：
<html> <head> <title>個人簡介 | by John</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="profile"> <img src="avatar.jpg" alt="頭像"> <h1>John</h1> <p>一名前端開發工程師，目前就職于ABC公司。</p> </div> <div class="skills"> <h2>我的技能:</h2> <ul> <li>HTML/CSS</li> <li>JavaScript</li> <li>React</li> <li>Vue</li> </ul> </div> <div class="contact"> <h2>聯系我:</h2> <p>郵箱: john@example.com</p> <p>手機號: 123-456-789</p> </div> </div> </body> </html>
代碼中使用了<div>標簽來進行元素的劃分，并對其中的元素使用了不同的CSS樣式，實現了個人簡介頁面的呈現。其中<link>標簽用于引入外部CSS文件，<img>標簽用于顯示頭像圖片，<h1>、<h2>等標題標簽用于顯示標題文字。
以上是一份基礎的個人簡介代碼，開發人員可以根據自己的需要進行在此基礎上進行修改和自定義，以滿足不同需求。