2015年10月15日学习html基础笔记
一個互聯網公司的分工，小公司要求全能，拿一個項目全部做出來。大公司分工明細，主要步奏為策劃人員策劃方案，美工人員設計圖有.psd.rp等，前端人員做靜態頁面，后臺人員獲取數據java php .net。無論是處于那塊的人員，都要對于其他的有所了解。
www網頁服務，FTP文件上傳下載，telnet遠程控制
Apache2.2服務器
windows+r=運行，輸入services.msc調出服務控制臺
本地：127.0.0.1，訪問自己本地服務器，需要使用Apache架起服務器之后，將文件放置到htdocs文件夾當中。安裝Apache時要注意不能有中文文字不能有空格，可以直接安裝到C盤下，不要安裝到默認文件夾中。
主要使用的測試瀏覽器有IE、firefox、chrome、opera、safari
服務器端技術與客戶端技術
常見的服務器端技術（運行在服務器上）：
JSP/PHP/ASPX
（前端）常見的客戶端技術（運行在瀏覽器上）：
HTML/CSS/JS/SWF（flash）
計算機語言，HTML與JAVA/C/PHP不同，一門語言有三種結構，順序執行、循環執行、選擇執行。HTML里沒有循環、選擇等基本結構，只有純文本和52個標簽。
雙標記標簽：<標簽名>文本</標簽名>
單標記標簽：<標簽名/> 單標記標簽中不能包含內容
<hr/>水平線<br/>換行
Meta標記的使用
<meta name=”keywords” content=”value”>多個關鍵字內容之間可以用“，”分割
設置描述：<meta name=”description” content=”value” >
設置作者：<meta name=”author” content=”作者名”>
設置字符集：<meta http-equiv=”content-type” content=”text/html;charset=gb2312”/>或者utf-8
gb2312主要用于中文文字較多的，而utf-8是國標，在國際上使用較多。
設置頁面定時跳轉：<meta http-equiv=”refresh” content=”2;URL=http://www.baidu.com”/>
?
html與xhtml的區別，xhtml首先所有字母都小寫，其次所有標記都要有關閉。
格式：<標記 屬性1=參數1 屬性2=參數2>內容</標記>
?
不同標簽具有不同的屬性，所有標簽都具備以下四個屬性：
id：整個文檔每個標簽可以聲明一個唯一的id號
style：為元素指定css樣式
class：指定元素所屬的類型
title:指定標簽的彈出提示語
?
寫代碼前需要聲明文檔類型，否則會影響到css和javascript的解釋執行，很多效果就會出不來。
文檔類型聲明：（所有工具都能生成這句話）
<!DOCTYPE html PUTLIC “-//W3C//DTD XHTML1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
?
windows+d可以將桌面調出來。
?
meta data:元數據-描述數據的數據（視頻1day02視頻1的35分）
<meta http-equiv=”content-type” content=”text/html;charset=UTF-8”/>元數據，寫在head里面title上面比較好，這樣會告訴瀏覽器以下的文字內容以這個標準來解析。避免出現亂碼問題。
?
轉義字符：
<>正常來說是無法顯示的，會被認為是告訴瀏覽器的語言，所以需要使用轉義字符來顯示到前臺。
基本格式：&xxxx
<???? 是<
>???? 是>
空格?? 是
&????? 是&
?????? 是©
??????? 是™
???? ???是®；
XHTML中不使用描述樣式，都是使用CSS來控制樣式，而在html中描述樣式和描述語義是混雜的。例如<b>和<strong>，前面是描述樣式，后面是描述語義，在xhtml中<b>描述樣式標簽就不可存在了。xhtml中，<em>代替<i>。
如今新網頁中大多都是用的xhtml，為什么html卻沒被廢棄呢？因為之前很多老網頁沒有修改過，都還是用的描述樣式的方式，所以無法廢棄，只是新的不再使用。
html元素類型，共有100多個元素類型，差不多各占一半，有的只能用于區塊元素中，有的只能用于內聯元素中。如果區塊元素的用于內聯元素中，那么效果就不會顯示出來。
內聯標簽：<b><strong><i><em><u><s><sub><sup><span><img/><a><input type=”text”/><input type=”submit”/><label><select><textarea>
區塊標簽：<h1>到<h6><div><p><hr><pre><table><ul><li><ol><dl><dt><dd><form>
描述標簽：<b><i><sub><sup><width><color><align>
語義標簽：<p><strong><em><h1>到<h6>
分區元素用于為元素分組，常用與頁面布局。<span>和<div>
塊分區元素<div></div>，元素分組工具，用于內容分層和頁面布局，需配合CSS使用
行內分區元素<span></span>需配合css和Js才有效果
?
下標字：<sub></sub>
上標字：<sup></sup>
?
ctrl+d刪除一整行
ctrl+alt+↓復制一整行
?
標題字在不同的瀏覽器默認字體高度、間距都是不一樣，所以會存在兼容性的問題。要使用css來屏蔽這個問題。
<b/>,在html或者html5中“/”可以省略，但是在xhmtl中是不可以省略的。
<hr>分隔線元素，創建一條水平線，常用屬性為（size、width、align、color）
<img/>通知瀏覽器此刻應該向服務器發起一個圖片請求，src指定圖片的URL,alt屬性，如果圖片無法顯示則顯示此文字來替代。
?
html頁面中可能用到資源：圖片、css、js、另一個頁面
web開發用到的圖片格式
bmp:未經壓縮的bit圖，一般不用于web開發
psd：ps的原始文檔，支持層，頁面中不直接使用
tiff：出版印刷
raw：太大
jpeg：經過壓縮的圖片，保真度高，色彩豐富，適用于web中的照片，1024*768大壓縮到100k甚至更小完全可以接受
png：色彩沒有jpg豐富，但是透明度支持的好，壓縮比例大，適合于圖標
gif：色彩比較豐富，支持動畫效果，也在一定程度支持透明度。
?
鏈接的表現形式
?
頁面布局的三種方式：
table的使用主要用于顯示批量的數據，但是作為頁面布局已經過時。
div+css現在的主流
html5布局標簽，未來的趨勢
?
藍色的是內容所占區域，橙色的是間距，綠色的是填充。
?
form表單，用于收集用戶的數據，提交給服務器。有兩個屬性，action是指定表單數據的處理頁面，必須是動態頁面。還有input type。
?
地址欄url中最多輸入字符不能超過1024個字節。
轉載于:https://www.cnblogs.com/yiningfamily/p/4884350.html
總結
以上是生活随笔為你收集整理的2015年10月15日学习html基础笔记的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 怎么利用增强现实技术丰富泰山风景区的旅游
- 下一篇： CentOS 6.3 升级软件 gcc等