HTML基礎程式碼

魚之樂發表於2018-05-11

<!–註釋內容,在瀏覽時不會顯示–>
<!DOCTYPE HTML> <!–宣告文件型別–>
<html>

<!–頭部內容:–>
<head>
<script>
document.write(“HelloWorld”)
</script>
<!–相對路徑的預設連結–>
<!– <base href=”http://www.sina.com.cn” target=”_blank”></base> –>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta name=”author” content=”SaiqiangYu”/>
<meta http-equiv=”refresh” content=”” />
<meta name=”description” content=”基礎學習 & 教程 筆記”>
<link rel=”stylesheet” type=”text/css” href=”test.css”>
<title>html基礎頁面測試</title>
<!–內部樣式表–>
<style type=”text/css”>

</style>
</head>

<!–可見頁面內容:–>
<body>
<a id=”tips”>頁面頂端</a>

在body內在其他標籤內

<h1>1號標題顯示</h1>
<font size=”1″>這是1號字型文字</font>
<font size=”6″>這是6號字型文字</font>
<h3>3號標題顯示</h3>
離離原上草(br換行)<br/>一歲一枯榮(br換行)<br/>
<h6>6號標題顯示</h6>
<p>這是一個段落</p>
<p>這是下一個段落</p>
<hr>
<img src=”timg.jpg” width=”1200″ height=”798″ border=”0″ alt=”BeautifulGirl”>
<p><a href=”http://www.baidu.com” style=”text-decoration:none;”>百度一下,你就知道</a></p>
<hr>

<h2>文字格式化<h2>
<b>粗體文字b</b><br>
<em>著重文字em</em><br>
<i>斜體字i</i><br>
<small>小號字samll</small><br>
<strong>強調:加重語氣strong</strong><br>
<sub>定義下標字sub</sub><br>
<sup>上標字sup</sup><br>
<ins>插入字ins</ins><br>
<del>刪除字</del><br>
<hr>

<h2>計算機輸出標籤</h2>
<code>計算機程式碼code</code><br>
<kbd>鍵盤碼</kbd><br>
<samp>計算機程式碼樣本samp</samp><br>
<var>變數var</var><br>
<pre>預格式文字</pre><br>
<hr>

<h2>引文,引用,及標籤定義</h2>
定義縮寫abbr:<abbr title=”HyperText Markup Language”>HTML</abbr><br>
定義地址address:<address>Saiqiang Yu<br>from JiangXi<br>IN China.</address><br>
定義文字方向:<bdo dir=”rtl”>定義文字方向</bdo>
<p><blockquote cite=”www.baidu.com”>定義一個引用,引用內容通常會兩端縮排40px</blockquote></p>
定義短語引用p<p>佛說<q>前世的五百次回眸換來今生的一次插肩而過。</q></p>
定義作品<p><cite>閒來筆譚</cite>吳官正著</p>
<p><dfn>定義一個定義專案<dfn></p>
<hr>

<h2>連結</h2>
<p>連結屬性targe值_blank(在父類上重新整理):<a href=”http://www.baidu.com” target=”_blank”>百度一下_blank</a></p>
<p>連結屬性targe值_top(重新建立視窗):<a href=”http://www.baidu.com” target=”_top”>百度一下_top</a></p>
<p>連結屬性targe值_self(重新建立視窗):<a href=”http://www.baidu.com” target=”_self”>百度一下_self</a></p>
<p>連結屬性targe值_parent(重新建立視窗):<a href=”http://www.baidu.com” target=”_parent”>百度一下_parent</a></p>

<p style=”text-align:center;”><a href=”#tips” >返回最頂端</a></p>
<p><a href=”http://www.runoob.com/html/html-intro.html#testClick”>返回到頁面有用的部分</a></p>
</body>

</html>

相關文章