我来到黑马培训班已经一个月了,速度很快,基础班已经结束。顺利的进入就业班。
经过这一个月的努力学习,我了解了html不是网页,是超文本标记语言,不是编程语言, 是用来描述网页的一种语言,是以标签格式组成的一种标记语言。知道了网页是指在因特网根据一定的规则展示特定内容的数据,就是html文件。懂得了网页是由图片,文字 ,超链接,声音,视频等元素组成的。
知道了web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。知道了由于浏览器的内核不同,解析代码时候可能会不统一,我们可以通过web标准规范各大浏览器的解析规范,达到元素最终显示的样式统一,所以我们要统一web标准。
Web标准是由结构标准 html,表现标准(样式标准) css,行为标准 javascript组成。
知道html标签分为包含关系和并列关系,包含关系(父子关系):有父子级嵌套关系的盒子,并列关系(兄弟关系):并列的兄弟关系。
标签的语义是在合适的地方给个最合理的标签可以让页面结构更加清晰,有利于后期的网站维护和SEO优化。
段落标签是p标签 根据文档分成若干个段落,可以自动换行,两个标签之间有间隙;
换行标签br:强制换行,换行的两行之间的缝隙较小;
关于浏览器对回车换行和空格的解析
在书写html代码的时候没如果我们敲空格不管敲多少空格,最后浏览器只给我们解析为1个空格,如果敲回车换行浏览器不会出现换行效果,可能会解析为一个空格;
如果想要出现多个空格我们需要书写空格的特殊符号:
如果想要换行就是用强制换行标签 <br >
图片的src属性是必须要书写的。
图片设置宽高的时候,我们只需要设置宽度即可,高度不用设置会自己等比例进行缩放。
图片可以同时书写多个属性,只需要用空格隔开即可。
路径就是从html文件或css文件出发去查找目标文件(图片、html文件、JS文件、css文件)------- 从文件自身出发去查找目标文件
主要有相对路径和绝对路径,相对路径又分为三种同级(平级)路径,上级路径、下级路径
同级路径:文件和目标文件是并列的关系,直接 src=“文件名称”;
下级路径:文件和目标文件的父级盒子是并列关系,src=“目标文件的父级/目标文件名称”
上级路径:文件的父级盒子和目标文件的父级盒子是并列关系,src需要通过../先出来一级再去查找图片对应的路径 --- src=“../文件父级/文件名称”
带有盘符的路径:绝对不能使用,因为每个的电脑硬盘只能自己访问,别人是访问不了的
在线网络地址:可以使用,但是使用的时候必须书写http://前缀,但是要注意如果在线网站挂了该链接就不生效了;
超链接标签a:双标签, <a href="相对路径"></a>
href标签是必须要书写属性
target属性可以控制超链接a的打开方式,target=“_blank”新的窗口打开页面
作用:实现页面之间的跳转
链接分为,
外部链接: 例如 < a href="http:// www.baidu.com "> 百度</a >内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可(href中放相对路径),例如 < a href="index.html"> 首页 </a >
空链接: 如果当时没有确定链接目标时,< a href=“#”> 首页 </a > ,后期我们还会使用假链接 < a href=“javascript:;”> 甘肃 </a >
两者的区别:#是将当前的页面重新刷新加载了一遍,javascript:;表示执行了一次空的JS语句;
下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
锚点链接,实现了页面内部的跳转,主要有两个步骤完成:
第一步,我们确定要跳转到什么地方,就在改地方的标签身上添加id属性并且赋值;
第二步,用超链接a触发锚点按钮
注释快捷键 Ctrl+?
Html注释 <!-- 注释内容 -->
Css注释 /*注释内容*/
注意:html的注释和css的注释是不一样的,不能混用;
表格的主要作用:表格不是用来布局页面的,而是用来展示数据的数据;
表格的基本语法:table嵌套tr,tr嵌套td,tr表示行,td表示单元格(列),tr里面的td的个数自己决定;
表头标签th:
一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示.
表格的相关属性:
居中:align=“center” 边框:border
内容到单元格周边的距离:cellpadding
单元格和单元格之间的距离:cellspacing
宽:width 高 height
表格标题 caption,直接写在table中
表格合并单元格三步曲:
第一步: 先确定是跨行还是跨列合并,如果是跨行合并rowspan从上到下的合并,如果是跨列合并colspan从左到右的合并
第二步:找到目标单元格,在开始单元格上书写跨行或者跨列,写上合并的格子: --- <td colspan=“2”></td>
第三步:删除多余的单元格;
|
|