溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Web概述
web起源
web特點
1.易導航和圖形化界面
2.與平臺無關
3.分布式結構
4.動態(tài)性
5.交互性
HTML(Hyper Text Mark-up Language )即是
超文本標記語言, 通過使用標記標簽來描述頁面文檔
結構和表現形式的一種語言,再由瀏覽器進行解析,
然后把結果展示在網頁上。
?超文本指的是超鏈接
?標記指的是標簽
1).HTML文件用編輯器打開顯示的
是文本,可以用文 本的方式編輯.
2). HTML文件用瀏覽器打開,瀏
覽器會按照標簽描述內容將文件渲
染成網頁,顯示的網頁可以從一個
網頁 鏈接跳轉到另外一個網頁。
xhtml制定了文檔的編寫規(guī)范,html5可部分遵守,也可全部遵守,看開發(fā)要求。
1、所有的標簽必須小寫
2、所有的屬性必須用雙引號括起來
3、所有標簽必須閉合
4、img必須要加alt屬性(對圖片的描述)
html文檔代碼中可以插入注釋,注釋是對代碼的說明和解釋,注釋的內容不會顯示
在頁面上,html代碼中插入注釋 的方法是:
<!-- 這是一段注釋 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>西部開源中心</title>
</head>
<body>
<h2 >標題 </h2 >
<h3 >標題 </h3 >
<h4 >標題 </h4 >
<h5 >標題 </h5 >
<h6 >標題 </h6 >
<h7 >標題 </h7 >
<!沒有h7>
<h7 >標題 </h7 >
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<i>斜體</i><br/>
<em>斜體</em><br/><hr>
<b>加粗字體</b>
<strong>加粗字體</strong>
<cite>引用</cite>
x<sub>1</sub> = pi*r<sup>2</sup>
原價：<del>￥100</del>
現價：<b >￥10</b>
<br/>
<p>這種東西只有在并發(fā)不高的項目，管理系統中用。
<p>如果是面向用戶的高并發(fā)應用，都不要使用。
觸發(fā)器和存儲過程本身難以開發(fā)和維護，不能高效移植。
觸發(fā)器完全可以用事務替代。
存儲過程可以用后端腳本替代。
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>無序列表：四大名著</h2>
<ul>
<li>西游記</li>
<li>三國演義</li>
<li>水滸傳</li>
<li>紅樓夢</li>
</ul>
<h2>有序標簽：四大名著</h2>
<ol type="a">
<li>西游記</li>
<li>三國演義</li>
<li>水滸傳</li>
<li>紅樓夢</li>
</ol>
<h2>自定義列表：</h2>
<dl>
<dt>四大名著</dt>
<dd>西游記</dd>
<dd>三國演藝</dd>
<dd>水滸傳</dd>
<dd>紅樓夢</dd>
<dt>前端開發(fā)</dt>
<dd>html</dd>
<dd>css</dd>
<dd>js</dd>
</dl>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<! 塊級元素：一個元素占一整行>
<div >
div 標簽
</div>
<! 行內元素，一個元素站得位置取決標簽內容>
<div >
<span>
span 標簽
</span>
</body>
</html><img> 標簽定義 HTML 頁面中的圖像。有兩個必需的屬性:src 和 alt。
title:文字提示屬性
屬性:src: 圖片名及url地址
alt: 圖片加載失敗時的提示信息
width/height: 圖片寬度/高度
<a href=" ">...</a> 超級鏈接標簽
屬性:
href: 必須,指的是鏈接跳轉地址;
target: 表示鏈接的打開方式。
_blank 新窗口 ,
_self 本窗口(默認)
title:文字提示屬性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<! src:指定的時間圖片的位置，可以通過絕對路徑和相對路徑表示，但大多數情況使用相對路徑
alt：當圖片不能被加載出來時，顯示的文字信息 >
<img src="./img/baidu.gif" alt="百度圖片" width="500px"height="500px">
</body>
</html>錨點鏈接:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>文字標簽</h2>
<a >百度一下</a><br>
<a target="_blank" title="text"> 百度一下</a>
<h2>圖片搜索</h2><br/>
<hr>
<a href="http://www/baidu.com">
<img src="baidu.gif" alt="baidu" title="baidu">
</a>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>錨點</h2>
<a href="#a1">跳到a處</a>
<a href="#a2">跳到a2處</a>
<h3 id="a1">標題一</h3>
<p>
一、存儲過程優(yōu)點
存儲過程是一組預先創(chuàng)建并用指定的名稱存儲在數據庫服務器上的 SQL 語句，將使用比較頻繁或者比較復雜的操作，預先用 SQL 語句寫好并存儲起來，以后當需要數據庫提供相同的服務時，只需再次執(zhí)行該存儲過程。
1.具有更好的性能
存儲過程是預編譯的，只在創(chuàng)建時進行編譯，以后每次執(zhí)行存儲過程都不需再重新編譯，而一般 SQL 語句每執(zhí)行一次就編譯一次，因此使用存儲過程可以提高數據庫執(zhí)行速度。
2.功能實現更加靈活
存儲過程中可以應用條件判斷和游標等語句，有很強的靈活性，可以直接調用數據庫的一些內置函數，完成復雜的判斷和較復雜的運算。
3.減少網絡傳輸
復雜的業(yè)務邏輯需要多條 SQL 語句，當客戶機和服務器之間的操作很多時，將產生大量的網絡傳輸。如果將這些操作放在一個存儲過程中，那么客戶機和服務器之間的網絡傳輸就會減少，降低了網絡負載。
————————————————
版權聲明：本文為CSDN博主「徊憶羽菲」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/guo_qiangqiang/article/details/89950862
</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h3 id="a2">標題二</h3>
<p>
一、存儲過程優(yōu)點
存儲過程是一組預先創(chuàng)建并用指定的名稱存儲在數據庫服務器上的 SQL 語句，將使用比較頻繁或者比較復雜的操作，預先用 SQL 語句寫好并存儲起來，以后當需要數據庫提供相同的服務時，只需再次執(zhí)行該存儲過程。
1.具有更好的性能
存儲過程是預編譯的，只在創(chuàng)建時進行編譯，以后每次執(zhí)行存儲過程都不需再重新編譯，而一般 SQL 語句每執(zhí)行一次就編譯一次，因此使用存儲過程可以提高數據庫執(zhí)行速度。
2.功能實現更加靈活
</p>
</body>
</html>
標簽:
?表格標簽:table
?行標簽:tr
?單元格(表示列的概念):td
?表頭:th :加粗并且居中
?表格標題:caption 
?標簽合并:
行合并:rowspan
列合并:colspan
?標簽常用屬性:
border:邊框
width:寬度
height:高度
algin:對齊方式
center,left,right
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1px"align="center" width="500px" >
<caption>表格標題</caption>
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
</table>
</body>
</html>常用屬性:
? action屬性:提交的目標地址(URL)
? method屬性:提交方式:get(默認)和post
get方式:
URL地址欄可見
長度受限制
相對不安全.
post方式:
URL地址不可見
長度不受限制
相對安全.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<hr/>
<form action="sucess.html" method="get">
<!--創(chuàng)建三行兩列的表格-->
<table width="20%" align="center" >
<tr>
<td colspan="2" ><h4>用戶登錄</h4></td>
</tr>
<tr>
<td >用戶名</td>
<td><input type="text"></td>
</tr>
<tr>
<td >密碼</td>
<td><input type="password"></td>
</tr>
<tr>
<td colspan="2" > <input type="submit" value="登錄"></td>
</tr>
</table>
</form>
</body>
</html><input> 表單項標簽input定義輸入字段,用戶可在其中輸入數據。
在 HTML 5 中,type 屬性有很多新的值。
<select>...</select> 標簽創(chuàng)建下拉列表。
? name屬性:定義名稱,用于存儲下拉值的
? size:定義菜單中可見項目的數目,html5不支持
? disabled 當該屬性為 true 時,會禁用該菜單。
? multiple 多選
<option>... </option> 下拉選擇項標簽,用于嵌入到<select>標簽中使用的;
? value屬性:下拉項的值
? selected屬性:默認下拉指定項.
<textarea>...</textarea> 多行的文本輸入區(qū)域
? name :定義名稱,用于存儲文本區(qū)域中的值。
? cols :規(guī)定文本區(qū)內可見的列數。
? rows :規(guī)定文本區(qū)內可見的行數。
? disabled: 是否禁用
? readonly: 只讀
<button>...</button> 標簽定義按鈕。
<fieldset> --fieldset 元素可將表單內的相關元素分組。
<iframe>標簽會創(chuàng)建包含另外一個html文件的內聯框架(即行內框架),
src屬性來定義另一個html文件的引用地址
frameborder屬性定義邊框,
scrolling屬性定義是否有滾動條,
<iframe src="http://www..." frameborder="0" scrolling="no"></iframe>
a標簽的target屬性可以將鏈接到的頁面直接顯示在當前頁面的iframe中,代碼如下:
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
