html的基础01

 

 

 

 

 

 

 

1.什么是网页

2.常用的浏览器有哪些

3.web标准是什么

 1.什么是网页

 

 

 

 

 

 2.常用的浏览器

 

 

 

 

 360.百度那些都是国产浏览器，内核一样，以上六个都是国际浏览器，不同厂商生产（但IE和Edge都是微软公司的）。

 

 

 

 chrome和Opera都是比较新的浏览器（08年才有的），所以直接拿比较好的webkit进行二次开发成blink，做了进一步的增强。

国产的生产的更晚，所以就更直接拿别人好的。

3.web标准是什么

一定要遵循w3c标准，它牛就牛在都是自定义标准的

 

 

 

 

 

 面试重点：w3c标准的构成

 

 

 

 

 

 

 

 

HTML标签

 

 

 

 有单标签也有双标签

 

 

 

 包含关系也就是嵌套

 

 

 

 

    

 

 

 

 

 

 

 

 VS Code的使用

1.学会创建html文件。新建后保存为html文件。 

 

 

 

 

 

 本就不属于HTML的内容，就是声明文档类型的

 

 

 

 char字符。set集合。charset字符集

 

 

 

 HTML常用标签

 

 

 在什么时候就该放什么样的标签，使得结构更加清晰。

标题标签不仅可以表示标题还会表示重要性排序。

 

 

 

 

 段落标签：<p></p>

 

 换行标签：<br/>

 

 

 

 

 

 

<strong></strong>

 

<em></em>

网页布局：

span是横着来显示的，一行有很多个span。

 div只能占一行，可以认为是超大的盒子，所以这是一个大的div。

 

 

 

 

 

 图像标签是单标签

 

 修改高度和宽度的时候一般只要修改一个就好了，修改高度他会等比例缩小放大宽度，如果同时修改两个，就是出现画质压缩现象，会有压扁或者拉长高度

border到时候会通过css来设置边框的样式，默认是黑色的。

title：

 

 

图像标签必须写在img后面，不能在前面

 

 

 

 重点掌握1：src是必须要写的

重点掌握2：出现的时机不一样，alt替换文本，图像显示不出来的时候就会把alt替换文本直接显示到网页中，title提示文本，把鼠标放在图片上才会显示信息。

 

 

 

 href必写属性，_self默认值是当前页面打开。href也有格式要求！一定要http://......com

 

 

 

 

 

 

 

 

 

 

 

 精准定位到目标位置！一定要有#号

 

 

 

 

 

 

 

 

 

 

 

 

 

 绝对路径很少使用。用的是斜杠/。相对路径用的是反斜杠\。

 

 

 

 

 

 

  

 

 

 快捷键： ctrl+/  可以添加注释

 

 

 

 

 

 

 

 

 

 

 

HTML标签下

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 都是通过css来设置表格的属性的

 

 

 

 

 

 

 cellpadding是边框里面的文字和边框的距离，cellspacing是边框和边框的距离

 除了width还有height可以改变。

 

 

 

 th是一个一个单元格，thead是单元区域，一行。thead大于th

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 这里第三步删掉第三个td。

 

 

 

 

 

 表格属性是要写进表格标签里面的

列表标签：

 

 

 

 

ul里面只能写li，不写或者些别的标签都是不规范的

 

 

 

不用在乎前面的小圆点，学习css会去掉的！

 

 

 

 

 

 

 

 

 不是包含关系，是围绕dt有很多个dd。

 

 

 

 

 表单标签

 注册登录的时候会出现

 

 

 

  

 

 表单域包含很多表单元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 

 

 以上代码的意思就是在name中的单选框里只能选一个

 

 因为单选框复选框不显示，页面看不到，只有text文本框才显示。给后台人员处理数据的

 

 

 checked就是自定义的默认选项

 

 

 

  

 

 

 

 

 

 tpye不同属性就是不同形态。

 

 

 

 

 reset可以不用一个个删

 

 

 

 

 增大点击的面积，方便。标签里面必须写上for属性，input里面加id=。