標籤:語言特點 特點 沒有 checked div 上傳檔案 reset 邊框 des
網頁三劍客:HTML、CSS、JS
上網就是下載網頁,web頁面是瀏覽器的執行結果,瀏覽器是代碼解譯器
超文本:指頁面內容可以包含圖片、連結、音樂、程式等非文本元素。
標籤語言特點:簡單<>
標籤屬性:
1)索引值對
2)寫在開始標籤中
3)屬性名稱全部小寫,屬性值用單引號或雙引號包裹
4)若屬性名稱和屬性值一樣,如<input tyep="text" readonly="readonly">可寫成<input tyep="text" readonly>
<head> #標籤的內容在頁面看不到。
<meta name="keywords" content="it培訓"> #搜尋引擎關鍵字搜尋
<meta name="description" content="搜尋引擎搜尋結果中描述網站資訊的">
<meta http-equiv="Refresh" content="2;URL=baidu.com"> #不加URL的會定時重新整理本網頁
<meta http-equiv="content-type" charset="UTF-8">
<title>
<link>
<script>
-------------------------------------------------------------------------------
<body>標籤
<h1>-<h6>
<p> #段落標籤
</br> #換行
<b> #粗體,同<strong>,無區別
<strike> #中橫線
<em> #斜體
<sub> #下角標
<sup> #上角標
<hr> #水平線
<div> #沒有任何布局,同<span>
----------------------------------------------------
圖形標籤:<img>
src:圖片路徑
alt:圖片載入失敗時的提示資訊
title:滑鼠懸浮時的提示資訊
width:高度 length:長度
-----------------------------------------------------
超連結標籤(錨標籤):<a>
href:請求地址
target:target="_blank":新標籤中開啟連結,而不是在本頁跳轉
----------------------------------------------------
列表標籤:<ul> #無序列表 <ol> #有序列表
<li>
<dl> #自訂欄表
<dt> #列表標題
<dd> #清單項目
----------------------------------------------------
輸入框標籤:<input>
id屬性:方便用戶端編程,區別唯一性
type屬性:text、password、checkbox、radio、submit、button(配合JS使用)、reset、
name屬性:表單提交項的鍵(與伺服器通訊時使用)
value屬性:表單提交項的值(與伺服器通訊時使用)
placeholder:輸入框中提示要輸入的內容
readonly:唯讀
checked:checkbox和radio項預設被選中
disabled:對所有input都好使
file:上傳檔案
<input>標籤內嵌到<form>標籤
--------------------------------------------------------
表單標籤:<form>,表單用於向伺服器傳輸資料
action屬性:
method屬性:get、post
get:提交的索引值對放在地址欄的URL?後面,安全性差,對提交長度有限制
post:提交的索引值對不在地址欄顯示,安全性高,提交長度理論上無限制
enctype屬性:上傳檔案是需定義為"multipart/form-data"
-------------------------------------------------------------------
表格標籤:<table>
分兩部分:<thead>和<tbody>(一般這兩個標籤會不寫,直接<tr>、<th>、<td>)
<tr>:一個<tr>代表一行
<th>:table的表頭(欄位名)------->內嵌在<thead>中
<td>:table的表內容(欄位內容) ------->內嵌在<tbody>中
rowspan:合併儲存格
border:表格邊框
-------------------------------------------------------------------
下拉框屬性:<select>
mutiple:多選
size:下拉框中預設顯示個數
------------------------------------------------
其他常用標籤:textarea、label、fieldset
python-html入門