论网页~

一.基础常识

1.什么是前端
  • 概括地说,前端就是你所见到的网页,你打开浏览器所看到的所有网页,都是前端的一部分。一个网页由HTML作为基础框架,而后通过CSS和JavaScript去填充内容。如果想要去开发一个网页,就必须先学习这三大件。作为基础的入门,本文会先从HTML开始讲起。
2.什么是HTML
  • HyperText Markup Language,简称HTML,中文名为超文本标记语言,需注意的是它并非一种编程语言,而是一种标记语言。它是一切网站的基石,是通向WEB世界的钥匙。

二.入门HTML

1.基础的准备工作
  • 学习HTML并不需要什么复杂的环境搭建,你只需要两件东西:
    • 浏览器
    • 文本编辑器

    虽然使用IE和记事本就可以满足条件了,但为了更好地学习,这里推荐安装更为现代一些的浏览器和编辑器,例如Google ChromeMicrosoft VS Code,在记事本里敲代码还是太low了一点。

没有对比就没有伤害

  Google Chrome下载
  Microsoft VS Code下载

2.初识HTML
  1. 标签
    • HTML 标签是由尖括号包围的关键词,比如
    • 大多数 HTML 标签成对出现,比如 <p></p> 但也有例外,例如 <img>
  2. 文件
    • 创建一个新文件,键入文件名,将后缀名设为.htm或是.html,一个空白的网页就创建好了,然后我们就可以通过浏览器打开它了。
  3. 第一个网页
    • 如果使用的是vscode的话,用编辑器打开刚刚创建的网页,键入html:5后按tab键就可以快速的初始化一个网页了,在新创建好的“中间键入<h1>Hello World!</h1>,保存后打开,你就可以看见你所创建的第一个网页了(其他编辑器可仿照着写)
    • 对于新手来说,我们还不需要如此完善的初始化,我们可以将代码简化成如下形式
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
  • 接下来便对我们所写的html代码进行解释
“<!DOCTYPE html>”是每个html网页不可或缺的文档类型声明,它告诉浏览器这个文件是一个html网页
“<html></html>”这个标签告诉了浏览器网页的开始与结尾
“<head></head>”这个标签用于定义网页的头部,它是所有头部元素的容器。其中的元素可以引用脚本、指示浏览器在哪里找到CSS样式表、提供元信息等等。
“<title></title>”这个标签用于定义网页的标题,例如这个网页的标题就是`简单的前端入门 – 翠园Coder`
“<body></body>”这个标签定义网页的主体,包含网页的内容
“<h1></h1>”这个标签定义内容的标题,它还有5个兄弟姐妹,分别是<h2-5>,字号依次降低,例如这篇文章开始的`论网页~`就是一个h1元素,而`一.基础常识`则是一个h3元素。还需注意的是,写于其中的内容会独成一行。

这篇文章到这就结束了,这次没有讲太多内容,起到的完全是一个引入的效果,虽然html本身就不难,但作为前端的基础,我们能见到它一直贯穿整篇教程,所以必须将它牢牢掌握。
下篇预告:震惊!HTML竟然啥都能做!?

最后修改日期: 2019年8月22日

作者

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论