0 0 0 2 - This HTML5
本帖最后由 不二如是 于 2021-8-11 08:29 编辑前面已经把是什么和如何玩铺垫了。
现在就来看看怎么玩！
如果你也使用，Sublime，记得把编译索引，调成HTML，方便很多
[*]<!doctype html>
输入代码前，记得先写这句
<!doctype html>
每种浏览器内部都有许多渲染模式，例如，HTML、XHTML等等。
我们制作的网页首先需要告诉浏览器如何用正确的方式渲染他。
所以输入的<!doctype>标签，形同一个声明，告诉浏览器：
“给劳资，使用这个标准、兼容的模式来解析我写的HTML页面”
但是！
其实这并不是一句HTML5代码，他没有对应的开头和结尾。
接下来，先把最基本的框架，搭建起来
[*]head 头
HTML，对大小写并不敏感，但是为了养成良好的代码习惯，建议尽量使用小写字母
代码缩近，也要注意，一般2个或者4个空格键Tab，也可以，Tab就是4个空格的长度。
但是切记不要混用！
空格和Tab的圣战，永远不会有定论，就像先有鸡还是先有蛋一样。
动态过程是无法停下来割裂来看。
用什么就一路什么下去！
<head>标签包含了对HTML5页面各种属性、配置信息的描述。
就是一张“通行证”，有两个基本信息
名字
名字，就是标题，<title>标签，我们设置为：
<title>欢迎来到HTML世界</title>
语言
语言，就是页面的编码格式。用<meta>标签的charset进行设置。
建议使用“UTF-8”，很简单，这是“万国码”，这样就可以愉快的在页面上显示，中文、英文了。
修改<head>标签
<head>
<meta charset="utf-8">
<title>欢迎来到HTML世界</title>
</head>
[*]body 身体
body，身体，你懂得，就是展现在你面前，允许干一些事情的地方！
直接，输入如下：
<body>
我爱鱼C
WWW.FihsC.com
</body>
最后保存为XXX.html
点击 - 运行
记住，不要企图通过输入回车换行，来达到文本换行效果，这是不可能滴！
后面告诉你怎么换行～
这位鱼油，如果喜欢本帖子，请订阅 专辑-->（传送门）（不喜欢更要订阅{:10_278:} ）
官方 Web 课程：
https://www.bilibili.com/video/BV1QW411N762 说几个快捷方法：
1.安装Emmet插件后：
输入''！''，直接''Tab''键，会自动补全
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
2.''<></>''自动补全功能，譬如 输入head，按下''Tab''，自动补全：
<head></head>
3.新建一个新文档，''Ctrl+s''保存的时候，在输入名字的时候就规定该文档的类型，譬如 test.html / test.python,则Sublime Text 会自动帮你切换到保存类型的编辑环境，不需要手动去设置
4.最后的大招来了：
Sublime下载地址：http://www.sublimetext.com/2
Sublime的安装和使用
下载，安装，Sublime Text 2
如何安装插件：
按'' Ctrl+` ''调出console
粘贴以下代码到底部命令行并回车：import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
重启Sublime Text 2
如果在Perferences->package settings中看到package control这一项，则安装成功
安装插件：
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。 HTML学习之路：
HTML，对大小写并不敏感但是不二老师说最好使用小写。
代码缩近，如果用了空格就一直用空格，如果用了Tab键就一直使用Tab键。
<head>是对HTML5页面各种属性、配置信息的描述，用不二老师的话来说就是一张通行证，<title>标签（我一开始以为会在页面上显示这个title里的文字的，保存打开后发现它没有显示在页面上而显示在标签名上~）
UTF-8就是“万国码”我记住了以后就一直使用它了！~
<meta charset="utf-8">这句我试了一下，不写也是可以打开的，因为我在Notepad++里设置了编码UTF-8格式编码。
在<body></body>中可以打文字什么的，在编译器里打了回车但是在页面上却没有回车。
继续下一节课~我爱学习！~
交作业<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>易改乌江水</title>
</head>
<body>
<h1>欢迎来到易改乌江水的个人网站</h1>
<p>简介一个热爱写诗的傻子</p>
</body>
</html> 终于会评分了{:10_256:} sublime 喜欢直接html 按tab。。哈哈。 wei_Y 发表于 2017-1-6 16:00
sublime 喜欢直接html 按tab。。哈哈。
有人的地方，圣战就不会休止～ 不二如是 发表于 2017-1-6 16:21
有人的地方，圣战就不会休止～
No...不是缩进，按tab可以完成初始化，就行dw一样。。 wei_Y 发表于 2017-1-6 16:26
No...不是缩进，按tab可以完成初始化，就行dw一样。。
那样，不利于演示。。。直接都显示出来了
不能太节奏太猛 点赞{:10_275:} ，交作业
joker11111 发表于 2017-2-8 15:37
点赞 ，交作业
{:10_275:} 习惯用idea 学习了！ biyiy929 发表于 2017-2-27 10:06
学习了！
欢迎订阅专辑：传送门 学习了 保存的网页再用浏览器打开吗？能不能直接看效果？ 我来扣下字眼，声明渲染模式是html，用<idoctype html>还是<!doctype html>文中两者都有，我自己试了一下，两种也都可以。 无聊才上线 发表于 2017-3-26 08:39
我来扣下字眼，声明渲染模式是html，用还是文中两者都有，我自己试了一下，两种也都可以。
所有浏览器都支持 <!DOCTYPE> 声明
所以建议用后者 本帖最后由 无聊才上线 于 2017-3-26 16:14 编辑
不二如是 发表于 2017-3-26 08:54
所有浏览器都支持声明
所以建议用后者
已经改过来了 交作业
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到html的世界</title>
</head>
<body>
我爱鱼C
www.fishC.com
</body>
</html> {:10_256:} 有料哦，喵了个咪。 偶会好好学习的，是在不想搞实验，看文献……投奔IT
谢谢不二分享 难道就我一个人出现显示中文乱码吗？{:10_250:} 醉梦醒 发表于 2017-4-5 10:39
难道就我一个人出现显示中文乱码吗？
上代码。。。