HTML的简介

HTML简介(参考百度等网站)

HTML全名HyperText Markup Language即超文本标记语言

 

1982年 Tim Borners - Lee(蒂姆·本尼斯李)在CERN(Conseil Europeen pour la Recherche Nucleaire)研制出来。

1993年 作为IETF团队的草案进行发布。

1995年 HTML2.0作为RFC1866(RFC即Request For Comments即请求评议,几乎包含了互联网网络的所有重要文字资料)发布。

1996年 HTML3.2成为W3C的推荐标准

1997年 HTML4.0成为W3C的推荐标准

1999年 HTML4.1成为W3C的推荐标准

2000年 HTML4.01的ISO HTML成为国际标准化组织和国际电工委员会的标准

2014年 HTML5成为W3C的推荐标准

(其中HTML4.01为创建这个文档的时候的最常见版本)

HTML一般的使用方向

HTML一般是与CSS、JS一起配合使用,来组合成一个功能相对丰富的网页。

其中,HTML承担框架结构的构建作用,CSS对构建的页面框架进行修饰、装扮,JS进行动作事件触发的处理。

HTML编辑时常用的工具

HTML文本编辑相对比较自由,用Vi、windows下记事本、Aptana Studio 3、Notepad++、EditPlus、UltraEdit、WebStorm、DreamWeaver都可以进行编辑使用。但是,我个人推荐使用的是Sublime Text 3进行使用。主要就是界面相对比较舒服,写HTML的时候有比较多的快捷方式。并且有一些插件可以使用,让写HTML变的更加舒服。

接下来安利一波sublime的快捷键和一些好用的插件。

新建好文件,修改后缀名为.html(这样编辑器就能知道你要写的是什么代码了,才能正确的触发合理的快捷键事件),快捷键:

! + tab 可以生成HTML5的结构(可以省下多余的一些时间做别的事情)

Ctrl+鼠标滚轮 可以调整文本大小

Ctrl+shift+D 复制当前行

Ctrl+shift+k 删除当前行

Ctrl+shift+上下键 将当前行上移或者下移

Ctrl+回车 快速切换到下一行

ctrl安装加左键 可以选择多个位置进行编辑

标签名+tab 可以自动补全大部分标签(如p+tab =>  <p></p>)

h${内容}*6 类似这种写法,比如刚才这个可以生成h1到h6 6个标签 

 

比较好用的插件:

可以显示中文的ConvertToUTF8插件

启动软件之后,点击preferences,选择Package Control,然后输入Install Package。随后弹出的窗口就是安装插件包的窗口。在这个窗口中你可以输入我们想下载安装的插件,比如我们现在要安装的ConvertToUTF8插件。输入ConvertToUTF8之后回车,他就开始自动安装了。安装完了之后,sublime会自动打开一个英文的message文档,基本说明安装成功了。

其他的插件,比如上述的快捷键如果无法使用,那么可能是缺少Emmet插件

比如html5插件,可以令快捷键更加方便。

比如jQuery插件,那么就可以让软件支持jQuery规范

比如javascript-API-Completions插件支持Javascript、JQuery、Twitter Bootstrap框架

比如JSFormat插件,JS代码格式化插件。可以使用ctrl+alt+f

比如Alignment插件,选中几行之后ctrl+alt+A,实现对齐显示

比如DocBlockr插件,注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。

比如Ctags插件,可以实现Alt+鼠标左键来函数跳转

比如BracketHightlighter插件,可以实现部分类似代码编辑错误高亮提醒,比如括号之类的

HTML的大致组成结构

一个HTML文件的后缀名一般是.html或者.htm。

文件内容会宝库奥两个部分,“头部分”和“主体部分”。即“head”和“body”部分。

其中头部分提供关于网页的相关信息

主题部分提供网页的具体内容

HTML文件的具体内容是有标签、标签的属性已经标签包含的内容来实现的。比如上述的头部分和主体部分就是分别扩在<head></head>和<body></body>这两队标签中间。

甚至head和body标签都是卸载<html></html>里头的,所以html标签又叫根标签。

 

HTML的简介基本就到这里结束了,相关标签的具体内容会在后续的随笔中写出来。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值