前端視頻-day2

xml介紹

通俗的講xml為了數(shù)據(jù)而存在的斑胜。
文檔類型簡(jiǎn)單理解為不同的html
html第一行是用來聲明當(dāng)前用的的html是哪個(gè)版本鞠抑,html版本4.0后數(shù)字版本號(hào)基本固定饭聚,但又分化為3個(gè)文檔類型,xml也有3個(gè)文檔類型

嚴(yán)格型:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

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

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

鏈接標(biāo)簽

  <a href=”設(shè)定鏈接的目標(biāo)網(wǎng)頁(yè)文件url” target=”設(shè)定要打開該網(wǎng)頁(yè)的瀏覽器窗口的名字” >內(nèi)容部分</a>

瀏覽器窗口的名字和含義:

  _blank:  新的窗口(空白窗口)
  _self:   當(dāng)前網(wǎng)頁(yè)本身這個(gè)窗口
 _parent:  當(dāng)前窗口的“上一級(jí)”窗口 ——學(xué)frameset的時(shí)候才能應(yīng)用上搁拙。
  _top:  當(dāng)前窗口所在的窗口層級(jí)中的最頂層那個(gè)窗口   ——學(xué)frameset的時(shí)候才能應(yīng)用上秒梳。

target如果沒有設(shè)定,則現(xiàn)在通常的默認(rèn)值是_self.

url值“鏈接地址”

絕對(duì)地址:有本地絕對(duì)地址和互聯(lián)網(wǎng)絕對(duì)地址箕速。
相對(duì)地址:./代表當(dāng)前地址酪碘,../代表當(dāng)前網(wǎng)頁(yè)上一層地址,/代表最頂層地

址盐茎。

鏈接的變種形式----錨點(diǎn):

錨點(diǎn)是指一個(gè)網(wǎng)頁(yè)中的某個(gè)位置兴垦。
錨點(diǎn)的作用是讓用戶在一個(gè)比較長(zhǎng)的網(wǎng)頁(yè)中可以快速定位其所需要的內(nèi)容(位置)。
錨點(diǎn)的實(shí)現(xiàn)需要由兩個(gè)a標(biāo)簽來配合使用:
設(shè)定錨點(diǎn)的鏈接:

    <a  href=”#錨點(diǎn)名” >內(nèi)容部分</a>

設(shè)定錨點(diǎn)的名字(錨點(diǎn)位置):

    <a name=”錨點(diǎn)名”></a>

其他相關(guān)標(biāo)簽:

   link:用于引入其他文件字柠,主要是css文件探越。
   base:用于設(shè)定當(dāng)前網(wǎng)頁(yè)中的所有a鏈接的目標(biāo)打開窗口: <basetareget=”_blank” />

這兩個(gè)標(biāo)簽都在head標(biāo)簽中使用。

圖片標(biāo)簽

<img src=”圖片文件的路徑url” alt=”設(shè)定圖片的描述信息” width=”100” height=”50” border=”1” align=”left || center || right” />

alt屬性:主要給搜索引擎使用使索搜引擎可以“識(shí)別”該圖的具體內(nèi)容窑业。
border:用于設(shè)定圖片的邊框線的“粗細(xì)”钦幔,單位還是px。
align:用于設(shè)定圖片的定位方式:靠左常柄,劇中鲤氢,靠右

圖像映射技術(shù)

圖像映射,是指在一張圖片上產(chǎn)生多個(gè)不同的鏈接西潘,也就是指在圖片上的不同位置卷玉。
圖像映射技術(shù)需要使用一張圖片,以及一個(gè)可以對(duì)該圖片進(jìn)行“區(qū)域劃分”的map標(biāo)簽實(shí)現(xiàn)喷市,劃分出的每個(gè)“小”區(qū)域可以單獨(dú)設(shè)定鏈接相种。設(shè)定的小區(qū)塊可以有3種形狀:
形式:
<area shape="設(shè)定形狀" coords="坐標(biāo)尺寸之類" href="設(shè)定
該區(qū)域的鏈接 " >

   矩形:
    <area shape="rect" coords="矩形的左上角坐標(biāo)和右下角坐標(biāo)" href="01圖片標(biāo)記.html" >
   圓形:
    <area shape="circle" coords="圓心的坐標(biāo)和半徑" href="01圖片標(biāo)記.html" >
多邊形:
    <area shape="poly" coords="連續(xù)的點(diǎn)的坐標(biāo)" href="01圖片標(biāo)記.html" >

通常坐標(biāo)是以“左上角”為原點(diǎn),向右為x正方向东抹,向下為y正方向蚂子。

多媒體及相關(guān)插件介紹

網(wǎng)上的聲音視頻基本上是通過flash這個(gè)技術(shù)來實(shí)現(xiàn)表現(xiàn)的沃测,下面是引入MP3

 <objekt classid=”clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95”width=”300” height=”300”>
 <param name=”filename” value=”abc.mp3”/>
 <param name=”autostart” value=”false”/>
 <embed autostart=”false” src=”abc.mp3” width=”232” height=”232”>
 </embed>
 </obbject>

表格技術(shù)初步

表格使用如下3個(gè)標(biāo)簽搭配以形成完整的表格基本表現(xiàn):

 <table>
      <tr>
        <td>這個(gè)td中才是放置具體“內(nèi)容部分”的區(qū)域</td>
      </tr>
 </table>

table常用屬性

width:設(shè)定表格的寬
height:設(shè)定表格的高
border:設(shè)定表格的邊框線
cellpadding: 設(shè)定單元格中的內(nèi)容與單元格的邊框線之間的“間距”缭黔,單位是px
cellspacing: 設(shè)定相鄰的兩個(gè)元格的邊框線之間的“間距”食茎,單位是px
bgcolor:設(shè)定表格的總體上的背景顏色
background: 設(shè)定表格的總體上的背景圖
align: 設(shè)定表格總體上的定位方式。
bordercolor:設(shè)定邊框線的顏色

td常用屬性:

width:設(shè)定單元格的寬
height:設(shè)定單元格的高
bgcolor:  設(shè)定單元格的背景顏色
background: 設(shè)定單元格的背景圖
align: 設(shè)定單元格中的內(nèi)容的水平對(duì)齊方式
valign: 設(shè)定單元格中的內(nèi)容的垂直對(duì)齊方式
colspan:  設(shè)定單元格可橫跨的列數(shù)馏谨。
rowspan:  設(shè)定單元格可橫跨的行數(shù)别渔。

td設(shè)定普通單元格
th設(shè)定標(biāo)題單元格
作為表格“table”,其內(nèi)部的所有行還可以進(jìn)一步進(jìn)行“表格區(qū)域劃分”惧互,通常有3種形式的表格區(qū)域:

thead:代表表格的“頭部”區(qū)域哎媚,其中可以放置tr(及其下屬)標(biāo)簽。
tbody:代表表格的“中部”區(qū)域(主體區(qū)域)喊儡,同樣可以放tr——所有沒有明確使用分區(qū)標(biāo)簽歸到某個(gè)區(qū)域的tr標(biāo)簽拨与,都自動(dòng)隸屬于tbody分區(qū)“拢——也就是說买喧,tbody有可能自動(dòng)出現(xiàn)。
tfoot:代表表格的“尾部”區(qū)域匆赃,同樣可以放tr淤毛。

表格標(biāo)簽的關(guān)系總結(jié):

總結(jié).png

字符實(shí)體

字符實(shí)體其實(shí)就是用某種特殊的符號(hào)來代表某種具有特定含義的字符。
常用的幾個(gè)字符實(shí)體:


image.png

用了幾天時(shí)間吧day2的視頻全都看完然后一次性把知識(shí)點(diǎn)都羅列出來算柳,這幾天看的其實(shí)大部分知識(shí)點(diǎn)在上學(xué)期已經(jīng)學(xué)過了低淡,看了這次又讓自己差不多算復(fù)習(xí)了一下之前學(xué)的,更加深了對(duì)這些知識(shí)點(diǎn)的記憶瞬项,也檢查出來自己之前學(xué)的那塊不太熟蔗蹋,找到加固哪塊的方向。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末囱淋,一起剝皮案震驚了整個(gè)濱河市纸颜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌绎橘,老刑警劉巖胁孙,帶你破解...
    沈念sama閱讀 211,376評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異称鳞,居然都是意外死亡涮较,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門冈止,熙熙樓的掌柜王于貴愁眉苦臉地迎上來狂票,“玉大人,你說我怎么就攤上這事熙暴」胧簦” “怎么了慌盯?”我有些...
    開封第一講書人閱讀 156,966評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)掂器。 經(jīng)常有香客問我亚皂,道長(zhǎng),這世上最難降的妖魔是什么国瓮? 我笑而不...
    開封第一講書人閱讀 56,432評(píng)論 1 283
  • 正文 為了忘掉前任灭必,我火速辦了婚禮,結(jié)果婚禮上乃摹,老公的妹妹穿的比我還像新娘禁漓。我一直安慰自己,他們只是感情好孵睬,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,519評(píng)論 6 385
  • 文/花漫 我一把揭開白布播歼。 她就那樣靜靜地躺著,像睡著了一般掰读。 火紅的嫁衣襯著肌膚如雪秘狞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,792評(píng)論 1 290
  • 那天磷支,我揣著相機(jī)與錄音谒撼,去河邊找鬼。 笑死雾狈,一個(gè)胖子當(dāng)著我的面吹牛廓潜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播善榛,決...
    沈念sama閱讀 38,933評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼辩蛋,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了移盆?” 一聲冷哼從身側(cè)響起悼院,我...
    開封第一講書人閱讀 37,701評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎咒循,沒想到半個(gè)月后据途,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,143評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡叙甸,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,488評(píng)論 2 327
  • 正文 我和宋清朗相戀三年颖医,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片裆蒸。...
    茶點(diǎn)故事閱讀 38,626評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡熔萧,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情佛致,我是刑警寧澤贮缕,帶...
    沈念sama閱讀 34,292評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站俺榆,受9級(jí)特大地震影響感昼,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜肋演,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,896評(píng)論 3 313
  • 文/蒙蒙 一抑诸、第九天 我趴在偏房一處隱蔽的房頂上張望烂琴。 院中可真熱鬧爹殊,春花似錦、人聲如沸奸绷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)号醉。三九已至反症,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間畔派,已是汗流浹背铅碍。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留线椰,地道東北人胞谈。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像憨愉,于是被迫代替她去往敵國(guó)和親烦绳。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,494評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理配紫,服務(wù)發(fā)現(xiàn)径密,斷路器,智...
    卡卡羅2017閱讀 134,629評(píng)論 18 139
  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,050評(píng)論 0 1
  • (1)文檔類型 文檔類型:html文件的第一行代碼通常是聲明文檔網(wǎng)頁(yè)文檔類型(DTD)躺孝,文檔類型可以簡(jiǎn)單的理解為 ...
    Y原諒閱讀 272評(píng)論 0 0
  • HTML標(biāo)簽解釋大全 一享扔、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,229評(píng)論 1 41
  • “孩子,不要駝背植袍,你的背上會(huì)長(zhǎng)出鍋噠惧眠。” 張小鍋是個(gè)羅鍋奋单,每天弓著背貓著腰锉试,陡大的小山丘在他背上聳立著,好像隨時(shí)...
    阮迦澍閱讀 411評(píng)論 9 2