HTML學習——初識

任務

完成項目的語言可能需要C#或JavaScript來實現,學習Javascript先要學習HTML。因此初識HTML,學習一些基礎的應用。

已有

菜鳥教程網站

過程

第一份代碼

<!doctype html>
<html>
<head>
    <meta charset="gbk">
    <title>李子怡的個人網站</title>
</head>
<body>
    <h1>歡迎光臨!</h1>
    <p>我要繼續加油!</p>
    <hr />
    <p>什麼?</p>
    <img src="flakes.ico" />
    <a href="https://blog.csdn.net/cascara">這是我的博客地址,歡迎來訪!</a>
</body>
</html>

打開結果
運行結果

知識概況

HTML爲一種格式,瀏覽器通過將對應的格式轉化進行顯示,因此只需將自己需要的功能進行元素表示。

有趣的事

看到標籤<code></code>首先像驗證是輸出一段對應的代碼,還是顯示代碼風格的文字。
嘗試漢字,打印相同文字,熱情熄滅,但還是試一下英文代碼:
就輸入這段自成體系的吧#include<stdio.h>,但問題來了:自動將<stdio.h>識別成爲標籤,那麼如何打印出<和>字符呢?
搜索後發現相關文章
字符實體

在 HTML 中,某些字符是預留的。

在 HTML 中不能使用小於號(<)和大於號(>),這是因爲瀏覽器會誤認爲它們是標籤。

如果希望正確地顯示預留字符,我們必須在 HTML 源代碼中使用字符實體(character entities)。

通過查表找到了對應的字符實體表示方法,可以理解,分別爲&lt;(less than)與&gt;(greater than);

哈哈,又發現有趣的事情,原來這個寫文章的Markdown編輯器也是有網頁的特徵,所以輸入這個
在這裏插入圖片描述
顯示的便是
在這裏插入圖片描述
我有點暈了,在這裏又用什麼來表示這個字符實體呢?
加上雙引號確實可以,去那個網站的源代碼處取取經,哦,方法很妙,將&符號用字符實體表示:
在這裏插入圖片描述
學到啦!

好的,我們繼續!

 <code>#include&lt;stdio.h&gt;</code>

打印正確!
顯示成功
順便看到空格一般不予顯示,嘗試後果不其然,無論敲多少空格只顯示一個~
那麼這個就要用到另一個字符實體:
&nbsp;
用來代表空格。
好的,這個問題可以告一段落啦。和快捷鍵一樣,常用才記住!

寫在後面

一個語言只要有實例在,就可以去嘗試,查看結果。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章