0 0 0 2 - This HTML5

不二如是 · 发表于 2017-1-6 14:15:18

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由不二如是于 2021-8-11 08:29 编辑

前面已经把是什么和如何玩铺垫了。

现在就来看看怎么玩！

如果你也使用，Sublime，记得把编译索引，调成HTML，方便很多

<!doctype html>

<!doctype html>

复制代码

“给劳资，使用这个标准、兼容的模式来解析我写的HTML页面”

head 头

小写

代码缩近

2个

4个

空格键

不要混用

用什么就一路什么下去！

各种属性

配置信息

名字

<title>欢迎来到HTML世界</title>

复制代码

语言

UTF-8

<head>
<meta charset="utf-8">
<title>欢迎来到HTML世界</title>
</head>

复制代码

body 身体

干一些事情的

入

<body>
我爱鱼C
WWW.FihsC.com
</body>

复制代码

最后保存为XXX.html

点击 - 运行

记住，不要企图通过输入回车换行，来达到文本换行效果，这是不可能滴！

后面告诉你怎么换行～

这位鱼油，如果喜欢本帖子，请订阅专辑-->（传送门）（不喜欢更要订阅

）

官方 Web 课程：

手机没电的时候 · 发表于 2017-4-30 08:34:41

说几个快捷方法：
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 选项并回车，然后在列表中选中要安装的插件。

像番茄加两个蛋 · 发表于 2018-1-11 09:29:38

HTML学习之路：
HTML，对大小写并不敏感但是不二老师说最好使用小写。
代码缩近，如果用了空格就一直用空格，如果用了Tab键就一直使用Tab键。
<head>是对HTML5页面各种属性、配置信息的描述，用不二老师的话来说就是一张通行证，<title>标签（我一开始以为会在页面上显示这个title里的文字的，保存打开后发现它没有显示在页面上而显示在标签名上~）
UTF-8就是“万国码”我记住了以后就一直使用它了！~
<meta charset="utf-8">这句我试了一下，不写也是可以打开的，因为我在Notepad++里设置了编码UTF-8格式编码。
在<body></body>中可以打文字什么的，在编译器里打了回车但是在页面上却没有回车。

继续下一节课~我爱学习！~

易改乌江水 · 发表于 2018-1-20 20:17:23

交作业

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>易改乌江水</title>
</head>
<body>
<h1>欢迎来到易改乌江水的个人网站</h1>
<p>简介一个热爱写诗的傻子</p>
</body>
</html>

复制代码

alltolove · 发表于 2017-1-6 15:44:57

终于会评分了

wei_Y · 发表于 2017-1-6 16:00:05

sublime 喜欢直接html 按tab。。哈哈。

不二如是 · 发表于 2017-1-6 16:21:31

wei_Y 发表于 2017-1-6 16:00
sublime 喜欢直接html 按tab。。哈哈。

有人的地方，圣战就不会休止～

wei_Y · 发表于 2017-1-6 16:26:20

不二如是发表于 2017-1-6 16:21
有人的地方，圣战就不会休止～

No...不是缩进，按tab可以完成初始化，就行dw一样。。

不二如是 · 发表于 2017-1-6 16:28:04

wei_Y 发表于 2017-1-6 16:26
No...不是缩进，按tab可以完成初始化，就行dw一样。。

那样，不利于演示。。。直接都显示出来了

不能太节奏太猛

joker11111 · 发表于 2017-2-8 15:37:53

，交作业

不二如是 · 发表于 2017-2-8 17:09:12

joker11111 发表于 2017-2-8 15:37
点赞，交作业

sfa · 发表于 2017-2-19 21:21:31

习惯用idea

biyiy929 · 发表于 2017-2-27 10:06:22

学习了！

不二如是 · 发表于 2017-2-27 10:17:44

biyiy929 发表于 2017-2-27 10:06
学习了！

欢迎订阅专辑：传送门

466210445 · 发表于 2017-2-27 21:25:19

学习了

jjmhere · 发表于 2017-3-9 11:10:45

保存的网页再用浏览器打开吗？能不能直接看效果？

无聊才上线 · 发表于 2017-3-26 08:39:35

我来扣下字眼，声明渲染模式是html，用<idoctype html>还是<!doctype html>文中两者都有，我自己试了一下，两种也都可以。

不二如是 · 发表于 2017-3-26 08:54:58

无聊才上线发表于 2017-3-26 08:39
我来扣下字眼，声明渲染模式是html，用还是文中两者都有，我自己试了一下，两种也都可以。

所有浏览器都支持 <!DOCTYPE> 声明

所以建议用后者

无聊才上线 · 发表于 2017-3-26 16:00:50

本帖最后由无聊才上线于 2017-3-26 16:14 编辑

不二如是发表于 2017-3-26 08:54
所有浏览器都支持声明

所以建议用后者

已经改过来了

lyzklkl · 发表于 2017-3-31 10:23:22

交作业

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到html的世界</title>
</head>
<body>
我爱鱼C
www.fishC.com
</body>
</html>

复制代码

弥桑朵唯 · 发表于 2017-4-1 20:57:51

有料哦，喵了个咪。偶会好好学习的，是在不想搞实验，看文献……投奔IT
谢谢不二分享

醉梦醒 · 发表于 2017-4-5 10:39:56

难道就我一个人出现显示中文乱码吗？

不二如是 · 发表于 2017-4-5 11:34:48

醉梦醒发表于 2017-4-5 10:39
难道就我一个人出现显示中文乱码吗？

上代码。。。

账号		自动登录	找回密码
密码			立即注册

[庖丁解牛] 0 0 0 2 - This HTML5

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐:

评分

评分

评分

评分

点评