当你决定要学习HTML的时候,相信你已经决定好走前端了。走前端的话可能还会需要一些后端的知识,我看到的一些项目包括大厂的都会需要调用接口或者其他与后端有关的。再次之前,我们应当先学习一些基本的网络知识:
网络的三大基石:http、url、还有HTML,
HTTP:超文本传输协议,有些协议可能会是HTTPS,两者相比之下HTTPS会更加安全,它基于HTTP上面加了SSL。具体的区别我就不讲了,这里可以欣赏一下大佬的文章去详细了解,我发连接的可能会偏向工作化一点(有需要的可以去了解,如若觉得不好的可以评论):
HTTP 和 HTTPS 的区别(面试常考题)_Tyler_Zx的博客-CSDN博客_http和https的区别
URL:统一资源定位器
HTML:超文本传输语言
也需要去了解一下B/S,C/S架构,两者区别我放下面了:
c/s架构:客户机/服务器
优点:用户体验感质量非常好
缺点:服务器端内容更新,客户端必须更新
B/S架构:浏览器/服务器
优点:使用方便,打开浏览器即可使用
缺点:用户体验感差
在上面的网络基础知识具备的情况下,我们打开adobe公司的DW或者是H builder的时候,会出现以下的场景
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
再上述代码中,你需要了解以下他的基本格式
<html>
<head></head>
<body>
内容
</body>
</html>
上述代码可以在文本框当中去敲出来,你需要了解到body当中存放展示到用户面前的内容,head里面和浏览器之间的配置信息需要写到head当中,title所存放的内容是网站的标题。他的<meta charset="UTF-8">这个代码所表示的内容是告诉浏览器按照utf-8中文编码去解析网站,这个感兴趣的可以去学习以下张福炎的计算机基础或者是计算机组成原理,这几本书可能会比较烧脑,不太推荐。
下面说一下比较实用的一些代码,下面的代码很多事为了提升网页的搜索效率标签
<meta name="keywords" content="xxx" /> //设置网页的关键字
<meta name="description" content="xxxxx"/> //设置网页的描述内容
<meta name="author" content="xxx" /> //设置网页的作者
<meta http-equiv="refresh" content="5;http://www.baidu.com" /> //设置5s后自动跳转至百度
<link rel="stylesheet" type="text/css" href="" /> //链接