html基本標簽與屬性
阿新 • • 發佈：2017-07-27
格式 參數 換行 nbsp 禁止 文本輸入框 ide ont 改變 域名：就是一個網站的網址（和域名相對應的是IP地址）
參數：訪問某個網站的時候你想要什麽樣的數據-就要通過參數的形式告訴這個網站，然後網站就會根據你給他的參數給你返回不同的內容
協議：http 超文本傳輸協議---在互聯網上訪問網站
https s --> 代表 安全 安全套接字協議---在互聯網 上訪問網站
File 本地（自己的計算機）文件傳輸協議--使用瀏覽器 去查看本地文件的時候用的
ftp： 主要是用來傳輸文件的
路徑：
./ 代表當前路徑（文件夾）
相對路徑：就是相對於當前的文件，那個要尋找的文件 的位置
絕對路徑：就是從根開始找
動態網站：有數據交互的網站叫做動態網站
靜態網站：沒有數據交互的網站叫做靜態網站
HTML
超文本標記語言 html5
建立一個HTML文件
文件名 . 後綴(html)
解析：就是去識別
註釋：就是給開發人員開的批註------瀏覽器不去解析（不去輸出）
HTML的整體框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
在body中具體有哪些常用的標簽
文本標簽
<b></b> 加粗標簽
<i></i> 斜體標簽
<p></p> 段落標簽 每個段落和其他段落之間有一個間隙
<sub></sub> 下角標
<sup></sup> 上角標
<del></del> 刪除線
<s></s> 刪除線
和搜索引擎有關系的標簽 SEO（搜索引擎優化）
<em></em> 強調功能
<strong></strong> 具有強調功能
strong > em
<h1></h1> 標題標簽 從大到小 每一個都獨立占去一行
......
<h6></h6>
在一個網頁中最好只有一個h1標簽
在html源代碼中有多個空格只識別一個
格式標簽
<br> 強制換行標簽
<hr> 橫線標簽
<pre>原型輸出標簽
列表標簽
<Ul> 無序列表
<li></li> 列表項
</Ul>
<ol> 有序列表
<li></li> 列表項
</ol>
<dl> 自定義列表
<dt></dt>
<dd></dd>
</dl>
超鏈接標簽
<a></a>
屬性：
Href：就是超鏈接跳轉的地址
target：_self:在本選項卡中打開
_blank:在新的選項卡中打開
錨點
錨點的定義
<a name=”錨點名稱” id=”錨點名稱”></a>
錨點的使用
<a href=”#錨點名稱”></a>
多媒體標簽
<img> 圖片標簽
屬性：
src：就是需要加載圖片的路徑（URL）
width：設置圖片的寬度
height：設置圖片的高度
註意：為了避免圖片失真寬度和高度最好只設置一個
border：設置圖片的邊框
alt: 第一個用法：
就是在圖片沒有加載出來的時候會把
文字顯示出來
第二個用法：搜索引擎會根據alt的值 去判斷這張圖片上到底是什麽
title：就是鼠標放上去會有一個小的提示
<audio></audio> 音頻標簽
屬性：src：需要加載的音頻路徑
controls 控制按鈕
<video></video> 視頻標簽
屬性: src 需要加載的視頻路徑
controls 控制按鈕
loop: 自動重播
width：寬度
height：高度
<embed> flash 動畫標簽
屬性：
src： 就是需要加載的flash動畫的路經
width:寬度
height:高度
寬度和高度同時去設置
<table></table> 表格標簽
屬性：border：就是給整個表格加邊框
width：給整個表格設置寬度
align：center 會把整個表格相對於瀏 覽器居中
right：會把整個表格相對於瀏 覽器居右
left：會把整個表格相對於瀏 覽器居左（默認值）
bgcolor：設置整個表格的背景顏色
<tr></tr> 表格中的一行
屬性：align：left：會把這一行的內容相對於單元格居左
right：把這一行的內容相對於單元格居右
center：把這一行的內容相對於單元格居中
bgcolor：設置一行的背景顏色
<td></td> 一行中的一列
<th></th> 表頭 比<td>要粗 自帶居中屬性
屬性：align：left：會把這一行的內容相對於單元格 居左
right：把這一行的內容相對於單元格居右
center：把這一行的內容相對於單元格居中
在td中的優先級大於在tr中
rowspan：合並行
colspan： 合並列
bgcolor：設置這個單元格的背景顏色
表單標簽
<form></form> 表單標簽
屬性：
action: 就是這個表單的內容要提交到那個後臺
method：就是表單提交的方式
get：以get方式提交
post：以post方式提交
所有的表單項都必須有name屬性-不要寫漢字
<input > 表單項
屬性：type：
值：
text:就是普通的文本輸入框
submit：就是一個提交按鈕
Value：寫一個你喜歡的字
image：他是圖片提交按鈕
和他配合的必須有src
radio：就是單選按鈕
name 的值必須相同（如果不 同就不會是單選了）
checked：默認選中值
checkbox:多選按鈕
checked：默認選中值
hidden：隱藏域-就是後臺可以接收到值，但是前臺用戶看不到
password：密碼輸入框--就是輸入的內 容會用....開代替
maxlength:控制用戶輸入的多少
disabled：禁用-就是後臺也接收不到值
readonly：就是前臺不能改，但是後臺可以接收 到值
size：設置text這個類型的大x小
placeholder：提示內容，點擊輸入內容後消失
<select></select> 下拉列表
屬性：
name：就是下拉列表的名字
<option></option> 下拉列表的列表項
屬性：
Value：就是每個列表項對應的值
<textarea></textarea> 文本域
屬性：
name：文本域的名字
cols：控制列數
rows：控制行數
disabled：禁用 ---後臺接收不到
readonly：只讀 -- 後臺可以接收到
框架集（分幀）---他可以插入到<body>中
一種是邪惡的分幀
<iframe>
屬性： src :需要加載頁面的地址
scrolling：是否顯示滾動條
no：不顯示滾動條
frameborder：0 不顯示邊框
1 顯示邊框
不邪惡的分幀(不能插入的)--不能插入到<body>中，誰在上面顯示誰
<frameset></frameset>
屬性：cols：左右分
rows：上下分
<frame>
屬性：
src：就是需要加載頁面的地址
noresize：禁止拖動改變大小
無意義的標簽
<div></div> 塊狀標簽
<span></span> 行內標簽
編碼問題
<head>中的標簽
<meta>去設置一些網頁的屬性
屬性：charset：去設置網頁的編碼 utf-8 編碼
name：
keywords: 網頁關鍵字
content：內容
description：網站描述
content：內容
<title></title> 設置網頁選顯卡上的顯示文字
<script></script> 寫 JavaScript代碼的地方
<style></style> 寫css樣式的地方
<link> 連接其他語言的一個通道
字符實體：就是一下使用代碼打印不出來的東西
HTML
超文本標記語言 html5
建立一個HTML文件
文件名 . 後綴(html)
解析：就是去識別
註釋：就是給開發人員開的批註------瀏覽器不去解析（不去輸出）
HTML的整體框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
在body中具體有哪些常用的標簽
文本標簽
<b></b> 加粗標簽
<i></i> 斜體標簽
<p></p> 段落標簽 每個段落和其他段落之間有一個間隙
<sub></sub> 下角標
<sup></sup> 上角標
<del></del> 刪除線
<s></s> 刪除線
和搜索引擎有關系的標簽 SEO（搜索引擎優化）
<em></em> 強調功能
<strong></strong> 具有強調功能
strong > em
<h1></h1> 標題標簽 從大到小 每一個都獨立占去一行
......
<h6></h6>
在一個網頁中最好只有一個h1標簽
在html源代碼中有多個空格只識別一個
格式標簽
<br> 強制換行標簽
<hr> 橫線標簽
<pre>原型輸出標簽
列表標簽
<Ul> 無序列表
<li></li> 列表項
</Ul>
<ol> 有序列表
<li></li> 列表項
</ol>
<dl> 自定義列表
<dt></dt>
<dd></dd>
</dl>
超鏈接標簽
<a></a>
屬性：
Href：就是超鏈接跳轉的地址
target：_self:在本選項卡中打開
_blank:在新的選項卡中打開
錨點
錨點的定義
<a name=”錨點名稱” id=”錨點名稱”></a>
錨點的使用
<a href=”#錨點名稱”></a>
多媒體標簽
<img> 圖片標簽
屬性：
src：就是需要加載圖片的路徑（URL）
width：設置圖片的寬度
height：設置圖片的高度
註意：為了避免圖片失真寬度和高度最好只設置一個
border：設置圖片的邊框
alt: 第一個用法：
就是在圖片沒有加載出來的時候會把
文字顯示出來
第二個用法：搜索引擎會根據alt的值 去判斷這張圖片上到底是什麽
title：就是鼠標放上去會有一個小的提示
<audio></audio> 音頻標簽
屬性：src：需要加載的音頻路徑
controls 控制按鈕
<video></video> 視頻標簽
屬性: src 需要加載的視頻路徑
controls 控制按鈕
loop: 自動重播
width：寬度
height：高度
<embed> flash 動畫標簽
屬性：
src： 就是需要加載的flash動畫的路經
width:寬度
height:高度
寬度和高度同時去設置
<table></table> 表格標簽
屬性：border：就是給整個表格加邊框
width：給整個表格設置寬度
align：center 會把整個表格相對於瀏 覽器居中
right：會把整個表格相對於瀏 覽器居右
left：會把整個表格相對於瀏 覽器居左（默認值）
bgcolor：設置整個表格的背景顏色
<tr></tr> 表格中的一行
屬性：align：left：會把這一行的內容相對於單元格居左
right：把這一行的內容相對於單元格居右
center：把這一行的內容相對於單元格居中
bgcolor：設置一行的背景顏色
<td></td> 一行中的一列
<th></th> 表頭 比<td>要粗 自帶居中屬性
屬性：align：left：會把這一行的內容相對於單元格 居左
right：把這一行的內容相對於單元格居右
center：把這一行的內容相對於單元格居中
在td中的優先級大於在tr中
rowspan：合並行
colspan： 合並列
bgcolor：設置這個單元格的背景顏色
表單標簽
<form></form> 表單標簽
屬性：
action: 就是這個表單的內容要提交到那個後臺
method：就是表單提交的方式
get：以get方式提交
post：以post方式提交
所有的表單項都必須有name屬性-不要寫漢字
<input > 表單項
屬性：type：
值：
text:就是普通的文本輸入框
submit：就是一個提交按鈕
Value：寫一個你喜歡的字
image：他是圖片提交按鈕
和他配合的必須有src
radio：就是單選按鈕
name 的值必須相同（如果不 同就不會是單選了）
checked：默認選中值
checkbox:多選按鈕
checked：默認選中值
hidden：隱藏域-就是後臺可以接收到值，但是前臺用戶看不到
password：密碼輸入框--就是輸入的內 容會用....開代替
maxlength:控制用戶輸入的多少
disabled：禁用-就是後臺也接收不到值
readonly：就是前臺不能改，但是後臺可以接收 到值
size：設置text這個類型的大x小
placeholder：提示內容，點擊輸入內容後消失
<select></select> 下拉列表
屬性：
name：就是下拉列表的名字
<option></option> 下拉列表的列表項
屬性：
Value：就是每個列表項對應的值
<textarea></textarea> 文本域
屬性：
name：文本域的名字
cols：控制列數
rows：控制行數
disabled：禁用 ---後臺接收不到
readonly：只讀 -- 後臺可以接收到
框架集（分幀）---他可以插入到<body>中
一種是邪惡的分幀
<iframe>
屬性： src :需要加載頁面的地址
scrolling：是否顯示滾動條
no：不顯示滾動條
frameborder：0 不顯示邊框
1 顯示邊框
不邪惡的分幀(不能插入的)--不能插入到<body>中，誰在上面顯示誰
<frameset></frameset>
屬性：cols：左右分
rows：上下分
<frame>
屬性：
src：就是需要加載頁面的地址
noresize：禁止拖動改變大小
無意義的標簽
<div></div> 塊狀標簽
<span></span> 行內標簽
編碼問題
<head>中的標簽
<meta>去設置一些網頁的屬性
屬性：charset：去設置網頁的編碼 utf-8 編碼
name：
keywords: 網頁關鍵字
content：內容
description：網站描述
content：內容
<title></title> 設置網頁選顯卡上的顯示文字
<script></script> 寫 JavaScript代碼的地方
<style></style> 寫css樣式的地方
<link> 連接其他語言的一個通道
字符實體：就是一下使用代碼打印不出來的東西
html基本標簽與屬性