任务
完成项目的语言可能需要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>
打印正确!
顺便看到空格一般不予显示,尝试后果不其然,无论敲多少空格只显示一个~
那么这个就要用到另一个字符实体:
用来代表空格。
好的,这个问题可以告一段落啦。和快捷键一样,常用才记住!
写在后面
一个语言只要有实例在,就可以去尝试,查看结果。