不成對出現(xiàn)的標簽 <br> <hr> <meta><img><input..><option..><link>
<p>標簽 ?段落標簽 ? ?<h1>--<h6>僅僅用于標題文本,
<strong> ? 用于強調(diào)文本 強度更深 表示重要文本 ?<b>標簽 ?視覺加粗效果 單純?yōu)榱水a(chǎn)生加粗??
<em>用于強調(diào)文本 ?<i>只是視覺斜體效果 ?<strong>比<em>強調(diào)更強
—->空格 ?>—>大于號 ? <—>小于號 ?"—>大于號
<span>對被用來組合文檔中的行內(nèi)元素 ?當對它應用樣式時,才會產(chǎn)生視覺上的變化
<pre>文字的格式按源碼的排版來顯示,我們稱之為預處理格式
<a>他有一個必不可少的屬性 href
target屬性 ?_self(在原來頁面打開) ?_blank(新窗口打開)
_top(打開時忽略所有的框架)_parent(在父窗口中打開)
創(chuàng)建錨點和錨鏈接
錨點也是一種超鏈接,是頁面內(nèi)進行跳轉(zhuǎn)的超鏈接
第一步:創(chuàng)建錨點 ?<a ?name = “錨點名稱”></a>
第二步:使用創(chuàng)建好的錨點名稱 <a href="#錨點名稱">內(nèi)容</a>
常見圖片格式jpg png ?gif ? ?Gif只支持全透明)Jpeg/jpgPng半/全透明都支持
圖片標簽寫法 :<img src="" ?alt="" ?width="" ?height=""/>?
圖片四要素:
src=""圖片路徑
alt="圖片含義"
width=""圖片寬度 和圖片大小保持一致
height=""圖片高度 和圖片大小保持一致
title=""
路徑知識:
相對路徑、絕對路徑:
相對路徑:(Relative Path) 相對于該文件的路徑;
絕對路徑:(Absolute Path) 從磁盤出發(fā)的路徑;
<img src=" ".....align=""/>?align屬性–設置圖片與后面文字的位置關系
值–top、bottom、middle、absmiddle、left、right
/開頭表示根目錄;
./表示當前目錄;(斜畫線前面一個點)
../上級目錄;(斜畫線前面兩個點)
直接用文件名不帶/也表示同一目錄
這些都是相對于當前文件的位置來說的,如果用絕對路徑的話就是寫全了。
? <ul> 無序列表
無序列表是一個沒有順序項目的列此列表項默認粗體圓點進行標識
<ol>有序列表
有序列表也是一列項目,只是列表項目使用的是數(shù)字進行標記。 有序列表始于<ol>標簽。每個列表項始于<li>標簽
無序列表-列表符號:
type="circle"空心圓type=“disc”實心圓 默認值type="square"方塊符
有序列表-列表符號
type="A" A B C D
type="a" ?a b c d
type="1" 1 2 3 4 ?默認值
type=”I” I II III ?type=”i” i ii iii ?羅馬數(shù)字標識
定義列表以 <dl>標簽開始 每個定義列表項以 <dt>開始 每個自定義列表項的定義以 <dd>開始?
<dl></dl>用來創(chuàng)建一個普通的列表,
<dt></dt>用來創(chuàng)建列表中的上層項目,
<dd></dd>用來創(chuàng)建列表中最下層項目,
<dt></dt> ?和<dd></dd>都必須放在<dl></dl>標志對之間
<form>表單標簽
<form>
<input type ="text"/>
</form>
<form action=“html.do" method="get">
? ? ? ? username: <input type ="text" name="users"/>????
? ? ? ? <input type="submit" value="提交"/>
</form>
<input>標簽的掌握
?常用type類型:<input type="" name="" value=”“/>
type="text"單行文本輸入框
type="password"密碼(maxlength="")
type="radio"單項選擇(checked="checked")
type="checkbox"多項選擇
type="button"按鈕
type="submit"提交type="image"圖片提交
type="file"上傳文件
type="reset"重置
type="hidden"隱藏
<lable>元素不會向用戶呈現(xiàn)任何特殊效果。標簽的for?屬性應當與相關元素的?id屬性相同。
<lable for="male">男: </lable> <input type="radio" name="sex" id="male"/>
<lable for="nv”>女:</lable><input type="radio" name="sex" ?checked="check">
<textarea>文本域標簽 ? ?rows表示這個文本域有多少行 ? cols表示這個文本域有多少列
<select>
<form>
? ? ?<select name="" id="">
? ? ?<option value="1">1月</option>
? ? ? </select>
</form>
<table>的border屬性不能少
<tr>可以定義表格中的一行?
<td> ?表示一個單元格
border-collapse屬性設置是否將表格邊框折疊為單一邊框:
border-collapse:collapse;
colspan左右合并
rowspan上下合并
第一部分總結(jié):
非可視化標簽:headmetastylescrpit...
可視化標簽:imgdivspanaulli…
只有可視化標簽,才能用css改變它
單標簽:metalinkbaseimginputbrhr
雙標簽:htmlheadbodydivapspan..ullioldl….
常用可視化標簽
div
一般用它來布局
a超鏈接標簽
href*屬性:設置跳轉(zhuǎn)的網(wǎng)頁地址
target屬性:設置跳轉(zhuǎn)的目標
結(jié)論:凡事頁面可以點擊跳轉(zhuǎn)或者表單提交的文字,都用a標簽
img
src*屬性用來設置圖片的url數(shù)據(jù)
alt提供給搜索引擎搜索的
width
height
結(jié)論 :顯示圖片
ul li
列表
結(jié)論:只要將來設計頁面中有固定樣式的列表,就用ul和li
tablecaptiontrtd (th)
慢慢已經(jīng)被淘汰了 被ul li代替
如果是合并豎排的就是合并行(rowspan)
如果是合并橫排的就是合并列(colspan)
