Html總結

時間 2019-12-12

標籤 html 總結欄目 HTML 简体版

原文原文鏈接

html總結：javascript

一、企業應用計算模式主要有：CS模式（客戶端/服務器）和BS模式（瀏覽器/服務器模式）css

二、html:超文本標記語言。以標記和子標記描述網頁元素。
http：超文本傳輸協議。html

三、網頁以*.html做爲後綴名。
網頁以<html>做爲根元素，該元素中包含<head>和<body>兩個子元素。
<head>標記通常用於設置網頁標題、設置網頁編碼、書寫或導入樣式、書寫或導入JS等。
<body>標記用於描述網頁內容。java

四、<meta charset="utf-8">設置網頁編碼集瀏覽器

五、網頁註釋：
css註釋：/* */
js註釋：//單行 /* */多行安全

六、標題標記：<h1>~<h6>
段落標記<p>
無序列表：
<ul>
<li>第一選項</li>
<li>第二選項</li>
</ul>
有序列表：
<ol>
<li>第一選項</li>
<li>第二選項</li>
</ol>服務器

七、在網頁中有些符號必須以特殊的符號代替
空格： 
小於：<
大於：>框架

八、超連接<a href="……"></a>
href表示須要跳轉的頁面路徑。相對於本網頁而言，若是跳轉頁面和本網頁在同一目錄，則直接寫文件名；
若是跳轉頁面在本網頁所在目錄的子目錄下，則書寫爲html/aa.html。
若是跳轉頁面在本網頁的上級目錄，則書寫爲../aa.html。編碼

九、圖片：<img src="" width="" height=""> src屬性連接圖片路徑。規則和超連接連接路徑同樣spa

十、表格<table>，<thead>表示表頭，<tbody>表示表格內容。

十一、框架網頁iframe
<iframe src="html/aa.html" width="x" height="x" name="main"></iframe> 其中src爲框架網頁連接路徑，name爲框架網頁名稱
<a href="html/bb.html" target="main">顯示</a> 點擊超連接時，改變名稱爲main的框架網頁內容。

十二、塊級元素和內嵌元素
塊級元素定義的文本是換行的，而內嵌元素定義的文本是不換行的。
常見的塊級元素包括：div、blockquote、列表元素（dl、ol、ul）、fieldset、form、h1-h六、hr、p、pre、table等。
內嵌元素包括：span、a、img、label、全部的表單輸入元素、iframe、object等。

1三、表單<form action="" method="">
action表示表單提交的服務器URL地址
method表示提交方式。經常使用的是GET和POST。GET方式會在地址欄顯示提交的表單數據，POST不會顯示相對安全。

1四、表單元素
<input type="text" name="userName" value="aaa">文本框
<input type="password" name="pwd">密碼框
<input type="radio" value="1" name="sex">單選框，當name一致時，能夠互斥。提交時，會將選中單選框的value值提交給服務器
<input type="checkbox" value="1" name="like">複選框，提交時，會將選中單選框的value值提交給服務器。
<input type="hidden" name="id">隱藏表單，頁面上不顯示，但表單提交時，會將該表單數據提交給服務器。
<input type="file" name="face">文件表單，能夠選擇本地文件
<select name="edu">
<option value="1">高中</option>
<option value="2">大專</option>
</select>
下拉框，提交時，會將選中項option的value值提交給服務器

<textarea col="10" row="5"></textarea>多行文本框
<input type="submit"> 提交按鈕，能夠將表單數據提交給服務器
<input type="rest"> 重置按鈕，將表單數據還原成初始值
<input type="image" src=""/>圖片按鈕，做用相似於submit。但能夠將按鈕作成圖片方式
<input type="button"> 命令按鈕，主要書寫javascript事件

1五、id和name的區別
id表示網頁元素在網頁中的惟一標識，不能重複，能夠用於任何網頁元素，它的值不會隨表單提交給服務器
name通常用於表單元素，能夠重複，它的值會隨表單提交給服務器。

1六、readonly和disabled的區別
readonly表示只讀，只能用於文本框，不能修改內容，它的值能夠隨表單提交給服務器
disabled表示該元素不可用，不響應事件，不能修改內容。它的值不能隨表單提交給服務器。

1七、CSS層疊樣式表，使用的方式有：
外部樣式表：<link rel=「stylesheet」 href=「」 />在 href中導入css文件路徑。這種方式重用度好，能夠用於多個網頁

嵌入式樣式表，能夠在本網頁中使用
<style type=「text/css」>
p{}
</style>

內聯樣式：<p style=「」></p>只能在當前元素中使用

層次的優先級別從大到小依次爲：內聯樣式》嵌入樣式表》外部樣式表

1八、CSS選擇器規則：
元素選擇器： p{} 表示全部的p標籤均採用該樣式
h1,h2{}表示h1標籤和h2標籤均採該樣式

類選擇器： .aa{} 定義類選擇器，經過class="aa"將當前元素應用該選擇器，能夠用於多個元素。

id選擇器： #mm{} 定義id選擇器，表示id爲mm的元素採用該樣式，只能用於一個元素

包含選擇器： div img{} 表示div元素下面全部的img子元素均採用該樣式

通配選擇器： #mydiv *{} 表示id爲mydiv下面全部的子元素均採用該樣式

僞類選擇器： #data tr:hover{} 表示id爲data的元素下面全部的tr子元素，在鼠標移上去時，採用該樣式。

屬性選擇器： input[type=password]{}表示全部input標籤中，type屬性的值爲password的元素，採用該樣式。

優先級：
!important > id > class > element > 僞類 > *

1九、在CSS盒模型中，咱們能夠控制四個不一樣的分層屬性：
內容(content)：元素中的內容
外邊距（Margin）：表明元素外邊的空間，這個控件將元素相互分開。
邊框（Border）：位於元素的邊距內和元素的邊框距外之間的可配置的線。
內邊距（Padding）：元素內容和元素邊框之間的空間。

盒模型都可以用「上右下左」方式設置。若是僅給出兩個或三個值，那麼缺失邊的屬性值取與對邊相同的值

20、margin和padding
margin是和border的距離；padding是內容和border的距離
margin是對外的，padding是對內的

對於margin:
水平盒子的間距爲兩個盒子間距的和
垂直盒子的間距爲兩個盒子間距的較大值

2一、盒子的浮動，float:left左漂移，將塊級元素轉化爲內嵌元素。clear:left清除左漂移

2二、定位屬性
static靜態定位。表示按照HTML格式規則正常定位：
relative相對定位。相對於元素原始位置進行偏移
absolute絕對定位，是指某元素將定位在已經定位的父元素框架或瀏覽器窗口自己的左上角絕對位置。
fixed固定定位。相似 absolute，不過其包含塊是視窗自己

2三、顯示屬性在css中，有兩個屬性能夠控制元素的顯示和隱藏，即display屬性和visibility屬性 diplay='none'，元素不會佔空間visibility='hidden'元素會佔用空間

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。