這段時間實在是太閑了,公司沒有什么大需求,打算在近期學習一下H5,必經感覺自己只會OC技能比較單一,純屬個人筆記,不做其他用途
<!DOCTYPE html>文檔聲明,告訴計算機這是一個HTML5文檔。
<html> </html> 雙標簽,所有的文檔內容均包含在這個標簽里面。
<head> </head> 不可見內容,包含文檔標題、字符編碼等。
<body> </body> 可見內容,圖片、文本表單等所有可見內容
<!DOCTYPE html> <!-- 文檔聲明 -->
<html> <!-- 表示文檔的開始 -->
<head> <!--head標簽存放文檔的基本信息,不可見元素 -->
<meta charset="utf-8"> <!-- 聲明字符編碼 -->
<title>測試</title> <!-- 聲明文檔標題 -->
</head>
<body> <!-— body標簽存放文檔可見內容 -->
好無聊啊,好無聊啊,好無聊啊
</body>
</html> <!-- 表示文檔結束 -->
</br>
</br>
開始標簽 元素內容 結束標簽
<h1> h標簽用來表示標題 </h1>
<p> p標簽表示一個段落 </p>
<hr> 我是一個單標簽,我會給文檔加一個橫線 *注意我沒有結束標簽哦!
屬性的語法:<標簽 屬性1=參數1>
注意空格的使用
(1)align屬性:我的作用是指定內容的對齊方式,left:左對齊(我是默認值哦);right:右對齊;center:居中對齊
(2)bgcolor屬性:我的作用是添加一個背景顏色
掌握常用的文本元素
文本元素,就是講一段文本設置成相匹配的結構和含義
b元素: 我的作用就是 加粗文字;
br元素: 我的作用就是強制換行;
i元素: 我的作用就是讓 文字傾斜;
del元素: 我的作用就是 刪除文子
strong元素: 我的作用是強調一段文本我的實際作用也是加粗文字.
wbr元素: 我的作用是表示安全換行Theshiyigehenchanghenchangdedanci.
再來對比一下沒有安全換行的文本Theshiyigehenchanghenchangdedanci.
em元素: 我的作用是強調,我的實際作用也是讓文字傾斜
s元素: 我的實際作用就是 刪除線;從語義上來看,表示不準確的刪除。
u元素: 我的實際作用就是 給文字加下劃線
ins元素: 我的實際作用也是 給文字加下劃線;從語義上來看,是添加一段文字,起到強調作用。
small元素: 我的作用是 添加小號字體 ,從語義上來看,用于免責聲明和澄清聲明。
sub和sup元素:我們的作用就是添加下標和上標: sub表示下標:HTML5;sup表示上標我的房子100m2
dfn元素: 我的作用從語義上看表示定義術語,是對一個詞或短語的解釋,實際效果就是傾斜文本
abbr元素: 我的作用是表示一段文本的縮寫,在文本顯示上沒有任何實際效果,比如WTO
q元素: 我的作用從語義上看表示引用來自其他地方的的內容, 我的實際作用就是給文本加上雙引號
code等元素: code元素用來表示計算機代碼片段;function(){}
var元素用來表示編程語言中的變量; num
samp元素表示程序或計算機的輸出您沒有權限瀏覽該網頁
kbd元素表示某部分內容是由用戶利用鍵盤輸入如:請按Enter鍵
這幾個元素屬于英文范疇,必須將lang="en",英語才能體現效果。
ruby元素: 我的作用是表示位于表意文字上方或右方的注音符號 英 (ying) 雄(xiong)***不常用,瀏覽器支持不太好,很多瀏覽器不支持此功能
cite元素: 我的作用從語義上來看就是表示引用其他作品的標題。 實際效果就是加粗文本
bdo元素: 我的功能是設置文字方向,必需使用dir屬性才可以設置,共兩個值,rtl(從右到左);ltr(從左到右)默認為ltr
rtl就是從右到左,即:right to leftmark元素: 我的作用是突出顯示文本,用于記號, 我的實際作用就是加上一個黃色的背景。
time元素: 我的作用從語義上來看就是表示日期和時間,例如 2015-9-18
span元素: 我的作用就是表示一般性的文本,沒有特殊效果