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;
用来代表空格。
好的,这个问题可以告一段落啦。和快捷键一样,常用才记住!

写在后面

一个语言只要有实例在,就可以去尝试,查看结果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值