重生之我在学校写博客

       也许他和她并不是很爱你,但是让一个人爱你的方式有很多,前提是自己越来越强,所以让我们来学习html吧!!

        基于昨天讲的如何创建一个简单的HTML文件,相信你也很好奇如何去写HTML文件,那就让我这个平平无奇的中专生给你讲一下吧。

了解HTML

         想要攻破敌人的防线,首先要去了解敌人,现在我们了解一下HTML吧!

         HTML的又称为超文本标记语言,是一种标记语言。全称是Hyper Text Markup Language,这个就交给你们读啦(我的英语不是很好),HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

          我的理解是所谓的HTML就是一个网站的基础,我查过资料,一个优秀的前端工程师必回的语言有HTML,CSS,JavaScript,而这三个接简称前端三剑客。

第一个HTML程序 

          这个我们昨天写过了,但是也可以再写一遍。

<!DOCDTYPE>
<html>
<head>
<title>html</title>
</head>
<body>
<h1>第一个HTML程序</h1>
Hello world!
</body>
</html>

          这个就是我们的第一个程序,现在我们来讲一下里面的细节 。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

        首先 <!DOCTYPE html>这个我的理解是告诉浏览器你要去用什么语言,但是官方解释是这样的,文档类型声明,用于通知浏览器的解析器使用HTML5的方式解析这个文档。其实和我说的差不多。

        

<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>

        这一小段中其实就是像一个人的身体一样,有头有身体,而<head>正是这个头(head也翻译成头) ,这是官方解释:“<head>:这个元素包含了文档的元数据,如<title><meta>、样式链接和脚本链接等。”

<body>
    <h1>Hello World</h1>
</body>

          body又称身体,就是要写内容的地方,官方解释为:"<body>:这个元素包含了用户可见的所有内容,比如文本、图像、视频等。"

   而这就是最基本的一个结构,但是一点,最基本的<html>不能忘,这是最重要的(这里标个红色,一定要看见!!!)

标题

          标题就简单啦,我来给你演示一下。

就是这个样子,他和这个编译器上的很像, 就像是。

 代码在这里啦,如果需要的话就复制。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

           在这里请记住标题很重要,任何的一个网站都不能没有标题,这起了关键性因素。

如何查看源代码

           首先,打开你写的代码运行的网站,右击空白处,点击网页源代码。

 

在这里你可以自由的复制,但是记得经过作者的同意哟!

 

小结 

        好了,今天也讲得差不多了,请记住,他或她只会爱那个强大的自己,完善自己,才有更美好的明天,最后就以我的偶像老薛歌结尾吧( 天外来物 ),“少年,长大后记得拯救世界”,我是一个在学校写博客的中专生,我们下次见!(记得听哟,哪个是链接点一下就好了,在学校我没法登录,嘿嘿!)。

今日电脑配置:

 

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值