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