html常見面試題及答案-tft每日頭條

上一節我們學會了錨點定位，從上到下的會用了，那麼從底部往上會用了嗎？比如底部有一個返回頂部的按鈕，要求點擊後回到頁面的頂部。我們寫代碼來嘗試下。先看看效果:

html常見面試題及答案（轉行測試開發-HTML）1

點擊紅框裡的段落四，返回到頁面頂部。

html常見面試題及答案（轉行測試開發-HTML）2

成功了，我們來看看代碼是怎麼寫的吧

<!DOCTYPE html>

<html>

<head>

</head>

<body>

1.今天天氣特别好<br>

2.今天下雨了<br>

<h5>錨點要跳轉到的标簽</h5>

3.生活有點甜，錨點會來這一段，相信我<br>

4.你懂個p

</body>

</html>

其中，底部标簽段落定義為:

html常見面試題及答案（轉行測試開發-HTML）3

頂部id可以定義為:

html常見面試題及答案（轉行測試開發-HTML）4

這樣，就可以跳轉了

接着，我們說下注釋标簽: 需要寫一些便于閱讀和理解的文檔說明，但是又不需要顯示在前端頁面中。這種情況就需要使用注釋标簽了

樣式為:

4.你懂個p

這時候雙擊html文件，注釋不展示在前端。使用 ctrl / 就可以添加注釋了

最後，我們說下特殊字符

在HTML中我們怎麼輸入空格呢？直接點擊鍵盤上的空格，其實是不行的。

html常見面試題及答案（轉行測試開發-HTML）5

看下效果

html常見面試題及答案（轉行測試開發-HTML）6

隻展示了一個空格，多個的沒有展示

<!DOCTYPE html>

<html>

<head>

</head>

<body>

我們是好人

</body>

</html>

如果想要展示多個空格，我們應該怎麼處理呢？

使用；可以達到這個效果

html常見面試題及答案（轉行測試開發-HTML）7

來看下代碼:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

我們是好人

</body>

</html>

還有哪些特殊符号呢？

< < > >

看下效果:

html常見面試題及答案（轉行測試開發-HTML）8

看下代碼:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

我們是好人

</body>

</html>

好的，今天先到這裡吧