網頁平面設計 HTML

時間 2019-12-20

標籤網頁平面設計 html 欄目 HTML 简体版

原文原文鏈接

網頁平面設計HTML基礎html

一、網頁的基本元素：文字、圖像、超連接瀏覽器

二、HTML的基本機構head、title、body三部分服務器

　　<html>網絡

　　　　<head>ide

　　　　　　<title>標題</title>post

　　　　</head>字體

　　　　<body>動畫

　　　　正文url

　　　　</body>spa

　　</html>

三、經常使用標記/屬性

　　<br/>換行標記　　<hr size width align color/>橫線標記

　　<h1>標題</h1>........<h6></h6>標題大小，1最大，6最小

　　<pre>預約格式標記，打成什麼樣，瀏覽器裏顯示就什麼樣</pre>

　　&lt 表示 <　　　　&gt 表示 >　　　　&amp 表示 &　　　　&quot 表示 "

　　  表示空格　　　　&copy 表示 ©　　　　&reg 表示 ® 　　

　　&times 表示 ×　　　　&divide 表示 ÷　　

　　無序列表<ul>

　　　　　　</ul>

　　有序列表<ol>

　　　　　　</ol>

　自定義列表<dl>

　　　　　　</dl>　　

　　列表能夠嵌套使用，可是不能嵌套在<p>標籤裏

　　去除下劃線：a{text-decoration:none;}　　

　　超級連接 1絕對位置：必定要用上協議 http：//

　　　　　　 2相對位置同 <img src="url"/>

　　<table>表格屬性：border表格邊框 width表格寬度 height表格高度 cellspacing表格各單元格之間距離（外邊距）能夠用表格背景色與單元格背景色差集作邊框 cellpadding單元格內部與文本之間的間距（內邊距） align表格在網頁中的對齊方式 caption標題 bordercolor表格邊框顏色 bordercolorlight表格亮面顏色

　　　　　　<table> 　　　　　　

　　　　　　　　　　<tr>　　　　　　

　　　　　　　　　　</tr>

　　　　　　　　</thead>

　　　　　　　　　　<tr>　　

　　　　　　　　　　</tr>

　　　　　　　　</tbody>

　　　　　　　　　　 <tr>

　　　　　　　　　　</tr>

　　　　　　　　</tfoot>

　　　　　　</table>

　　form表單標籤屬性 Name：表單名稱 Method：提交方法 get（能夠看到數據）post（不能看數據） Action="*.asp"表單處理程序　　

　　<input type=「#」 name=「」 value=「」> name用來標識<input>標籤名稱 value是<input>提交到服務器上的值

　 #有如下類型 1）text 文本框　 2）password密碼框 3）radio單選，要用name屬性編組　 4）checkbox複選框，用name編組 5）submit提交按鈕　 6）reset 重置按鈕 7）hidden隱藏數據 8）file上傳文件 9）image圖片　10）button按鈕

　　去除谷歌瀏覽器默認邊框 outline：none

　　表單裏的下拉列表　 <select name="">

　　　　　　　　　　　　　　...

　　　　　　　　　　　　</select>

四、筆記

　　1作項目把圖片統一放在一個文件夾裏images

　　2引入圖片的2種方式

　　　　絕對路徑 D:/demo/images/123.gif　（最好不要用）

　　　　相對路徑 ./images/1.gif　　一個點表示同級目錄

　　　　　　　　../demo/images/2.jpg　　兩個點表示上一級目錄，三個點表示上上級目錄，以此類推

　　3網絡經常使用圖片格式　　

　　　　gif 以256種像素組成，支持透明，支持動畫，體積小　　