HTML基礎複習（一）

時間 2019-11-15

標籤 html 基礎複習欄目 HTML 简体版

原文原文鏈接

HTML：超文本標記語言（HyperText Markup Language）,不是一種編程語言，是標記語言

HTML元素：

<p>段落</p>

HTML標籤：

<p>段落</p>

HTML聲明：<!DOCTYPE>並非標籤

HTML5：<!DOCTYPE html>

HTML4.0.1 strict：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset ：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML標題：

<h1>~<h6>

標題很重要，不要僅僅爲了字體樣式而使用，搜索引擎使用標題編制索引

HTML段落：

<p>...</p>

若是要在段落中換行，用<br/>

HTML連接：

<a href = "http://www.runoob.com">...</a>

連接中的target屬性：

target值	描述	示例
_blank	在新窗口打開連接	<a href = "http://www.runoob.com" target="_blank">...</a>
_self	默認，相同框架中打開連接	<a href = "http://www.runoob.com" target="_self">...</a>
_parent	在父框架中打開連接	<a href = "http://www.runoob.com" target="_parent">...</a>
_top	在整個窗口中打開連接	<a href = "http://www.runoob.com" target="_top">...</a>
framename	在指定的框架中打開連接

連接中的id屬性：

<a id="tar">我在這裏</a>

......

<a href="#tar">跳轉</a>

HTML圖像：

<img src = "" width="" height=""/>

HTML換行（空元素）：

<br/>

HTML水平線：

<hr/>

HTML整個文檔：

<html>...</html>

HTML內容主體：

<body>...</body>

HTML頭：

<head></head>

能夠添加在head內的標籤有：title、style、link、script、noscript、base

HTML<link>：

只能在head中

空元素，只有屬性

<link rel = "stylesheet" type = "text/css" href = "/dir/theme.css"/>

HTML<style>:在head內

定義樣式文件的引用地址

<style type="text/css">

h1 {color: yellow}

p {color: red}

</style>

HTML元數據：在head內

定義關鍵字：<meta name="keywords" content = "HTML,css,xml"/>

定義描述內容：<meta name="description" content = "學習html"/>

定義網頁做者：<meta name="author" content = "Demi"/>

定義元字符集：<meta charset = "UTF-8"/>

定義網頁刷新(每三十秒刷新一次)：<meta http-equiv="refresh" content="30"/>

HTML<base>:在head標籤內

<base href="http://......" targe="_blank" />定義頁面中全部連接默認的目標地址。

HTML屬性：

屬性是HTML元素提供得附加信息

通常以名稱/值對的形式

通常描述在開始標籤中

舉例：<a href = "http://www.runoob.com">...</a>

屬性值通常以雙引號包含，單引號也能夠；可是在內容自己有雙引號的時候，必須用單引號包含，好比：name = 'aaaaa "bbbbb"ooooo'

常見屬性：class、id、style、title……

HTML註釋：

HTML空行與空格：

全部連續的空格和空行都會被算做一個空格

HTML加粗：

<b>...</b>

<strong>...</strong>

HTML斜體：

<i>....</i>

<em>...</em>

HTML字體放大：

<big></big>

HTML字體縮小：

<small></small>

HTML上標：

<sup></sup>

HTML下標：

<sub></sub>

HTML預格式文本：保留空格與換行，適合顯示代碼

<pre>...</pre>

HTML縮寫：

<abbr title="People`s Republic of China">PRC</abbr>

HTML刪除文本：

<del>...</del>

HTML下劃線：

<ins>...</ins>

相關文章

相關標籤/搜索

Bootstrap基礎學習

python基礎學習

Ajax 基礎學習

PHP基礎學習

IOS學習基礎

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<