caojiale 发表于 2020-3-24 19:46

HTML基础-1

论坛里很多人只会用别人的代码,改别人代码里的关键字今天脑子极度发抽,打算给你们灌输一些html的基础知识,(我其实也是个萌新)
不至于只会改中文字而不会修改代码。
废话不多说正文开始。(写的不好大神勿喷)
0.服务器和域名
什么是服务器?

服务器就是一个存放网站源码的地方(相对学前端的而言)
简单通俗的说,也就差不多是一台电脑,
但是这台电脑运行稳定,不会出现死机蓝屏等情况
是一台24小时开着的电脑(我的理解就差不多这样了)

什么是域名?有什么用?
(以下内容纯属为了方便你们理解)
域名就相当于一个人的名字


IP你们都知道啥意思吧
域名解析到某个特定的服务器ip
你访问域名的时候,其实就相当于访问那个ip地址
域名的作用就是解析到那个ip地址
起了一个中介的左右。
为什么不直接输入ip呢?
域名的存在原因之一是为了方便记忆,比如人人都知道百度的域名是baidu.com,但你知道百度的ip吗

1.首先我们来解释一下什么是HTML


HTML是hyper text markup language的缩写
什么意思呢,
hyper -> 超级
text -> 文本(微软txt后缀就是text的缩写,熟悉了吧)
markup -> 标记
language -> 语言
就是,超级 文本 标记 语言
顾名思义,就是个拿标签用来标记的语言(差不多这个意思了)


2.HTML的开发工具


因为本人特懒,就不多介绍什么其他的开发工具了
我最推荐的一款开发工具是微软的VS CODE
使用起来特别方便,也算是轻量级的开发工具了
官网:code.visualstudio.com如果是英文界面(没有如果)
在应用里搜索chinese插件重启vsc就能变成中文了


3.HTML的结构

<!DOCTYPE html>
<html>
<head>
</head>
<body>

</body>
</html>
我们可以看到
里面分别有doctype , html , head , body四个部分
分别是文档声明,html,头部,身体


<!DOCTYPE html>意思是告诉浏览器这是一份html文档,要按照html规范来解析,
这个严格意义上来讲是必须要写入代码里的,但是有时候不写也无伤大雅。(建议写入)


<html>和</html>,我们可以发现这个是成对出现的,
意思是在中间的部分,就是html代码的内容


<head>和</head>,同上也是成对,
意思是夹在在中间的部分,是html的头部文件
多用于告诉浏览器使用的js,css,html的编码,html的语言,和网站标题等


<body>和</body>,这个就是html的核心部分了,
里面写的就是网站的正文部分,比如你现在浏览的整个页面,都是body里的内容




写的不好,大神不要喷,写给那些没学过的
今天就先写到这里了,纯手打的,第二期开始讲写代码了。
认真学,html比其他语言简单太多,很快能上手的。


有不明白的评论区见

逆天昊龙 发表于 2020-3-24 19:53

刚好12天把html5学完了,有些不太熟的东西

那年夏天52 发表于 2020-3-24 19:53

也算是凑合

caojiale 发表于 2020-3-24 19:54

那年夏天52 发表于 2020-3-24 19:53
也算是凑合

哈哈哈1{:301_998:}

逆天昊龙 发表于 2020-3-24 19:57

感觉你写教程没必要,HTML重要是记住标签

看,六眼飞鱼 发表于 2020-3-24 20:13

高一学了H5,复习一下

caojiale 发表于 2020-3-24 20:22

逆天昊龙 发表于 2020-3-24 19:57
感觉你写教程没必要,HTML重要是记住标签

有人不会啊,记住了标签不知道是干啥用的也不行啊

水上漂890 发表于 2020-3-24 20:27

终于看到一个自己可以看懂的技术文章

魔幻冰扬 发表于 2020-3-24 20:36

看,六眼飞鱼 发表于 2020-3-24 20:13
高一学了H5,复习一下

高一就学了。。。。。。

逆天昊龙 发表于 2020-3-24 20:37

魔幻冰扬 发表于 2020-3-24 20:36
高一就学了。。。。。。

这玩意初中生都用的非常好
页: [1] 2 3
查看完整版本: HTML基础-1