html基本結構

html基本結構:css

<html>內容</html> :html

解釋:HTML文檔的文檔標記,也成爲HTML開始標記。前端

功能:這對標記分別位於網頁的最前端和最後端,<html>在最前端表示網頁的開始,</html>在最後端表示網頁的結束。後端

<head>內容</head>:瀏覽器

解釋:HTML文件頭標記,也成爲HTML頭信息開始標記。測試

功能:用來包含文件的基本信息,好比網頁的標題,關鍵字,在 <head></head> 能夠放<title>內容</title>,<meta></meta>,<style></style>等等標記。搜索引擎

注意:在<head></head>標記的內容不會再瀏覽器中顯示。編碼

<title>內容</title>:orm

解釋:HTML文件標題標記。htm

功能:網頁的「主題」,顯示在瀏覽器的窗口的左上邊。

注意:網頁的標題不能太長,要短小精悍,能具體反映頁面的內容,<title></title>標記中不能包含其餘標記。

 

<body>內容</body>:

解釋:HTML主題標記

功能:<body>…</body>是網頁的主體部分,在這個標記之間能夠包含如<p></p>,<h1></h1>,<br>,<hr>等等標記,正是這些內容組成了咱們所看見的網頁。

常見屬性:1.bgcolor:設置背景色<body bgcolor=’red’>…</body>

2.text:設置文本顏色<body text=’green’>…</body>

3.link:設置連接顏色<body link=’blue’>…</body>

4.alink:正在被點擊的連接顏色<body alink=’blue’>…</body>

<meta></meta>:

解釋:頁面元信息。

功能:提供有關頁面的元信息(meta-information),好比針對搜索引擎和更新頻率的描述和關鍵字

必須屬性:content值:some_text,定義name屬性相關的元信息

常見屬性:name:author,keywords,description,others.吧content屬性關聯到一個名稱:好比描繪網頁的關鍵字:<meta name=’keywords’ content=’你是否是傻?’>

注意:meta必須放在head標識裏面。

測試例子:

<html>

<head>

<meta charset="UTF-8">

 

<title>hello world!!</title>

</head>

<body>

<h1>這是個測試hello world 網頁html/css基礎入門</h1>

<a href=’ https://www.baidu.com’>百度連接</a>

</body>

</html>

注意:若是網頁出現中文亂碼,添加<meta charset="UTF-8"> 編碼字符使用utf-8格式。

相關文章
相關標籤/搜索