html

打开编辑器后如何生成html结构的快捷键

1.!+回车         2.html:5+回车 即可生成

简单介绍

什么是网站:在网络上展示特定内容的网页的集合。

什么是网页:网页就是网站的一员,组成网页的元素有:文字、图片、链接、音频、视频等元素。

浏览器所采用的渲染引擎统称为内核。

五大浏览器及内核

IE          内核是Trident 是1995年由微软发布的

火狐(firefox)        内核是Gecko

opear         内核是以前用的是persto 现在用的是blink

谷歌        内核是webkit 由谷歌公司发布

苹果         内核是webkit

双内核浏览器:qq浏览器,uc浏览器,猎豹浏览器,360浏览器

页面的三大组成部分

结构 html

样式 css

行为 javaScript

结构层html和表现层css,是 W3C 制定的规范,万维网联名。

行为层js,是 ECMA 制定的规范,欧洲计算机协会。

什么是html?

html是超文本标记语言  总成Hyper Text Mart-up Language

标记语言:由一套标记标签组成的

标记:构成网页的基本单位

标签:由尖括号括起来的关键字

双标签:<开始标签>内容</结束标签>

单标签:两种格式:<关键字>         <关键字/>

注释:对代码进行解释和说明,不会被浏览器执行

注释快捷键:ctrl+/

!DOCTYPE     作用:告诉浏览器该文档的版本信息,让浏览器解析器知道使用哪种语法解析文档

不是标签,是声明语句,必须写在html文档的第一行

<html  lang="en">  lang是language的简写  en是语言  是English英语的简写

网页的头部信息 其内容不会显示在网页中
定义文档的头部,包含文档的标题(title),可以包含文档脚本(script),样式(style),meta信息以及更多的其他信息。

meta信息标签是单标签 charset 文档字符集  便于计算机识别和存储各种文字 全称 character set

charset属性:设置编码方式   UTF-8:万国码,通用性比较好

GB2312:简体中文,包含6763个汉字

GBK:包含全部的中文字符

BIG5:繁体中文

title定义标签页的标题

div:搭建网页结构的基本标签;盒子;无语义标签

特性:独立成行。宽度默认撑满整个父元素。高度由内容撑开。

作用:div可以用来划分网页的区块,div可以嵌套任何标签

h标签系列:标题标签

h1~h6字体大小从大到小显示,重要程度一次减小

注意事项:h1标签,在一个网页中只能有一个,h2~h6可以有多个

特性:宽度默认撑满整个父元素。高度默认由内容撑开。独立成行。自带外边距。自带加粗效果。

使用场景:文章的标题,内容的章节标题。logo。产品的标题。

块级标签: p:段落标签

特性:宽度默认撑满整个父元素。高度默认由内容撑开。独立成行。自带外边距。 使用场景:文章段落

 注意事项:p不能嵌套块级元素

hr:单标签 文本分割线

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值