一、简单的网页结构
ctrl+/ 注释符号
html标签 根标签、根元素 所有的网页内容都要写在html开始标签和结束标签中间,一个页面只能有一个html标签
head 标签 保存一些元信息,他里面的内容用户看不到,主要是帮助浏览器编译代码
body标签 书写网页主体内容
二、文档说明
文档声明 写在html最上面 告诉浏览器我说按照html的规范来编写代码的浏览器你也要找规范编译,以免代码变异陷入怪异模式出现乱码
三、title标签
title标签是网页的标题,显示在标题栏中,我们不关注它显示在哪里,关注它的语义最重要的意义可以帮助我们推广
四、Meta标签
mate标签 是一个自结束标签,也可以存一些元信息,帮助浏览器编译代码
自结束标签有2种写法 <mate> <meta/>
在开始标签里,我们可以加属性和属性值
charset 字符集属性 设置密码本
utf-8 万国码属性值 某一个密码本
GB 中国的
GBK 中国扩展版
charset的设置就是为了防止乱码
五、html的规范总结
1.html标签有成双成对的,也有字节数标签
2.html中是不区分大小写,但一般用小写居多
3.我们标签可以嵌套,不可以交叉嵌套
4.养成良好的注释的习惯,简洁,明了,也不要可以嵌套
5.html,css,js都是一种宽泛的语言,他的容错率比较高
他会给你自动纠错,但我们要尽量避免,防止网站的性能有所影响
六、实体
什么是实体
在编写网页的时候,有一些字符我们是没有办法打出来的,例如空格,大于号,小于号等
这些字符已经提前备编译器或者浏览器征用,我们不能正常使用,我们要用一些额外的字符来代替
这些额外的字符就叫实体
实用的语法
&实体的名字;
常用的实体
空格
大于号 >
小于号 <
版权符号 ©
七、常用的标签
1.标题标签 h1,h2,h3,h4,h5,h6 字体大小逐步变小,字体加粗,会变黑从语义上看是逐步降低的,也是可以帮助浏览器检索内容,提高网络排名
2.段落标签 p 默认样式;段落与段落之间有较大的空隙
3.标签分组 让标题之间有关系,没有默认样式
4.string 强调标签
5.em 强调标签 默认样式 字体斜体
6.br 强制换行
7. hr 分割线 是一个自结束标签
8. del 删除线
9.center 居中
10.div 是一个没有任何语义的标签,是一个块元素 独占一行
11.span 是一个没有任何语义的标签 ,一般就用来包裹文字
12.引用标签 默认样式:加双引号
八、img标签
开始标签里 可以添加多个属性,用空格隔开即可img标签 引入外部也是一个自结束标签
4个属性
src 引入图片路径 暂时将html文件和图片放在同一个文件夹下面
alt 是对图片的描述 正常情况下内容不会显示
当图片的路径出现问题了,图片引入不成功 alt就会显示
他可以帮助浏览器检索图片 养成alt的习惯
width 图片的宽度
height 图片的高度
九、作业展示
作业一
作业二