黑馬android開發(fā)高級(jí)教程52期無(wú)網(wǎng)頁(yè)設(shè)計(jì)html_第1頁(yè)
黑馬android開發(fā)高級(jí)教程52期無(wú)網(wǎng)頁(yè)設(shè)計(jì)html_第2頁(yè)
黑馬android開發(fā)高級(jí)教程52期無(wú)網(wǎng)頁(yè)設(shè)計(jì)html_第3頁(yè)
黑馬android開發(fā)高級(jí)教程52期無(wú)網(wǎng)頁(yè)設(shè)計(jì)html_第4頁(yè)
黑馬android開發(fā)高級(jí)教程52期無(wú)網(wǎng)頁(yè)設(shè)計(jì)html_第5頁(yè)
已閱讀5頁(yè),還剩20頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

北京傳智播客教育HTML傳智.陸遜主要內(nèi)容北京傳智播客教育HTML概述HTML編寫工具及特點(diǎn)具體標(biāo)簽的介紹排版標(biāo)簽字體標(biāo)記圖像標(biāo)記清單標(biāo)記超鏈接表格標(biāo)記框架標(biāo)記及<iframe>表單標(biāo)記及語(yǔ)義化多媒體標(biāo)記頭標(biāo)記HTML北京傳智播客教育全稱為HyperTextMackeupLanguage,譯為超文本標(biāo)記語(yǔ)言,不是一種編程語(yǔ)言,是一種描述性的標(biāo)記語(yǔ)言,用于描述超文本中內(nèi)容的顯示方式。比如字體什么顏色,大小等。HTML中標(biāo)簽發(fā)展趨勢(shì)XHTML1.0

2001-5-31HTML4.012000-1-26HTML4.01999-12-24HTML3.21997-12-18HTML2.01996-1-14HTML5XHTML2.02013-5-6XHTML1.1目前網(wǎng)頁(yè)中常用北京傳智播客教育互聯(lián)網(wǎng)的基本概念北京傳智播客教育網(wǎng)頁(yè)主頁(yè)(首頁(yè))標(biāo)記元素屬性xhtmldhtmlhttp開發(fā)工具北京傳智播客教育記事本EidtPlus

Notepad++專業(yè)版DW

(DreamWeaver)編寫規(guī)范北京傳智播客教育1.擴(kuò)展名2.書寫規(guī)范3.文檔的主要組成部分1.排版標(biāo)簽北京傳智播客教育1.注釋標(biāo)記<!--注釋-->2.段落標(biāo)記<p>屬性:align="屬性值"left

center

right3.換行標(biāo)記<br>1.排版標(biāo)簽北京傳智播客教育4.水平線標(biāo)記<hr>屬性:1.align=""設(shè)定線條置放位置,可選擇:left;right;center

三種設(shè)定值。2.size="2"設(shè)定線條厚度,以像素作單位,內(nèi)定為2。3.width="70%"設(shè)定線條長(zhǎng)度,可以是絕對(duì)值或相對(duì)值,內(nèi)定為100%。4.color="#0000FF"『只適用于IE』5.noshade設(shè)定線條為平面顯示,若刪去則具陰影或立體,這是內(nèi)定值。1.排版標(biāo)簽北京傳智播客教育5.居中標(biāo)記<center>6.預(yù)定義標(biāo)簽<pre>7.

塊級(jí)標(biāo)簽<div>8.

行級(jí)標(biāo)簽<span>無(wú)屬性,主要用于樣式表2.字體標(biāo)記北京傳智播客教育1.<font>屬性:#ff00cc

\

rgb(0,0,255)color:顏色設(shè)置方式:?jiǎn)卧~\size:字號(hào)取值(1-7)設(shè)置:用’+2’代表值是5或直接給值face:字體類型2.字體標(biāo)記北京傳智播客教育2.標(biāo)題標(biāo)記<h1>.........<h6>一級(jí)標(biāo)題最大,逐漸減小,h6最小3.特殊字符>大于號(hào)

©版權(quán)號(hào)<小于號(hào)

空格™

商標(biāo)2.字體標(biāo)記北京傳智播客教育4.加粗標(biāo)記<strong>,<b>5.劃線標(biāo)記<u>,<s>6.斜體標(biāo)記<i>7.上下標(biāo)<sup>,<sub>3.HTML中圖片的使用北京傳智播客教育<img

src="girl.gif"

width=100

height=112border=0

alt="beautiful

girl">

普通插入圖形的熱點(diǎn)區(qū)域

usemap="#Map<map

name="Map"><area

shape="circle"coords="322,208,32"

href="2.gif"></map>4.HTML中清單列表的使用北京傳智播客教育有序列表(ol標(biāo)簽)type屬性:A,a,I,i,1.默認(rèn)是阿拉伯?dāng)?shù)字1start(控制序號(hào)開始的值)默認(rèn)開始值為1無(wú)序列表(ul標(biāo)簽)type:空心圓circle

、實(shí)心圓disc

、實(shí)心方塊square

,默認(rèn)disc定義列表(dl標(biāo)簽) dt

dd5.HTML中超鏈接的使用北京傳智播客教育文字的超鏈接(a標(biāo)簽)圖片的超鏈接href屬性目標(biāo)地址郵件的鏈接壓縮文件的鏈接錨鏈接target屬性:_blank

_self

_parent

_top6.HTML中表格的使用北京傳智播客教育創(chuàng)建一個(gè)簡(jiǎn)單的表格表格屬性border,bordercolor,width,height,align,cellspacing,cellpadding表格的標(biāo)題<caption>表格中單元格的合并(rowspan,colspan)表格的分塊和嵌套<thead>

<tbody>

<tfoot>7.HTML中框架集的使用北京傳智播客教育窗口框架的建立(frameset,frame標(biāo)簽)窗口屬性:rows水平分割

cols垂直分割frameborder:0或1隱藏或顯示邊框scrolling=“no” yes是否可以滾動(dòng)

noresize不可以改變窗口大小8.iframe標(biāo)簽的使用北京傳智播客教育<iframe

src="../code/1.jpg"

width="400"height="300"/>屬性name=“mainFrame“窗口名稱width=“800px“

寬度height=“150px”

高度scrolling=“yes”

是否允許滾動(dòng)src=“subframe/the_second.html“

鏈接的網(wǎng)頁(yè)9.HTML中表單的使用北京傳智播客教育表單標(biāo)簽:<form>用于與服務(wù)器端的交互。<input>:輸入標(biāo)簽,接收用戶輸入,Type屬性text,password,radio,checkbox,hidden,submit,reset,button,file,image<select>標(biāo)簽

下拉列表

size

selected<textare>標(biāo)簽多行文本框<lable>:for屬性配合id一起用形成標(biāo)注form表單的兩種提交方式的區(qū)別9.語(yǔ)義化的表單—擴(kuò)展metction=""et><fields<legend>用戶信息</legend>姓名:<input

type="text"/></fieldset></form><form

a

域hod="post">域標(biāo)題北京傳智播客教育html中區(qū)域和層的概念北京傳智播客教育區(qū)域標(biāo)簽就是用來(lái)定義網(wǎng)頁(yè)上的一個(gè)特定區(qū)域,在這個(gè)特定區(qū)域內(nèi)可以包含文字,圖片和表格

等各種網(wǎng)頁(yè)組件??捎脜^(qū)域來(lái)劃分網(wǎng)頁(yè)組件,

各個(gè)區(qū)域之間都是彼此獨(dú)立的。區(qū)域的標(biāo)簽div和span二者的區(qū)別10.HTML中多媒體文件的使用北京傳智播客教育多媒體文件的鏈接<embed

src="zxmzf.mp3"

width="300"height="300"

autostart="true"loop="true"></embed>在網(wǎng)頁(yè)中加入背景音樂(lè)<bgsoundsrc="zxmzf.mp3"loop="-1"/>跑馬燈<marquee

behavior=“alternate”

width>11.HTML的頭標(biāo)簽北京傳智播客教育頭標(biāo)簽都放在<head></head>

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論