7777色鬼XXXX欧美色妇,H工口全彩里番库18禁无遮挡,《胬肉》金银花笔趣阁

HTML
版本信息：
在文檔的起始用DOCTYPE聲明指定的版本和風格，讓瀏覽器清楚文檔的版本、類型和風格。版本信息分為三種：嚴格型、傳統(tǒng)型（過渡型）、框架型。
分別是：
1）Strict DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2）Transitional DTD：（常用）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3）Frameset DTD：（不常用了）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"[http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

傳統(tǒng)型不需要全名空間，嚴格型需要全名空間；

塊狀元素特點(block)：每個塊級元素都從新的一行開始，并且其后的元素也另起一行；元素的寬高、行高及頂?shù)撞康木嚯x都可設置；元素寬度在不設置的情況下，是其父容器的100%。
內聯(lián)元素特點(inline)：和其他元素都在一行上；元素的寬高及頂?shù)撞窟吘嗖豢稍O置；元素的寬度就是它包含的文字或圖片的寬度，不可改變。
內聯(lián)塊狀元素特點(inline-block)：和其他元素都在一行上；元素的寬高、行高及頂?shù)撞窟吘喽伎稍O置；
常用的元素有：

—>塊狀元素：<div> <p> <hn> <ol> <ul> <dl> <table> <address> <blockquote> <form> <li>
—>內聯(lián)元素：<a> <span> <br> <i> <em> <strong> <label> <q> <var> <cite> <code>
—>內聯(lián)塊狀元素：<img> <input>

<head>元素：所有其他頭元素的容器；緊隨在起始標簽<html>之后；
包含的子元素：
<title>: 標題；出現(xiàn)在瀏覽器頂部；沒有屬性；必須出現(xiàn) 在<head>中；一個文檔只能有一個標題；
<meta>: 元數(shù)據元素；定義頁面的編碼格式或刷新頻率等；（為空標記；常用屬性有content、http-equiv）;

<meta http-equive=“Content-Type” content=“text/html; charset=utf-8”>

語義化：明白每個標簽的用途，即在什么情況下使用該標簽合理。
—> 作用：
1)更容易被搜索引擎收錄；
2)更容易讓屏幕閱讀器讀出此網頁內容；

文本標記：
1）特殊字符：
2）標題元素 <hn> :定義大小
3）段落元素 <p> :提供了結構化文本的方式；文本會用單獨的段落顯示（與前后的文本都換行分開；并會添加一段額外的垂直空白距離，作為段落間距）；
4）換行元素 <br>

分區(qū) 元素< span >和< div >:常用于頁面布局；
—> <span> 文本 </span> :不會影響布局，常用于同一行中的部分元素；可為文字設置單獨的樣式；
—> <div> 文本 </div> :獨占一行，常用于多行的情況下；
塊級元素( block )和行內元素( inline ):
—> 如: <div> 、 <p> 、 <hn> 、 <li> ;默許情況下，會獨占一行，即前后都會自動換行；
—> 行內元素：可以與其他元素位于同一行，即不會換行如 <span> 、 <img> 、 <a> ;
圖像元素< img >:
—> 必須屬性： src
—> 常用屬性: width、height;(不建議寬高都設置，若不知原比例則圖像會變形，一般只設置一個，系統(tǒng)會自動按比例縮放)；
8）鏈接元素 <a> :創(chuàng)建一個超鏈接
—> 語法：<a href=“” target=“”>文本</a>
—> href 屬性：鏈接url
—> target 屬性：目標，可取的值有： _self :默認值，替換當前頁面；
_blank :打開的新的頁面；
9） URL ：統(tǒng)一資源定位器，組成:協(xié)議、機名、路徑名、文件名；[相對路徑和絕對路徑]
10）錨點：是文檔中某行一個記號，用于鏈接到文檔中的某一行。即實現(xiàn)當前頁面不同位置之間的跳轉；
使用：
—1—>使用a在目標位置定義一個錨點<a name=“l(fā)ink1”><a>
—2—>使用連接a鏈接到錨點（在錨點名前加上#即可），href指向link1，如<a href=“ # link1”></a>
[ 注意：#后面不是一個頁面，而是一個錨點；頁面不同位置之前的跳轉要在有滾動條的情況下才有效] ；
直接回到頁面頂端：早期版本里要先在頂端定義錨點，再定義鏈接，但由于非常常用，現(xiàn)在簡化為只用一個#即可: <a href=“#”>文本</a>
<em> 需要強調的文本 </em> //會以斜體表示
<strong> 需要強調的文本 </strong> //會以粗體顯示
<q> 引用文本 </q> //瀏覽器會自動對引用文本添加引號
<blockquote> 長文本引用 </blockquote> //瀏覽器會自動縮進
? ：空格
<hr> : 分隔橫線
<address> 取系地址信息 </address> //瀏覽器會自動默認顯示為斜體
<code> var i=i+300; </code> //用于插入代碼
<pre> 多行代碼 </pre >

列表標記
所有列表都由列表類型和列表項組成：
—>列表類型：有序列表<ol>(ordered list)和無序列表<ul>(unordered list);
—>列表項：<li><list item>,用于指示具體的列表內容；
[注意：定義一個列表必須使用<ol>或<ul>,列表的每個內容，使用一個<li>]
1)無序列表：<ul>只能包含具體的列表項元素<li>,列表中包含的每一項都必須包含在起始標記<li></li>之間；
2）有序列表：<ol>只能包含具體的列表項元素<li>,列表中的每一項內容都必須包含在<li></li>之間；
3）列表嵌套：將列元素嵌套使用，可創(chuàng)建多層列表，即可將帶個列表都放在某個li里；
** 常用于創(chuàng)建文檔大綱、導航菜單等；

**表格<table>
通常用來組織結構化的信息，由一系列單元格組成；表格的數(shù)據保存在單元格里；顯進網格數(shù)據，常用于頁面的布局；
1）創(chuàng)建：
—>表格：<table> 行 <tr> 單元格 <td> </td> </tr> </table>
2）表格常用屬性：
—> border：表格外邊框寬度，會為每個單元格應用邊框
—> width/height：表格的寬和高
—> align：水平對齊方式，可選有的：left、right、center
—> cellpadding屬性：單元格內容與單元格邊框之前的距離
—> cellspacing:單元格之間的距離
[注意：表格的調試默認自適應（按內容長度自適應）；對表格的寬設定值，每列的寬則會按單元格的長度的比例分配；對列設置寬，會影響整列；對列設置高會影響整行]
3）單元格<td>常用屬性：
—> width/height:單元格的寬和高
—>align:水平對齊方式，可選的值有：left、right、center
—>valign：垂直對齊方式，可選的值有：top、middle、bottom;

表格的標題<caption>
默認在表格的上方居中顯示；只能位于<table></table>里，且只能對每個表格定義一個標題，且作為第一個子元素存在；
摘要：<table summary=“表格簡介文本”>//，summary中的內容不會被瀏覽器顯示出來，作用是增加表格的可讀性（語義化），使搜索引擎更好的讀懂表格。
5）行分組（表格特有）
將多個行作為一組，進行統(tǒng)一的設置的時候，使用專門的對表格實現(xiàn)分組的元素；
—> 表格可分為3個部分：表頭、表主體和表尾
—> 表頭行分組：<thead></thead>；只能出現(xiàn)一次
—> 表主體行分組：<tbody></tbody>:可出現(xiàn)多次；
—> 表尾行分組:<tfoot></tfoot>:只能出現(xiàn)一次
[注意：行分組只能出現(xiàn)在table里，只能包含tr元素]；
6）不規(guī)則表格
對<td>,有colspan、rowspan屬性可設置單元格的跨列或跨行；
—>colspan：水平方向(橫向)延伸單元格，值為正整數(shù)，表示水平延伸單元格數(shù)；
—>rowspan：垂直方向(豎向)延伸單元格，值為正整數(shù)，表示垂直延伸單元格格數(shù)；
7)表格的嵌套
在單元格中放置另外一個表在表單元格中，即<td>元素中再包含<table>元素；可用于設計復雜表格或復雜布局；

*表單<form>
作用：
—> 動態(tài)交互:通過查看、填寫(頁面上錄入數(shù)據)并提交表單信息到服務器
—> 兩個基本部分：
—> 實現(xiàn)數(shù)據交互的可見界面元素，如文本框或按鈕
—> 提交后的表單處理
—> 界面元素
—> 使用<form>元素創(chuàng)建表單
—> 在<form>元素中添加其他表單可以包含的控件元素
1）表單元素<form>
使用<form></form>標記；承載其他交互的元素，以表單作為單位提交數(shù)據；
主要屬性：
—> action：定義表單被提交時發(fā)生的動作，通常包含服務器腳本的url,若沒有填寫，默認為當前url
—> method：指出表單數(shù)據提交的方式，如get或post
—> entrype：表單數(shù)據進行編碼的方式,如utf-8
2）<input>元素
用于收集用戶的信息；是一個空標記，語法為<input/>
主要屬性：
—> type：決定元素的類型；
—> value：取決于元素的類型(type),用作初始值(文本杠/密碼框)、用于提交的值(單/多選框)、按鈕上的文本顯示(提交/重置/普通按鈕)；
—> name: 單選或多選框的分組；
3）文本框與密碼框
文本框<input type=“text”/>
密碼框<input type=“password”/>
主要屬性：
—>value：用作初始值；
—>maxlength:限制輸入字數(shù)；
—>readonly：設置文本控件只讀，老版本可寫成readonly=“”;當前寫成readonly=“readonly”;

單選框與多選框
單選框：<input type = “radio”/>
多選框：<input type = “checkbox”/>
主要屬性：
—> value：當提交form時，若選擇了此單選框，則value的值就被發(fā)送到服務器；
—> name：單選或多選框的分組；
—> checked：設置初始狀態(tài)是否為選中；老版本可寫成checked=“”;當前寫成checked=“checked”;
5)按鈕：
+提交按鈕:<input type = “submit”/>傳送表單數(shù)據給服務器或其他程序處理，并刷新頁面；
+重置按鈕：<input type =“reset”/> 清除表單的內容并把所有表單控件恢復到默認值
+普通按鈕：<input type=“button”/> 用于執(zhí)行客戶端腳本，為其設置onclick事件，才會有功能
主要屬性：value：在按鈕上的文本顯示；
6）隱藏域與文件選擇框
隱藏域：<input type = “hidden”/> 不會顯示，常用于在頁面上隱藏那些不希望被用戶看到的數(shù)據；
文本選擇框：<input type=“file”> 選擇要上傳的文件
7）<label>元素
主要屬性：for: 表示與該元素相關聯(lián)控件的id值
作用：使用for屬性關聯(lián)其他元素，便單擊文本時，就像單元關聯(lián)的控件一樣；相當于獲取焦點
8）選項框
兩種：下拉選項框與滾動列表
—> 創(chuàng)建選項框<select>
—> name:選項框全名
—> size: 大于1，則為滾動列表，即是由size來區(qū)分下拉和滾動列表
—> multiple：設置多選
—> <option>創(chuàng)建選項
—>value：選項，用于提交的值
—> selected：預造中的項，老版本中可寫selected=“”,當前寫成selected=“selected”
9)<textarea>元素
多行文本輸入框<textarea>文本<textarea/>
屬性：
—> cols：指定文本區(qū)域列數(shù)
—> rows: 指定文本區(qū)域的行數(shù)
—> readonly：設置只讀
10）表單元素分組(表單元素特有)
—> <fieldset>: 為表單控件分組
—> <legend>: 為分組指定一個標題

博客地址：Web基礎之HTML

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

Web基礎之HTML

Web基礎之HTML

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

Web基礎之HTML

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频