HTML5和CSS是網頁開發中最為基礎的兩種語言。HTML5是用來描述網頁結構的語言,而CSS是用來描述網頁樣式的語言。下面將分別介紹HTML5和CSS的所有代碼。
HTML5代碼
<!DOCTYPE html> //文檔類型聲明 <html> //HTML文檔開始標簽 <head> //頭部信息開始標簽 <title>標題</title> //網頁標題 </head> //頭部信息結束標簽 <body> //網頁主體開始標簽 <h1>一級標題</h1> //標題級別,從一級到六級 <img src="圖片路徑" alt="圖片描述"> //插入圖片 <p>段落文字</p> //段落 <a href="鏈接地址">鏈接文字</a> //超鏈接 <ul> //無序列表 <li>列表項1</li> <li>列表項2</li> </ul> <ol> //有序列表 <li>列表項1</li> <li>列表項2</li> </ol> </body> //網頁主體結束標簽 </html> //HTML文檔結束標簽
CSS代碼
body { //選擇器,指定樣式作用對象 font-size: 16px; //字體大小 color: #333; //字體顏色 background-color: #eee; //背景顏色 } h1 { //標題樣式 font-size: 32px; //字體大小 color: #f00; //字體顏色 } img { //圖片樣式 width: 100px; //圖片寬度 height: 100px; //圖片高度 } p { //段落樣式 line-height: 1.5; //行高,控制段落字體垂直間距 margin-bottom: 10px; //段落下方間距 } a { //超鏈接樣式 color: #00f; //鏈接顏色 text-decoration: none; //去除下劃線 } ul li { //無序列表樣式 list-style: none; //去除默認列表樣式 margin-bottom: 5px; //列表項下方間距 } ol li { //有序列表樣式 list-style: decimal; //序號顯示方式,也可以是英文字母等 margin-bottom: 5px; }
上一篇mysql中文安裝版
下一篇html5不設置滾輪