2019-07-14来黑马程序员的第三天(上课)

前两天过得还是挺快的,渐渐进入了学习的状态,好像一下子回到了高中时代,尤其是高三的时候,但是今天老师讲的东西还不是很多很容易吸收的,我总结了几点如下:

1、a标签,必须的属性href,target为常用的属性,href后面跟跳转的地址,地址可以是相对地址也可以是绝对地址,target是设置链接跳转的方式,默认是当前窗口打开,它的值可以是:_self、_blank;

锚点定位:用于一个比较长的页面,查看一段文字时可以快速到达那个位置,使用的步骤:1、在需要跳转的位置使用a标签 2、在目标位置使用id属性 3、a标签的href属性值为“#id的值”

2、列表标签:ol、ul、自定义列表(dl、dt、dd)

ol是有序列表,需要配合li使用,ol是列表的模块,而li是列表里的每一项,ol中只能有li标签,而li标签中可以是任意标签。

ul是无序列表,需要配合li使用,ul是列表的模块,而li是列表里的每一项,ul中只能有li标签,而li标签中可以是任意标签。

自定义列表,dl是列表的模块,dt是列表的标题项,dd是对dt的补充说明。

3、表格:table(表格的模块)、tr(表格的行)、td(单元格)

tabel常用的属性:border设置表格的边框,width设置表格宽度、height设置表格高度、cellspacing去除单元格之间的间隙、cellpadding设置单元格边框和内容之间的距离、align表格水平方向对齐的方式

表格结构化:thead(表格的头部区域)、tbody(表格的身体区域)、th(表头的标签,相当于每一列的第一行)、caption(设置表格的标题,在table里面,但是显示的时候在表格的外面)

合并单元格:上下合并rolspan,写在上面的单元格的td里面,并且值是合并几个就是几个;左右合并colspan,写在左边的单元格td里面,并且值是合并几个就是几个。

4、容器标签:div和span,没有什么功能,用来布局的,在后期CSS中会经常使用

5、H5新增标签:video(视频)和audio(音频)注意:这里的H5指的是HMTL第五个版本,使用格式如下<video src="视频文件" autopaly controls loop></video>,autopaly、controls、loop是它的常见属性,作用分别是:是否自动播放、视频控制器(播放、暂停、挺高\低音量,全屏显示等)、循环播放,它们三个有一个共同的特点,属性值就是自己,这种情况下可以就写一个属性。

video支持的视频格式:ogg、mp4、webm,为了能兼容浏览器,一般采用以下写法

<video>

   <source src="视频1.mp4">

    <source src="视频1.ogg">

    <source src=""视频1.webm>

    您的浏览器不支持video标签

<video/>

audio支持的音频格式如下;:P3、Wav、Ogg。

兼容性写法同video

6、特殊字符:>(大于):&gt;、<(小于):&lt、空格:&nbsp、版权:&copy;、注册商标:&reg;、人民币:&yen;

好啦,今天就这么多了,明天是休息,但是我得去自习,毕竟是花钱进来的,不浪费每一天学习时间。加油鸭鸭!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,887评论 0 0
  • img标签 功能:告诉浏览器需要显示一张图片; 参数:width、height、src、title、alt;wid...
    Latte_Bear阅读 3,749评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 6,986评论 0 7
  • img标签: img标签中的img其实是英文image的缩写,所以img标签的作用, 就是告诉浏览器我们需要显示一...
    佩佩216阅读 5,523评论 0 2

友情链接更多精彩内容