初学网页结构 第一天

一、简单的网页结构

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都是一种宽泛的语言，他的容错率比较高

        他会给你自动纠错,但我们要尽量避免，防止网站的性能有所影响

 六、实体

什么是实体

         在编写网页的时候，有一些字符我们是没有办法打出来的，例如空格，大于号，小于号等

         这些字符已经提前备编译器或者浏览器征用，我们不能正常使用，我们要用一些额外的字符来代替

         这些额外的字符就叫实体

    实用的语法

        &实体的名字；

    常用的实体

        空格  &nbsp;

        大于号  &gt;

        小于号  &lt;

        版权符号  &copy;

 七、常用的标签

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 图片的高度

 九、作业展示

作业一

 

 

 作业二