任務
完成項目的語言可能需要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)。
通過查表找到了對應的字符實體表示方法,可以理解,分別爲<(less than)與>(greater than);
哈哈,又發現有趣的事情,原來這個寫文章的Markdown編輯器也是有網頁的特徵,所以輸入這個
顯示的便是
我有點暈了,在這裏又用什麼來表示這個字符實體呢?
加上雙引號確實可以,去那個網站的源代碼處取取經,哦,方法很妙,將&符號用字符實體表示:
學到啦!
好的,我們繼續!
<code>#include<stdio.h></code>
打印正確!
順便看到空格一般不予顯示,嘗試後果不其然,無論敲多少空格只顯示一個~
那麼這個就要用到另一個字符實體:
用來代表空格。
好的,這個問題可以告一段落啦。和快捷鍵一樣,常用才記住!
寫在後面
一個語言只要有實例在,就可以去嘗試,查看結果。