前端入門-html 文字格式、標(biāo)題與段落

言

在制作網(wǎng)頁時(shí)，文字是最基本的元素之一。讓閱讀者更容易閱讀，短時(shí)間里獲得更多信息，是網(wǎng)頁創(chuàng)作者的目標(biāo)。本篇將介紹各種文字格式標(biāo)簽的使用方法。

本篇主要針對(duì)初學(xué)者的一篇教程，如果你非常熟悉html，可以忽略本篇文章。

標(biāo)題文字

在網(wǎng)上瀏覽時(shí)經(jīng)常看到一些標(biāo)題文字，用來對(duì)應(yīng)章節(jié)劃分，它們以固定的字號(hào)顯示，總共有6種級(jí)別的標(biāo)題，從 h1 至 h6 依次減小，如下圖：

html 代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>標(biāo)題</title>
</head>
<body>
<h1>這是標(biāo)題 1</h1>
<h2>這是標(biāo)題 2</h2>
<h3>這是標(biāo)題 3</h3>
<h4>這是標(biāo)題 4</h4>
<h5>這是標(biāo)題 5</h5>
<h6>這是標(biāo)題 6</h6>
</body>
</html>

標(biāo)題對(duì)齊方式可以使用 align 屬性，分別有三個(gè)屬性：

left —— 左對(duì)齊
center —— 居中對(duì)齊
right —— 右對(duì)齊

如下圖：

html代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>標(biāo)題</title>
</head>
<body>
<h1>這是標(biāo)題 1</h1>
<h2 align="left">這是標(biāo)題 2</h2>
<h3 align="center">這是標(biāo)題 3</h3>
<h4 align="right">這是標(biāo)題 4</h4>
<h5>這是標(biāo)題 5</h5>
<h6>這是標(biāo)題 6</h6>
</body>
</html>

文字格式標(biāo)簽

除了標(biāo)題，網(wǎng)頁中普通文字也是不可缺少的，而各種文字效果可以使網(wǎng)頁更加漂亮。

只需在<body>和</body>之間輸入文字，就會(huì)直接在頁面中顯示，如何設(shè)置這些文字的格式，這里使用<font>標(biāo)簽，下面將逐一介紹各種文字格式用法。

一、設(shè)置字體、字號(hào)、顏色 —— <font> 標(biāo)簽

<font> 標(biāo)簽在HTML 4 中用于指定字體、字體大小和文本顏色，但在HTML5 中不支持。

face 屬性：字體類型
size 屬性：字體字號(hào)大小
color 屬性：字體顏色

html代碼：

<html>
<body>
<div><font face="宋體">字體</font></div>
<div><font size="5">5號(hào)字體</font></div>
<div><font color="red">顏色</font></div>
<div><font size="5" face="arial" color="blue">一起使用</font></div>
</body>
</html>

在html5中不建議使用，請(qǐng)用 css 樣式代替。

二、粗體、斜體、下劃線、刪除線—— strong、em、u、del

效果如下：

html代碼：

<!DOCTYPE html>
<html>
<body>
<p>這是普通文本 - <strong>這是粗體文本</strong>。</p>
<p>這是普通文本 - <em>這是斜體</em>。</p>
<p>這是普通文本 - <u>這是下劃線</u>。</p>
<p>這是普通文本 - <del>這是下劃線</del>。</p>
</body>
</html>

注：html 5 和 html 4 相關(guān)標(biāo)簽存在巨大差異，比如 strong 和 b 、del 和 s、em 和 i 等效果相同，在html5 中不支持，b、s、i 標(biāo)簽，已不建議使用，關(guān)于各種差異，可自己了解下就可以了。

3、上標(biāo)和下標(biāo) —— sup、sub

效果如下：

html代碼：

<html>
<body>
<p>
普通文本 <sup>上標(biāo)</sup>
</p>
<p>
普通文本 <sub>下標(biāo)</sub>
</p>
<p>
數(shù)學(xué)公式 X<sup>3</sup> + 5X<sup>2</sup> - 5 = 0
</p>
<p>
數(shù)學(xué)公式 X<sub>1</sub> - 2X<sub>1</sub> = 0
</p>
</body>
</html>

4、空格——

一般在網(wǎng)頁中輸入文字時(shí)，在段落中明明增加了空格，卻在頁面中看不到，這是因?yàn)樵趆tml中，瀏覽器本身會(huì)將2個(gè)句子之間的所有半角空白僅當(dāng)做一個(gè)空白來看待。所以在這里使用空格符代替，每個(gè)空格符代表一個(gè)半角空格，多個(gè)空格可以使用多次。

html代碼：

由于頭條不顯示空格字符，所以用圖片代替

效果：

5、其它特殊字符

除了空格字符，在網(wǎng)頁中還有一些特殊字符也需要使用代碼來代替，一般情況下，特殊字符由前綴 “&” 開始、字符名和后綴 “;” 組成，和空格符類似。如下表

特殊字符有很多，這里只列出一些例子，具體自己搜索了解下。

段落

在網(wǎng)頁中要把文字有條理地顯示，需要使用到段落標(biāo)簽，下面介紹一些與段落相關(guān)的標(biāo)簽。

段落標(biāo)簽——p

在網(wǎng)頁中，通過 <p>定義為一個(gè)段落。

html代碼：

<html>
<body>
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標(biāo)簽定義。</p> 
</body>
</html>

效果：

換行標(biāo)簽——br

在寫文字時(shí)，除了自動(dòng)換行外，換可以使用<br>標(biāo)簽強(qiáng)制文字換行，這個(gè)和 p 段落標(biāo)簽不一樣。段落標(biāo)簽的換行是隔行的，而br不是，時(shí)2行文字更加緊湊。

html代碼：

<html>
<body>
<p>
第一個(gè)段落<br />換行1<br />換行2<br />換行3<br />最后一行.
</p>
<p>
第二個(gè)段落 <br />換行1<br />換行2<br />換行3<br />最后一行.
</p>
</body>
</html>

效果如下：

如果不想文字被瀏覽器自動(dòng)換行，可以使用<nobr></nobr>標(biāo)簽處理，如下圖：

改行文字不會(huì)被自動(dòng)換行，會(huì)看到出現(xiàn)橫向滾動(dòng)條。

保留原始排版方式——pre

在網(wǎng)頁制作中，有時(shí)需要保留一些特殊的排版效果，這是使用標(biāo)簽控制就會(huì)很麻煩，使用<pre>標(biāo)簽就可以保留文本的格式排版效果。如下圖：

html代碼：

<html>
<body>
<pre>
這是
預(yù)格式文本。
它保留了      空格
和換行。
</pre>
<p>pre 標(biāo)簽很適合顯示計(jì)算機(jī)代碼：</p>
<pre>
for i = 1 to 10
     print i
next i
</pre>
<p>這是一個(gè)ok效果</p>
<pre>
  O O    k  K
 O   O   K K
  O O    K  K
</pre>
</body>
</html>

其它標(biāo)簽

右縮進(jìn)—— blockquote

使用<blockquote>可以實(shí)現(xiàn)文字段落縮進(jìn)，每使用一次，段落就縮進(jìn)一次，可以嵌套使用。

實(shí)例代碼：

<html>
<body>
Here comes a long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>
請(qǐng)注意，瀏覽器在 blockquote 元素前后添加了換行，并增加了外邊距。
</body>
</html>

效果如下：

請(qǐng)注意，瀏覽器在 blockquote 元素前后添加了換行，并增加了外邊距。

水平線——hr

在段落和段落之間加上一行水平線，將段落隔開。如下效果：

html代碼：

<html>
<body>
<p>hr 標(biāo)簽定義水平線：</p>
<hr />
<p>這是段落。</p>
<hr />
<p>這是段落。</p>
<hr />
<p>這是段落。</p>
</body>
</html>

文字標(biāo)注——ruby

在網(wǎng)頁中可以通過添加對(duì)文字的標(biāo)注來說明某段文本。

效果如下：

html代碼：

<!DOCTYPE HTML>
<html>
<body>
<p>ruby 使用語法：</p>
<ruby>
 被說明的文字 <rt> 標(biāo)注 </rt>
</ruby>
</body>
</html>

其它標(biāo)簽——var、code、kbd等

<dfn>	定義一個(gè)定義項(xiàng)目。
<code>	定義計(jì)算機(jī)代碼文本。
<samp>	定義樣本文本。
<kbd>	定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經(jīng)常用在與計(jì)算機(jī)相關(guān)的文檔或手冊(cè)中。
<var>	定義變量。您可以將此標(biāo)簽與 <pre> 及 <code> 標(biāo)簽配合使用。
<cite>	定義引用?？墒褂迷摌?biāo)簽對(duì)參考文獻(xiàn)的引用進(jìn)行定義，比如書籍或雜志的標(biāo)題。

總結(jié)

本篇介紹了大部分常用的文本格式標(biāo)簽，在制作網(wǎng)頁時(shí)會(huì)經(jīng)常使用到。如何掌握這些標(biāo)簽使用，很簡單，可以使用文本編輯器或類似w3cshool 在線可編輯預(yù)覽的工具，親手寫一寫，熟悉每個(gè)標(biāo)簽的用處，無需死記硬背，關(guān)鍵在于理解。

最后，感謝您的閱讀及關(guān)注，祝你學(xué)習(xí)愉快。

上篇：前端入門——HTML的發(fā)展歷史

下篇：前端入門——html 列表

reamweaver的CSS面板分類

type(類型)

background(背景)

block(區(qū)塊)

box(方框) 或盒子意思

border(邊框)

list(列表)

positioning(定位)

extensions(擴(kuò)展)

共八個(gè)部分

1. type(類型)

type面板主要是對(duì)文字的字體，大小，顏色，效果等基本樣式進(jìn)行設(shè)置。

注意：屬性名帶*號(hào)的是指樣式效果不能在編輯文檔時(shí)顯示，要用瀏覽器打開才能看到效果。

(1)font-family：設(shè)置字體系列。什么叫字體系列呢?是指對(duì)文字設(shè)定幾個(gè)字體，當(dāng)遇到第一個(gè)字體不能顯示的文字時(shí)會(huì)自動(dòng)用系列中的第二個(gè)

字體或后面的字體顯示。

注意:一般英文字體我們用"Verdana, Arial, Helvetica, sans-serif"這個(gè)系列比較好看。如果不用這些字體系列，你就需要自己編輯字體系列，

也可以直接手動(dòng)在下拉框里寫字體名，字體之間用逗號(hào)隔開。中文網(wǎng)頁默認(rèn)字體是宋體, 一般就空著不要選取任何字體。

默認(rèn)值： not specified(取決于瀏覽器,系統(tǒng)默認(rèn)的字體, 如: 微軟雅黑)

注意：

1.如果有漢字, 那么我們要加引號(hào)

2.如果有多個(gè)英文字母組成的單詞, 我們也要加引號(hào); "microsoft yahei" 中間用空格隔開

3.font-family:"黑體","宋體","華文隸書"; 首先找黑體, 沒有黑體找宋體...

為了避免在CSS中使用 font 或 font-family 設(shè)置中文字體時(shí)亂碼, 可以使用 Unicode 編碼來表示字體。

/* 示例:使用Unicode字體編碼設(shè)置字體為"微軟雅黑" */
font-family: "\5FAE\8F6F\96C5\9ED1";

(2)font-size：定義文字的大小。你可以通過選取數(shù)字和度量單位來選擇具體的字體大小，或者你也可以選擇一個(gè)相對(duì)的字體大小。

最好使用pixels作為單位，這樣不會(huì)在瀏覽器中文本變形。一般字體用比較標(biāo)準(zhǔn)的12px或14px, 默認(rèn)值為16px。

注意：CSS中長度的單位分絕對(duì)長度單位和相對(duì)長度單位:

絕對(duì)長度單位有：

pt：磅(point)

mm、cn、in、pc：(毫米、厘米、英寸、活字)根據(jù)顯示的實(shí)際尺寸來確定長度。

此類單位不隨顯示器的分辨率改變而改變。

相對(duì)長度單位有：

px：(像素)根據(jù)顯示器的分辨率來確定長度。

em：當(dāng)前文本的尺寸。例如：{font-size:2em}是指文字大小為原來的2倍。

比如自身font-size: 30px; 那么此時(shí)1em=30px;

ex：當(dāng)前字母"x"的高度，一般為字體尺寸的一半。

%：是以當(dāng)前文本的百分比定義尺寸。例如：{ font-size:300%}是指文字大小為原來的3倍。

small、large：表示比當(dāng)前小一個(gè)級(jí)別或大一個(gè)級(jí)別的尺寸。

默認(rèn)值：medium(標(biāo)準(zhǔn)大小)

(3)font-style：定義字體樣式為normal、italic、oblique。默認(rèn)設(shè)置為normal。

注意： italic 斜體 oblique 歪斜體 italic和oblique實(shí)際效果是一樣的。

默認(rèn)值:normal

(4)line-height：設(shè)置文本所在行的行高。默認(rèn)為normal?？梢允切袃?nèi)元素、行內(nèi)塊元素, 通常與height設(shè)置的高度值相同, 可以做到垂直居中的作用。

你也可以自己鍵入一個(gè)精確的數(shù)值并選取一個(gè)計(jì)量單位。

比較直觀的寫法用百分比, 例如140%是指行高等于文字大小的1.4倍。

最常用的方法: line-height:1.5em; /*行間距,相對(duì)數(shù)值,1.5倍行距,*/ 可有效的避免文字發(fā)生重疊

默認(rèn)值： normal

(5)text-decoration：在文本中添加underline(下劃線)、overline(上劃線)、line-through(中劃線)、blink(閃爍效果)。

這些效果可以同時(shí)存在，將效果前的復(fù)選框選定即可。

注意：鏈接的默認(rèn)設(shè)置是underline，我們可以通過選none去除下劃線。blink(閃爍效果)只在mozilla瀏覽器里可以看到, IE、opera不支持

默認(rèn)值： none

(6)font-weight：給字體指定粗體字的磅值。

normal 默認(rèn)值。定義標(biāo)準(zhǔn)的字符。

bold 定義粗體字符。

bolder 定義更粗的字符。

lighter 定義更細(xì)的字符。

100

200

300

400

500

600

700

800

900

inherit 規(guī)定應(yīng)該從父元素繼承字體的粗細(xì)。

定義由粗到細(xì)的字符。400 等同于 normal, 而 700 等同于 bold。

默認(rèn)值: normal

(7)font-variant：允許你選取字體的變種, 選small-caps(小型大寫字母)時(shí), 此樣式區(qū)域內(nèi)所有字母大寫。

normal表示正常的字體, 為默認(rèn)值；

默認(rèn)值: normal

(8)text-transform：將選區(qū)中每個(gè)單詞的第一個(gè)字母轉(zhuǎn)為大寫, 或者令單詞全部大寫或全部小寫。

參數(shù)：capitalize(單詞首字母大寫)、uppercase(轉(zhuǎn)換成大寫)、lowercase(轉(zhuǎn)換成小寫)、none(不轉(zhuǎn)換)。

默認(rèn)值：none

(9)color：定義文字顏色。包括對(duì)表單輸入的文字顏色。

CSS中顏色的值有三種表示方法：

#RRGGBB格式，是由紅綠藍(lán)三種顏色的值組合，每種顏色的值為"00 – FF"的兩位十六進(jìn)制正整數(shù)。

例如：#FF0000表示紅色，#FFFF00表示黃色。

rgb(R,G,B)格式, RGB為三色的值, 取0~255, 例如：rgb(255,0,0)表示紅色, rgb(255,255,0)表示黃色。

用顏色名稱。CSS可以使用已經(jīng)定義好的顏色名稱。例如：red表示紅色, yellow表示黃色。

顏色值的縮寫:

p{color:#000000} 可以縮寫為：p{color:#000}

p{color:#336699} 可以縮寫為：p{color:#369}

默認(rèn)值： not specified

color: transparent; 透明色

rgba() 解釋: rgba(紅0-255, 綠0-255, 藍(lán)0-255, 透明度0-1)

注意: 如果文字的顏色通過單獨(dú)的類選擇去設(shè)置沒有改變顏色, 則應(yīng)該通過組合選擇器(.header .top .topR .blue)去設(shè)置, 改變它的優(yōu)先級(jí)。

2. background(背景)

background面板主要是對(duì)元素的背景進(jìn)行設(shè)置，包括背景顏色、背景圖象、背景圖象的控制。

一般是對(duì)body(頁面)、table(表格)、div(區(qū)域)的設(shè)置。

(1)background-color：設(shè)置元素的背景色。包括對(duì)input表單輸入框的背景顏色;

默認(rèn)值: transparent(背景顏色為透明)

rgba() 解釋: rgba(紅0-255, 綠0-255, 藍(lán)0-255, 透明度0-1) 一般用于背景色

(2)background-image：設(shè)置元素的背景圖像。

默認(rèn)值:none

CSS3支持多重背景圖,只要加上一個(gè)url指定圖片路徑,并用逗號(hào)(,)將兩組url分隔就可以了

background-image:url(a.jpg),url(b.jpg);

base64使用

background-image: url("data:image/png;base64,iVBORw0KGgo=...");

(3)background-repeat：確定背景圖像是否以及如何重復(fù)。

repeat 默認(rèn)值。背景圖像將在垂直方向和水平方向重復(fù)。

repeat-x 背景圖像將在水平方向重復(fù)。

repeat-y 背景圖像將在垂直方向重復(fù)。

no-repeat 背景圖像將僅顯示一次。

inherit 規(guī)定應(yīng)該從父元素繼承background-repeat屬性的設(shè)置。

注意：如果定義的元素的body，可以控制頁面背景是否重復(fù)。

默認(rèn)值: repeat

(4)background-attachment：固定背景圖像或者跟隨內(nèi)容滾動(dòng)。

參數(shù)fixed表示固定背景(不隨屏幕滾動(dòng)而滾動(dòng)，決定背景圖像是否要固定在原來的位置), scroll表示跟隨內(nèi)容滾動(dòng)的背景。

注意：如果定義的元素的body, 可以使頁面背景固定。

默認(rèn)值: scroll

(5)background-position(X)：指定背景圖像的水平位置。

可以指定為left(左邊), center(居中)，right(右邊)；

也可以指定數(shù)值，如20px是指背景距離左邊20象素。

background-position(Y)：指定背景圖像的垂直位置。

可以指定為top(頂部), center(居中), bottom(底部)；也可以指定數(shù)值。

background-position屬性值:

left top

center top

right top

left center

center center

right center

left bottom

center bottom

right bottom

如果您僅規(guī)定了一個(gè)關(guān)鍵詞，那么第二個(gè)值將是"center"。

注意:采用英文單詞的水平位置和垂直位置的屬性值可以調(diào)換

x% y% 第一個(gè)值是水平位置，第二個(gè)值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規(guī)定了一個(gè)值，另一個(gè)值將是 50%。

xpos ypos 第一個(gè)值是水平位置，第二個(gè)值是垂直位置。左上角是 0 0。單位是像素 (0px 0px) 或任何其他的 CSS 單位。

如果您僅規(guī)定了一個(gè)值，另一個(gè)值將是50%。

您可以混合使用 % 和 position 值。

默認(rèn)值：0% 0%

、html的介紹

1.1 html的定義

HTML 的全稱為：HyperText Mark-up Language, 指的是超文本標(biāo)記語言。標(biāo)記：就是標(biāo)簽, <標(biāo)簽名稱></標(biāo)簽名稱>，比如：<html></html>、<h1></h1>等，標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的。

所謂超文本，有兩層含義:

因?yàn)榫W(wǎng)頁中還可以圖片、視頻、音頻等內(nèi)容(超越文本限制)
它還可以在網(wǎng)頁中跳轉(zhuǎn)到另一個(gè)網(wǎng)頁，與世界各地主機(jī)的網(wǎng)頁鏈接(超鏈接文本)

1.2 html的作用

html是用來開發(fā)網(wǎng)頁的，它是開發(fā)網(wǎng)頁的語言。

1.3 小結(jié)

html是開發(fā)網(wǎng)頁的語言
html中的標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的, 格式: <標(biāo)簽名>

二、html的基本結(jié)構(gòu)

2.1 結(jié)構(gòu)代碼

<!DOCTYPE html>
<html>
   <head>            
       <meta charset="UTF-8">
       <title>網(wǎng)頁標(biāo)題</title>
   </head>
   <body>
        網(wǎng)頁顯示內(nèi)容
   </body>
</html>

第一行<!DOCTYPE html>是文檔聲明, 用來指定頁面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔。
<html>...</html>標(biāo)簽是開發(fā)人員在告訴瀏覽器，整個(gè)網(wǎng)頁是從<html>這里開始的，到html結(jié)束,也就是html文檔的開始和結(jié)束標(biāo)簽。
<head>...</head>標(biāo)簽用于定義文檔的頭部,是負(fù)責(zé)對(duì)網(wǎng)頁進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的。
<body>...</body>標(biāo)簽是編寫網(wǎng)頁上顯示的內(nèi)容。

2.2 瀏覽網(wǎng)頁文件

網(wǎng)頁文件的后綴是.html或者.htm, 一個(gè)html文件就是一個(gè)網(wǎng)頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁。

2.3 小結(jié)

三、vscode的基本使用

3.1 vscode 的基本介紹

全拼是 Visual Studio Code (簡稱 VS Code) 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器，目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具。

3.2 vscode 的安裝

下載網(wǎng)址: https://code.visualstudio.com/Download
選擇對(duì)應(yīng)的安裝包進(jìn)行下載:

根據(jù)下載的安裝包雙擊進(jìn)行安裝即可，當(dāng)然為了更好的使用 vscode 還可以安裝對(duì)應(yīng)的插件。

3.3 vscode 的插件安裝

插件名說明Chinese (Simplified) Language Pack for VS Code中文(簡體)漢化包open in browser右擊在瀏覽器打開html

漢化插件安裝

open in browser插件安裝

注意: 如果在vscode打開的html文檔中右擊沒有出現(xiàn) open in browser 類型的選項(xiàng)，需要把當(dāng)前打開的文件關(guān)掉，重新打開這個(gè)文件就好了。

3.4 vscode 的插件卸載

點(diǎn)擊對(duì)應(yīng)安裝的插件，然后再點(diǎn)擊卸載按鈕即可。

3.5 vscode 的使用

打開文件夾創(chuàng)建文件

快速創(chuàng)建html文檔的基本結(jié)構(gòu)

右擊在瀏覽器打開html文檔

3.6 設(shè)置字體大小

3.7 設(shè)置顏色主題

3.8 設(shè)置默認(rèn)瀏覽器[可選]

可以根據(jù)自己的需要設(shè)置默認(rèn)使用的瀏覽器

3.9 小結(jié)

vscode 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器
通過資源管理器打開文件夾創(chuàng)建HTML文件，編寫 HTML 代碼
可以根據(jù)需要安裝對(duì)應(yīng)的插件
可以設(shè)置字體大小和顏色主題

在線咨詢

上一篇：如何使用HTML做一個(gè)旅游網(wǎng)頁
下一篇：HTML5 Canvas逼真水波紋動(dòng)畫特效

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

前端入門-html 文字格式、標(biāo)題與段落

言

目錄

標(biāo)題文字

文字格式標(biāo)簽

段落

其它標(biāo)簽

總結(jié)

1.1 html的定義

1.2 html的作用

1.3 小結(jié)

二、html的基本結(jié)構(gòu)

2.1 結(jié)構(gòu)代碼

2.2 瀏覽網(wǎng)頁文件

2.3 小結(jié)

三、vscode的基本使用

3.1 vscode 的基本介紹

3.2 vscode 的安裝

3.3 vscode 的插件安裝

3.4 vscode 的插件卸載

3.5 vscode 的使用

3.6 設(shè)置字體大小

3.7 設(shè)置顏色主題

3.8 設(shè)置默認(rèn)瀏覽器[可選]

3.9 小結(jié)

您的項(xiàng)目需求

整合營銷服務(wù)商

前端入門-html 文字格式、標(biāo)題與段落

言

目錄

標(biāo)題文字

文字格式標(biāo)簽

段落

其它標(biāo)簽

總結(jié)

1.1 html的定義

1.2 html的作用

1.3 小結(jié)

二、html的基本結(jié)構(gòu)

2.1 結(jié)構(gòu)代碼

2.2 瀏覽網(wǎng)頁文件

2.3 小結(jié)

三、vscode的基本使用

3.1 vscode 的基本介紹

3.2 vscode 的安裝

3.3 vscode 的插件安裝

3.4 vscode 的插件卸載

3.5 vscode 的使用

3.6 設(shè)置字體大小

3.7 設(shè)置顏色主題

3.8 設(shè)置默認(rèn)瀏覽器[可選]

3.9 小結(jié)

您的項(xiàng)目需求

二、html的基本結(jié)構(gòu)

三、vscode的基本使用