1. 程式人生 > >簡單簡歷(無css)

簡單簡歷(無css)

以下為簡歷的程式碼,後面那麼多重複的文字是能夠使當點選左側的導航欄的時候,效果會更明顯。比如點選技能特長的時候,右邊的技能特長就會處於當前頁的首行。

<!DOCTYPE html>
<html>
	<style>
		header{
			background-color: cadetblue;
			text-align: center;
			color: white;
			padding: 5px;
		}
		nav {
			line-height: 88px;
			height: 610px;
			width: 160px;
			background-color:#eeeeee;
			float: left;
    		padding: 44px;
			
		}
		section{
			width:1000px;
			float:left;
			padding: 80px;
		}
	</style>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<header>
			<h1>簡歷</h1>
		</header>
		<nav>
			<a href="#personal">個人資訊<br></a>
			<a href="#access">自我評價<br></a>
			<a href="#position">求職意向<br></a>
			<a href="#edu">教育背景<br></a>
			<a href="#hor">獎項榮譽<br></a>
			<a href="#spe">技能特長<br></a>
			<a href="#hob">興趣愛好<br></a>
		</nav>
		
		<section>
			<h1><a name="personal">個人資訊</a></h1>
				<p>姓名:楊會</p>
				<p>出生年月:1996.10.10</p>
				<p>郵箱:
[email protected]
</p> <p>聯絡電話:1234567890</p> <h1><a name="access" target="_blank">自我評價</a></h1> <p>1. 積極樂觀,活潑開朗,待人真誠。</p> <p>2.學習能力強,善於獨立思考,對待學習工作認真積極,嚴謹負責。</p> <p>3. 熱愛前端,熱愛通過技術把"美"提供給使用者</p> <p>4. 有良好的團隊意識和協助精神,善於溝通,會與團隊成員們積極協作與溝通,共同完成專案。</p> <h1><a name="position">求職意向</a></h1> <p>前端工程師</p> <h1><a name="spe">技能特長</a></h1> <p>1. 積極樂觀,活潑開朗,待人真誠。</p> <p>2.學習能力強,善於獨立思考,對待學習工作認真積極,嚴謹負責。</p> <p>3. 熱愛前端,熱愛通過技術把"美"提供給使用者</p> <p>4. 有良好的團隊意識和協助精神,善於溝通,會與團隊成員們積極協作與溝通,共同完成專案。</p> <h1><a name="edu">教育背景</a></h1> <p>時間:2015.9-2019.6</p> <p>院校:青島大學</p> <p>學歷:本科</p> <p>專業:電腦科學與技術</p> <h1><a name="hor">獎項榮譽</a></h1> <p>在校期間曾獲得三次優秀學習獎學金</p> <h1><a name="hob">興趣愛好</a></h1> <p>因為本人比較活潑,為了讓自己靜下心來做事情就會寫寫部落格,練練字。順便也可以記錄下一天的事情與心情。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>因為本人比較活潑,為了讓自己靜下心來做事情就會寫寫部落格,練練字。順便也可以記錄下一天的事情與心情。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>因為本人比較活潑,為了讓自己靜下心來做事情就會寫寫部落格,練練字。順便也可以記錄下一天的事情與心情。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>因為本人比較活潑,為了讓自己靜下心來做事情就會寫寫部落格,練練字。順便也可以記錄下一天的事情與心情。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> <p>平時也喜歡聽聽歌,看看書。</p> </section> </body> </html>

相關推薦

簡單簡歷css

以下為簡歷的程式碼,後面那麼多重複的文字是能夠使當點選左側的導航欄的時候,效果會更明顯。比如點選技能特長的時候,右邊的技能特長就會處於當前頁的首行。<!DOCTYPE html> <html> <style> header{ b

js隨筆—日曆的簡單實現css

有關js實現日曆的列子網上一抹多,我是根據js製作日曆的思路方法來實現的js邏輯程式碼,因為只是學習js實現日曆的原理,所以例項為純js,示例圖如下(囧): 第一步,html <table id="cal_show" border="1"></table>

問題:關於貼友的一個書本頁面簡單佈局html+css的實現

貼友需求:以html+css仿照書本的頁面實現佈局效果(見圖) html程式碼: 1: <!-- 我的部落格:http://www.ido321.com --> 2: &

簡單的圖片切換代碼按鈕

uri new clas arr tint pan interval rip chang 1 <script language =javascript > 2 var curIndex=0; 3 //時間間隔 單位毫秒 4 var timeInt

利用CSS注入iFrames竊取CSRF令牌

來源:FreeBuf.COM 連結:http://www.freebuf.com/articles/web/162687.html(點選尾部閱讀原文前往) *參考來源:github,FB小編 secist 編譯 CSS僅僅只是一種用來表示樣式的語言嗎?當然不是!

簡單新聞釋出系統前臺介面html+css

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

JSP簡單使用者管理javabean

文章目錄 寫在前面 登入介面的form表單 建立使用者 登入驗證 登入成功js管理使用者 登入失敗重定向 登入失敗頁面 完整程式碼

簡單的 vim 設定外掛

vim 設定 執行如下命令 cd ~ wget -qO- https://raw.github.com/ma6174/vim/master/setup.sh | sh -x ~/.vimrc檔案改為如下內容 "作者和郵箱設定見137行和138行 set sw=

VirtualBox 及一些特殊USB驅動的識別問題解決了不能識別一些特殊USB的問題其實就是插著USB重啟,很簡單

原來手機怎麼也連不上Linux ,碰巧這幾天又在搞VirtualBox虛擬,剛好手機當時又插上USB的,重啟了下,識別出來了:),只要重啟電腦,不作如下設定,手機都能被識別(不知原因) ;作個標記,有時間再慢慢研究。(或者按下面流程過一遍,再恢復原狀,手機就可以被識別了 ),

【C語言】簡單的瞭解遞迴求斐波那契,n的階乘,字串長度,把一個整型符號,轉化為字元型並打印出來

簡單瞭解遞迴1.什麼是遞迴???程式設計程式呼叫自身的程式設計技巧稱為遞迴( recursion)遞迴做為一種演算法在程式設計語言中廣泛應用。 一個過程或函式在其定義或說明中有直接 或間接呼叫自身的一種方法,它通常把一個大型複雜的問題層層轉化為一個與原問題相似的 規模較小的問

Java-簡單加密亦或

nextline 字符轉換 lin toc 16px 進行 accept col sta 1 import java.net.PasswordAuthentication; 2 import java.util.Scanner; 3 4 public class

登陸網頁模板 - 1 HTML+CSS

pre com href tom .cn clas 網頁模板 html 輸入 一個用HTML和CSS寫的簡單登錄頁面,主要是用CSS來進行修飾美化的 這個登陸界面有輸入賬號和密碼的表單,還有登陸和註冊兩個按鍵,點擊按鍵分別會輸出“您已成功登陸,稍後會跳轉到您需

Android平臺Camera實時濾鏡實現方法探討(十)--代碼地址以及簡單介紹20160118更新

div iss 將在 spa 方法 target 用途 net dsm 簡單做了個相機和圖片編輯模塊,時間原因非常多功能還沒有做。尚有BUG,見諒,將在以後抽時間改動 代碼地址 PS:請點個Star^-^ -----------------------

BZOJ 4066 簡單KD樹

element space while rebuild 鏈接 main query [1] line 【題目鏈接】 http://www.lydsy.com/JudgeOnline/problem.php?id=4066 【題目大意】   要求維護矩陣內格子

面向連接的Socket Server的簡單實現簡明易懂

nta on() img == con 線程關閉 sse 每一個 sockaddr http://www.cnblogs.com/worldtraveler/p/4685977.html 一、基本原理 有時候我們需要實現一個公共的模塊,需要對多個其他的模塊提供服務,最常用

模板-BellmanFord的實現優化

clas col pre 復制 push_back end con urn 實現   本篇文章中,bellmanFord代碼有一半都是判斷負權回路。復制粘貼無誤。   核心代碼: vector <node>::iterator it; for (it=map[

PopupWindow的簡單使用結合RecyclerView

comment lis true 定義 www pdo android中 click pup Android彈窗: 在Android中彈出式菜單(以下稱彈窗)是使用十分廣泛一種菜單呈現的方式,彈窗為用戶交互提供了便利。關於彈窗的實現大致有以下兩種方式AlertDia

css最佳實踐reset.css

frame pla family after thead article tle fieldset san html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,ab

7-12 兩個數的簡單計算器10 分

col body default pan 計算 post 2個 個數 scan 本題要求編寫一個簡單計算器程序,可根據輸入的運算符,對2個整數進行加、減、乘、除或求余運算。題目保證輸入和輸出均不超過整型範圍。 輸入格式: 輸入在一行中依次輸入操作數1、運算符、操作數2,其間

CSS深入理解之overflowHTML/CSS

clas alt span doc 邊距 蘊含 top overflow 會同 簡介 overflow看上去其貌不揚,其中蘊含的知識點還是很多的,有很多鮮為人知的特性表現。 overflow基本屬性值 1、visible(默認) 2、hidden 3、scroll 4、