HTML學習日記(1-基礎)

簡介html

<!doctype html>
<html>
<head>
<meta charest="utf-8">
<title>HellowWorld!</title>
</head>
<body>
<h1>個人第一個標題</h1>
<p>Hellow World</p>
</body>
</html>

<doctype>聲明文檔類型瀏覽器

<html></html>之間內容用於描述文檔工具

<head></head>描述頁面標題<title></title>搜索引擎

<meta charset="utf-8">聲明字符爲utf-8,防止中文出現亂碼rest

<body></body>之間內容爲網頁可視內容code

<h1></h1>爲內容標題,h1即1級標題,h234以此類推htm

 <p></p>爲一個段落索引

Html元素語法ip

HTML元素以開始標籤起始,以結束標籤停止utf-8

元素的內容是開始標籤與結束標籤之間的內容

大多數HTML元素可擁有屬性

某些元素具備空內容,空元素在開始標籤中進行關閉

<br/>定義換行

HTML屬性

HTML元素能夠設置屬性,添加附加信息

屬性通常描述於開始標籤,總以值對的形式出現

<a hrcf="http://www.baidu.com">百度</a>
HTML連接由<a></a>定義,地址由hrcf指定

HTML水平線---<hr>

HTML註釋格式

<!--註釋內容-->

HTML段落

不容許省略結束標籤

<p>
演示<br>分行<br>效果
</p>

瀏覽器會移除多餘的空格和空行

HTML文本格式化

使用標籤對輸出文本進行格式化

<b></b>粗體
<i></i>斜體

HTML連接

<a href="http://www.xxx.com/" target="_blank">訪問連接<a/>
href指定地址
target="_blank"表示在新窗口中打開

id屬性屬於隱藏提示,可用於目錄跳轉,經過href指定

<p>
<a href="#C4">查看章節 4</a>
</p>

<h2>章節 1</h2>
<p>這邊顯示該章節的內容……</p>

<h2>章節 2</h2>
<p>這邊顯示該章節的內容……</p>

<h2>章節 3</h2>
<p>這邊顯示該章節的內容……</p>

<h2><a id="C4">章節 4</a></h2>
<p>這邊顯示該章節的內容……</p>

<h2>章節 5</h2>
<p>這邊顯示該章節的內容……</p>

<h2>章節 6</h2>
<p>這邊顯示該章節的內容……</p>

HTML頭部

<head></head>包含全部頭部標籤元素

<title>定義不一樣文檔的標題(瀏覽器工具欄,收藏夾,搜索引擎),必須設置
<style>定義文檔的樣式文件引用地址
<meta>定義基本的元數據,被瀏覽器解析,做者,關鍵詞等
<link>定義文檔與外部資源之間的聯繫,一般用於鏈接到樣式表
<script>用於加載腳本文件
<noscript> 
<base>定義基本的連接地址,默認連接
相關文章
相關標籤/搜索