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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

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

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

Notepad++專業(yè)版DW

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

center

right3.換行標記<br>1.排版標簽北京傳智播客教育4.水平線標記<hr>屬性：1.align=""設定線條置放位置，可選擇：left；right；center

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

塊級標簽<div>8.

行級標簽<span>無屬性，主要用于樣式表2.字體標記北京傳智播客教育1.<font>屬性：#ff00cc

\

rgb(0,0,255)color:顏色設置方式：單詞\size:字號取值(1-7)設置：用’+2’代表值是5或直接給值face:字體類型2.字體標記北京傳智播客教育2.標題標記<h1>.........<h6>一級標題最大，逐漸減小，h6最小3.特殊字符>大于號

©版權號<小于號

空格™

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

src="girl.gif"

width=100

height=112border=0

alt="beautiful

girl">

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

usemap="#Map<map

name="Map"><area

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

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

、實心圓disc

、實心方塊square

，默認disc定義列表(dl標簽) dt

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

_self

_parent

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

<tbody>

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

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

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

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

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

寬度height=“150px”

高度scrolling=“yes”

是否允許滾動src=“subframe/the_second.html“

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

下拉列表

size

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

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

a

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

等各種網(wǎng)頁組件?？捎脜^(qū)域來劃分網(wǎng)頁組件，

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

src="zxmzf.mp3"

width="300"height="300"

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

behavior=“alternate”

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

溫馨提示

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

評論

0/150

提交評論