Html學習筆記（一）

時間 2020-01-04

標籤 html 學習筆記欄目 HTML 简体版

原文原文鏈接

Html學習筆記html

Html入門

聲明：編程

<html>
    <head>
        <title>頁面標題</title>
    </head>
    <body>
    </body>
</html>

Html不是編程語言，而是一種標記語言。
只有在body裏面的才能在網頁中顯示！瀏覽器

Html元素

 段落
<a></a> 連接
<hr> 標籤在 HTML 頁面中建立水平線。
在 XHTML、XML 以及將來版本的 HTML 中，全部元素都必須被關閉。
在開始標籤中添加斜槓，好比   ，是關閉空元素的正確方法。
即便   在全部瀏覽器中都是有效的，但使用   實際上是更長遠的保障。
使用小寫標籤！！！編程語言

Html屬性

下面列出了適用於大多數 HTML 元素的屬性：工具

屬性	描述
class	爲html元素定義一個或多個類名（classname）(類名從樣式文件引入)
id	定義元素的惟一id
style	規定元素的行內樣式（inline style）
title	描述了元素的額外信息 (做爲工具條使用)

注意！學習

標題中size越小標題越大，文字中size越大字越大code

<!-- 這是一個段落 -->
<p>這是一個段落</p>

瀏覽器會自動地在段落的先後添加空行。（是塊級元素）
若是但願在不產生一個新段落的狀況下進行換行（新行），請使用   標籤。htm

html源代碼中的排版將被忽略！教程

新增元素：圖片

<i>斜體文本</i>
<sub>下標</sub>
<sup>上標</sup>

``` ```

連接-target屬性

_blank會使連接在新的頁面顯示。

連接-id屬性

id屬性可用於建立在一個HTML文檔書籤標記。
書籤是不以任何特殊的方式顯示，在HTML文檔中是不顯示的，因此對於讀者來講是隱藏的。

在HTML文檔中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文檔中建立一個連接到"有用的提示部分(id="tips"）"：
<a href="#tips">訪問有用的提示部分</a>
或者，從另外一個頁面建立一個連接到"有用的提示部分(id="tips"）"：

<a href="https://www.runoob.com/html/html-links.html#tips">訪問有用的提示部分</a>

（彷佛還沒偶搞懂……）

圖片-border屬性

邊框的厚度
搞搞就能夠了。

圖片-src屬性

表示圖片的地址。

base標籤

這個卵東西其實沒有什麼用，提早設置了全部img的相對地址。
其實就至關於base裏面設置的+img裏面的地址。

base裏面還能夠放target。
實例（這裏直接拿別人的搞搞）：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>hahaha</title> 
<base href="www.baidu.com/img" target="_blank">
</head>

<body>
<img src="logo.png"> - 注意這裏咱們設置了圖片的相對地址。能正常顯示是由於咱們在 head 部分設置了 base 標籤，該標籤指定了頁面上全部連接的默認 URL，因此該圖片的訪問地址爲 "www.baidu.com/img/logo.png"
<br><br>
<a href="//www.runoob.com">菜鳥教程</a> - 注意這個連接會在新窗口打開，即使它沒有 target="_blank" 屬性。由於在 base 標籤裏咱們已經設置了 target 屬性的值爲 "_blank"。

</body>
</html>