HTMl網頁中的文本和圖像

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML5網頁中的文本和圖像</title>
	</head>
	<body>
		網頁中的文本分爲兩大類:一是普通文本;二是特殊文本字符;<br />
		半角大的空白&ensp;<br />
		全角大的空白&emsp;<br />
		不斷行的空白格&nbsp;<br />
		小於&lt;<br />
		大於&gt;<br />
		&符號&amp;<br />
		雙引號&quot;<br />
		版權&copy;<br />
		已註冊商標&reg;<br />
		商標(美國)&#8482;<br />
		乘號&times;<br />
		除號&divide;<br />
		文字與文字之間的空格如果超過一個,從第二個開始都會被忽略,這時候可以在鍵盤中文輸入法狀態下轉成全角輸入空格即可。或者直接shift+空格     
		;<br />
		儘量不要使用&nbsp;來表示多個空格,因爲多少瀏覽器對空格的距離實現是不一樣的。<br />
		文本的特殊樣式:<br />
		<p><b>我是粗體文字</b></p>
		<p><em>我是強調文字</em></p>
		<p><strong>我是加強調文字</strong></p>
		<p><i>我是傾斜文本,HTML中重要文本和傾斜文本都已經過時,需要CSS實現,CSS實現頁面樣式更加精細</i></p>
		<p>我是上標<sup>上標</sup></p>
		<p>我是下標<sub>下標</sub></p>
		<h1>一級標題行</h1>
		<h2>🎧二級標題行</h2>
		<h3>3即標題headline</h3>
		<h6>6級標題headline</h6>
		<ul>
			<li>unordered list</li>
			<li>unordered list</li>
			<li>unordered list
				<ol>
					<li>ordered list</li>
				</ol>
			</li>
			<li><ul>
				<li>unordered list</li>
			</ul></li>
			
		</ul>
		<ol>
			<li>ordered list</li>
			<li>ordered list</li>
			<ul>
				<li>unordered list</li>
				<li>unordered list</li>
			</ul>
			<ol>
				<li>ordered list</li>
				<li>ordered list</li>
			</ol>
		</ol>
		
		<img src="" width="100px" height="100px" alt="圖片提示:鼠標懸浮顯示或沒加載成功會提示。但是隨着互聯網的發展,網速已經不是制約因素,但是另一好處
		就是方便搜索引擎的檢索" />
		
	</body>
</html>

 

發佈了203 篇原創文章 · 獲贊 120 · 訪問量 18萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章