HTML(超文本標記語言)
簡介
- 是用來創建網頁的標準語言
- HTML 不是一種編程語言,而是一種標記語言
基礎
標題
<h1>-<h6>來定義
水平線
<hr>
註釋
<!--這是一個註釋-->
段落
換行
<!--段落-->
<p></p>
<!--換行-->
<br> : <p>這個<br>段落<br>演示了分行的效果</p>
鏈接
<a href="url">鏈接文本</a>
鏈接的屬性
target
使用target可以定義被鏈接的文檔在何處顯示
<!--target="_blank"使得網址在新的窗口打開-->
<a href="https://www.runoob.com" target="_blank" >swdassd</a>
id屬性
<!--在HTML中插入ID-->
<a id="one">小哥哥,來呀</a>
<!--在HTML中創建一個鏈接跳到“id=“one””-->
<a href="#one">點點我</a>
<!--從另一個頁面創建一個來凝結到id=“one”處-->
<a href="https://www.runoob.com#one">爸爸</a>
圖像
<img src="" width="" height=""/>
屬性
屬性總是以鍵值對的形式出現
常用的有:
- class 爲html元素定義一個或多個類名(classname)(類名從樣式文件引入)
- id 定義元素的唯一id
- style 規定元素的行內樣式
- title 述了元素的額外信息 (作爲工具條使用)
HTML頭部
head元素
元素包含了所有的頭部標籤元素。在 元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。可以添加在頭部區域的元素標籤爲:
title元素
title 標籤定義了不同文檔的標題。
title 在 HTML/XHTML 文檔中是必須的。
base元素
base 標籤描述了基本的鏈接地址/鏈接目標,該標籤作爲HTML文檔中所有的鏈接標籤的默認鏈接:
<head>
<meta charset="utf-8">
<title>Title</title>
<!--沒有跳轉鏈接,就默認此方式-->
<base href="http://www.runoob.com" target="_blank">
</head>
link元素
link 標籤定義了文檔與外部資源之間的關係。
link 標籤通常用於鏈接到樣式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
style元素
style 標籤定義了HTML文檔的樣式文件引用地址.
在style 元素中你也可以直接添加樣式來渲染 HTML 文檔:
<!--頁面顏色-->
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
meta元素
meta標籤描述了一些基本的元數據。
meta 標籤提供了元數據.元數據也不顯示在頁面上,但會被瀏覽器解析。
META 元素通常用於指定網頁的描述,關鍵詞,文件的最後修改時間,作者,和其他元數據。
元數據可以使用於瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。
使用實例
<!--爲搜索引擎定義關鍵詞:-->
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<!--爲網頁定義描述內容:-->
<meta name="description" content="免費 Web & 編程 教程">
<!--定義網頁作者:-->
<meta name="author" content="Runoob">
<!--每30秒鐘刷新當前頁面:-->
<meta http-equiv="refresh" content="30">
script元素
script標籤用於加載腳本文件,如: JavaScript。