麻豆uV视频,99中文字募一区二区,九九只有精品

一、基礎結構

1.1、網(wǎng)頁整體結構

<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
      <title></title>
  </head>
  <body>
  </body>
</html>

1.2、文檔類型聲明

作用
文檔類型聲明（Document Type Declaration，也稱Doctype）。它主要告訴瀏覽器所查看的文件類型。在以往的HTML4.01 和 XHTML1.0 中，它表示具體的 HTML 版本和風格。而如今 HTML5 不需要表示版本和風格了。

示例

<!-- XHTML1.0-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<!-- HTML5 -->
<!DOCTYPE html>

1.3、html標簽(雙標簽)

作用
它是一個雙標簽，頭尾呼應，包含內容。這個元素有一個屬性和值：lang="zh-cn"，表示文檔采用語言為：簡體中文
注意
其它所有的標簽都必須寫在html標簽里面, 也就是寫在html開始標簽和結束標簽中間.
并且一個HTML文件只能有一個HTML標簽

1.4、head標簽(雙標簽)

作用
它是一個雙標簽，用來包含元數(shù)據(jù)內容，元數(shù)據(jù)包括：<link>、<meta>、<noscript>、<script>、<style>、<title>。這些內容用來瀏覽器提供信息，比如 link提供 CSS 信息，script提供JavaScript 信息，title 提供頁面標題等
應用場景
1. 指定網(wǎng)站的標題 / 指定網(wǎng)站的小圖片
2. 添加網(wǎng)站的SEO相關的信息(指定網(wǎng)站的關鍵字/指定網(wǎng)站的描述信息)
3. 外掛一些外部的css/js文件
4. 添加一些瀏覽器適配相關的內容
注意
一般情況下, 寫在head標簽內部的內容都不會顯示給用戶看

1.5、meta 元素(單標簽)

說明
這個元素用來提供關于文檔的信息，起始結構有一個屬性為：charset="utf8"。表示告訴瀏覽器頁面采用的什么編碼，一般來說我們就用utf8。當然文件保存的時候也是utf8，而瀏覽器也設置 utf8即可正確顯示中文，
meta也可以定義很多其他的屬性,后面細講

示例代碼

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
      <meta charset="utf8">
      <title>這個是標題</title>
  </head>
  <body>
  </body>
</html>

1.6、title 標簽(雙標簽)

說明
設置瀏覽器左上角的標題

示例代碼

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
      <meta charset="utf8">
      <title>標題</title>
  </head>
  <body>
  </body>
</html>

1.7、link 元素(單標簽)

作用
link標簽通常放置在一個網(wǎng)頁的頭部標簽head標簽內的用于鏈接外部css文件、鏈接收藏夾圖標（favicon.ico），<link>標簽最常見的用途是鏈接外部樣式表的外部資源。
屬性

屬性說明

href 值為外部資源地址這里是收藏夾圖標地址

rel 定義當前文檔與被鏈接文檔之間的關系

type 規(guī)定被鏈接文檔的 MIME 類

屬性	說明
href	值為外部資源地址這里是收藏夾圖標地址
rel	定義當前文檔與被鏈接文檔之間的關系
type	規(guī)定被鏈接文檔的 MIME 類

示例代碼

<head>
    <!--指定收藏夾圖標地址 -->   
    <link rel="icon" href="favicon.ico" type="image/x-icon" /> 
     <!--指定收藏夾圖標地址 -->  
    <link  rel="stylesheet">
</head>

1.7、base 元素(單標簽)

作用
為頁面上的所有鏈接規(guī)定默認地址(href)或默認目標(target)。
常見的url路徑形式分別有相對路徑與絕對路徑，對于相對URL，通常情況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。但使用<base>標簽后，瀏覽器將不再使用當前文檔的 URL，而使用<base>標簽指定的基本 URL 來解析所有的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標簽中的 URL。
注意
- base標簽必須位于 head 元素內部
- 一個HTML中最多使用一個<base>標簽，當用多個<base>標簽定義了href時，默認使用第一個<base>標簽的href定義的地址。

示例代碼

<head>
    <meta charset="UTF-8">
    <title>base標簽</title>
    <base href="http://www.itdecent.cn/u/">
    <base target="_blank">
</head>
<body>
<div align="center">
    <p><a href="">使用base中的</a></p>
    <p><a  target="_self">百度一下</a></p>
    <p><a href="http://www.itdecent.cn/p/b3afefda6f41">HTML基礎</a></p>
    <!--當你定義的url地址沒有協(xié)議號的時候會拼接地址,也就是base中定義的+上你元素中定義的-->
    <!--http://www.itdecent.cn/u/3bfcd55e68b6-->
    <p><a href="3bfcd55e68b6">我的主頁</a></p>
    <p>
        <img src="https://zhangwei-imgs.oss-cn-beijing.aliyuncs.com/superbed/2019/02/28/5c773c5d3a213b0417c7239e.gif"
             alt="測試">
    </p>
</div>

1.8、body標簽(雙標簽)

作用
雙標簽,專門用于定義HTML文檔中需要顯示給用戶查看的內容(文字/圖片/音頻/視頻)
注意
1. 一個html開始標簽和一個html結束標簽只能有一對body標簽
2. 默認樣式:margin:8px;

二、基礎標簽

1、h標簽(Headline)(雙標簽)

作用
用于給文本添加標題語義
格式
```
<h1>xxx</h1>
```
說明
- H標簽是用來給文本添加標題語義的, 而不是用來修改文本的樣式的
- H標簽一共有6個, 從H1~H6, 最多就只能到6, 超過6則無效
- 被H系列標簽包裹的內容會獨占一行
- 在H系列的標簽中, H1最大, H6最小
- 在企業(yè)開發(fā)中, 一定要慎用H系列的標簽, 特別是H1標簽. 在企業(yè)開發(fā)中一般情況下一個界面中只能出現(xiàn)一個H1標簽,
- H1默認樣式:margin:8px;
- H2標簽盡量在頁面中不要超過5個
- 針對搜索引擎來說是告訴了不同標簽下代表不同的重要級別內容。如果你在一個網(wǎng)頁中使用的1-2中H型標簽中都含有一個相同關鍵字，搜索引擎也會格外注重你所注重關鍵字與內容，但切記別亂用。

2、br標簽(Break)(單標簽)

作用
讓內容強制換行
格式
```
aaaaa<br/>bbbbb
```
說明
br的意思是不另起一個段落進行換行，如果需要另起了一個段落，則應該使用p標簽來做。

3、p標簽(Paragraph)(雙標簽)

作用
告訴瀏覽器哪些文字是一個段落
格式
```
<p>xxxxxxxx</p>
```
說明：
在瀏覽器中會單獨占一行且自動換行。
p標簽與br標簽的區(qū)別
1、相同之處
br和p都是有換行的屬性及意思
2、不同之處
1、<br/>是只需一個單獨使用，而<p>和</p>是一對使用
2、br標簽是小換行，p標簽是大換行（分段）作用

4、a標簽(anchor)(雙標簽)

4.1、作用

<a>標簽也叫做超級鏈接或超鏈接，用于從一個頁面鏈接到另一個頁面。

<a> 元素最重要的屬性是 href 屬性，它指示鏈接的目標。

4.2、格式

<a href="" target="" title=""></a>

4.3、注意

在a標簽之間一定要寫上文字，如果沒有，那么在頁面上找不到這個標簽。

4.4、屬性

1、target

作用
規(guī)定在何處打開鏈接文檔

可選值

可選值	說明
_blank	在新窗口或標簽頁中打開文檔
_self	在當前窗口打開文檔（默認）
_parent	在父窗框組（frameset）中打開文檔(廢棄)
_top	在頂層窗口打開文檔

說明
這四種最常用的是_blank，新建一個窗口。而_self是默認，當前窗口打開。_parent和_top是基于框架頁面的，分別表示在父窗口打開和在整個窗口打開。而HTML5 中，框架基本被廢棄

2、href

說明
href(hypertext reference) 是一個必須屬性，用來指定跳轉的目標地址,他的值可以是一個外部鏈接地址,也可是本地的html文件

可選值

值	描述
URL	超鏈接的 URL?？赡艿闹担航^對 URL - 指向另一個站點（比如 href="https://www.baidu.com"）
URL	相對 URL - 指向站點內的某個文件（href="index.htm"）
URL	錨 URL - 指向頁面中的錨（href="#top"）

3、title

說明
懸停文本（介紹這個鏈接，只有在鼠標移動到超鏈接上時才會顯示）

4.5、示例代碼

假鏈接(本質是跳轉到當前頁面)

<a href="#">電影</a>
<!-- 或者 -->
<a href="javascript:">電影</a>

跳轉外部鏈接

<a href="http://www.itdecent.cn/u/3bfcd55e68b6">我的主頁</a>

跳轉本地界面
```
<a href="detail.html">查看詳情</a>
```

跳轉到當前頁面指定位置(錨點鏈接)

<a href="#location">跳轉到指定位置</a>
<!-- 在頁面的指定位置給任意標簽添加一個id屬性  -->
例如:<p id="location">這個是目標</p>
<!-- 在網(wǎng)站上經常看到跳轉頂部的功能 就是這么實現(xiàn)的 -->
<a id="top"></a>
<a href="#top">返回頂部</a>

跳轉到指定頁面的指定位置

<a id="#first" href="#">第一章</a>
...
<a href="detail.html#first">跳轉詳解界面第一章</a>

base標簽和a標簽結合使用

<!-- 如果每個a標簽都想在新頁面中打開,那么逐個設置a標簽的target屬性比較麻煩, 這時我們可以使用base和a標簽結合的方式,一次性設置有a標簽都在新頁面中打開-->
<head>
    <!-- base必須嵌套在head標簽里面 -->
    <!-- 如果標簽上指定了target，base中也指定了target，那么會按照標簽上指定的來執(zhí)行。 -->
  <base target="_blank" />
</head>
<body>
</body>

發(fā)送郵件

<!--href 屬性的值不是一個鏈接，而是 mailto:郵箱地址 的格式。 -->
發(fā)送郵件到：<a href="mailto:10000@qq.com">10000@qq.com</a>

5、img(單標簽)

作用
，在網(wǎng)頁上插入一張圖片
格式
```
<img src="圖片路徑" />
```
圖片路徑：圖片路徑分為兩種
- 網(wǎng)絡路徑：直接是其他服務器的圖片地址
- 本地路徑：本地操作系統(tǒng)的路徑
- 一種是絕對路徑、一種是相對路徑(相對于該HTML頁面文件所在路徑)。在企業(yè)級開發(fā)中沒有人使用絕對路徑，因為絕對路徑不易于移植。

常用屬性：

屬性	說明
src(source)	告訴瀏覽器需要插入的圖片路徑, 以便于瀏覽器到該路徑下找到需要插入的圖片
alt(alternate)	規(guī)定圖像的替代文本，只有在src指定的路徑下找不到圖片，才會顯示alt指定的文本
title	懸停文本(介紹這張圖片, 只有在鼠標移動到圖片上時才會顯示)
height	設置圖片顯示的高度
width	設置圖片顯示的寬度,如果想讓圖片等比拉伸, 只寫高度或者寬度即可

示例代碼

<img src="https://zhangwei-imgs.oss-cn-beijing.aliyuncs.com/superbed/2019/02/28/5c773c5d3a213b0417c7239e.gif"
title="綠綠綠"
alt="圖片不存在才會顯示" />

6、span

作用
雙標簽，沒有實際意義，它的存在純粹是為了應用樣式，給一段內容加上
<span></span>
標記，通常配合css來定義內容的樣式
格式
```
<span>內容</span>
```

7、div

作用
雙標簽，一個沒有任何語義的通用元素，主要用于搭建界面的整體架構
格式
```
<div>內容</div>
```

8、pre

作用
該標簽可定義預格式化的文本，被包圍在 pre 元素中的文本通常會保留空格和換行符，并且文本會呈現(xiàn)為等寬字體。該標簽的一個常見應用就是用來表示計算機的源代碼

格式

<pre>
 人生在世 但求心安！
 心若安，人世靜好！
</pre>

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

三 HTML-結構與基礎

三 HTML-結構與基礎

一、基礎結構

1.1、網(wǎng)頁整體結構

1.2、文檔類型聲明

1.3、html標簽(雙標簽)

1.4、head標簽(雙標簽)

1.5、meta 元素(單標簽)

1.6、title 標簽(雙標簽)

1.7、link 元素(單標簽)

1.7、base 元素(單標簽)

1.8、body標簽(雙標簽)

二、基礎標簽

1、h標簽(Headline)(雙標簽)

2、br標簽(Break)(單標簽)

3、p標簽(Paragraph)(雙標簽)

4、a標簽(anchor)(雙標簽)

4.1、作用

4.2、格式

4.3、注意

4.4、屬性

1、target

2、href

3、title

4.5、示例代碼

5、img(單標簽)

6、span

7、div

8、pre

相關閱讀更多精彩內容

友情鏈接更多精彩內容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

三 HTML-結構與基礎

一 、基礎結構

1.1、網(wǎng)頁整體結構

1.2、文檔類型聲明

1.3、html標簽(雙標簽)

1.4、head標簽(雙標簽)

1.5、meta 元素(單標簽)

1.6、title 標簽(雙標簽)

1.7、link 元素(單標簽)

1.7、base 元素(單標簽)

1.8、body標簽(雙標簽)

二、基礎標簽

1、h標簽(Headline)(雙標簽)

2、br標簽(Break)(單標簽)

3、p標簽(Paragraph)(雙標簽)

4、a標簽(anchor)(雙標簽)

4.1、作用

4.2、格式

4.3、注意

4.4、屬性

1、target

2、href

3、title

4.5、示例代碼

5、img(單標簽)

6、span

7、div

8、pre

相關閱讀更多精彩內容

友情鏈接更多精彩內容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

一、基礎結構

1.1、網(wǎng)頁整體結構

1.2、文檔類型聲明

1.3、html標簽(雙標簽)

1.4、head標簽(雙標簽)

1.5、meta 元素(單標簽)

1.7、link 元素(單標簽)

1.7、base 元素(單標簽)

1.8、body標簽(雙標簽)

1、h標簽(Headline)(雙標簽)

4、a標簽(anchor)(雙標簽)

4.1、作用

4.2、格式

4.4、屬性

1、target

4.5、示例代碼

5、img(單標簽)

6、span

7、div

8、pre