Web前端HTML基础,从零开始

浏览器(Browser)
作用: HTTP请求的发起、接收,都是由浏览器来完成的。浏览器有很多厂商提供,全球五大浏览器:
IE (Internet Explorer) : Trident内核(IE Edge的内核为斯巴达)
火狐(Firefox) : gecko内核
苹果(Safari) : webkit内核
谷歌(Chrome) : Blink内核
欧朋(Opera) :谷歌blink内核
由于浏览器内核的差异性,显示原生html会有所差异,浏览器内核如下:
从服务器接收的数据会存放在-个临时的文件夹。接收我们缓存的数据(chrome://version/)

DTD
DocType Definition:文档类型定义(DTD) ,用来定义文档的规范。可以内部声明也可以外部声明。
内部声明: 元素声明]>
例如:
外部声明:
例如: br /> XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">
作用:规定了html使用的是哪个版本的html书写规范。
html、CSS、 js规范维护更新的组织W3C组织。
网址: http://www.w3.org/
中文学习网址: http://www.w3school.com.cn/

DTD版本.
html4.01版本,结构和样式做了分离。
Xhtml1.0版本,规范做了拓展升级。
代码必须用小写字母,属性必须用双引号包裹,结束标签必须写关闭符号/等等。
html4.01和Xhtml1.0这两个规范分别包含了3个小规范:
Strict
严格版:不能使用font/b/u/i等废弃标签,不能使用框架集(Framesets) 。 .
Transitional
过渡版(通用版) :可以使用font等废弃标签,不能使用框架集(Framesets)
Frameset
框架集版:可以使用框架集
严格程度: XHTML1.0 Strict > HTML4.01 Strict > XHTML1.0 transitionl > HTML 4.01 transitionl 
html5不基于SGML规范,不再区分3个小规范,所以不需要引用DTD。

sublime
快捷键:
html:xt|5+tab        快速生成一个html骨架
标签名+talb          快速生成标签对
p*数量+tab           快速生成一定数量的同种标签。
按住滚轮拖动       选中多行进行同时编辑
shift+ctrl+↑           上移当前行
shift+ctrl+↓           下移当前行
ctrl+ shift + S        另存为
ctrl+ /                    注释

文本链接,href="#",跳转当前页面。href="./00 路径.html"。target="_blank"会跳转到新的页面。

div#idname   +  tab  可以创建具有id的元素。

表单事件,提交方式用method

选择要用table 再加id,不要直接用a标签,会出现无法联动。

input:password +tab        可以生成对应的格式

标签的规范定义

input的相关内容,按钮提交,button现在主流游览器也可以实现提交数据。

按钮功能的实现,以及区别

对表单的基础操作

为了便于语义化,h5进行了优化。iframe内联框架,可以嵌套网站。

补充说明标签

对于文本使用的标签

代码使用规范

举例效果。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值