美文网首页
HTML5前端笔记(百度传课)

HTML5前端笔记(百度传课)

作者: db366da20578 | 来源:发表于2018-02-11 11:34 被阅读0次

    W3C简介:World Wide Web Consortium,就是W3C理事会或万维网联盟,W3C是全球互联网最具权威的技术标准化组织。负责web方面标准的制定,像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。

    <!DOCTYPE html>  hmtl5文档声明,写在第一行。

    常见的前端开发工具:Dreamwaver、Sublime、WebStorm

    如何在WebStorm中利用快捷键创建一个新的.html的文件

    --同时按下键盘的Ctrl+Alt+Insert

    如何在WebStorm中让光标移到到当前的末尾

    --按下键盘的End键即可

    如何在WebStorm中让光标移到到当前的最前面

    --按下键盘的Home键即可

    如何在WebStorm中让光标移动在多行中闪烁

    --按下键盘的Alt键不放,然后在按住鼠标的左键不放,然后在拖动鼠标即可

    Hr标签:在浏览器中显示一条分割线

    格式:<hr />

    如果img标签指定了宽或高的其中一个值,那么另一个值会等比拉伸,不会变形。

    WebStorm中,快速复制光标所在的那一行,快捷键:Ctrl+D

    WebStorm中,快速删除光标所在的那一行,快捷键:Ctrl+X

    WebStorm中让标签包裹一段内容,按下键盘Ctrl+Alt+T,然后回车,然后输入对应的标签即可。

    WebStorm中注释快捷键:Ctrl+/  键

    a标签:base标签是专门用来统一指定当前网页中所有超链接(a标签如何打开)需如何打开,base需写在head标签的开始和结束标签的之间,如果既在base中指定了target有在a标签指定了taget,那么会按照a标签中指定的来显示。例:<base target="_blank">

    a标签:假链接格式:# 和 javascript:void(0);

    a标签:通过a标签跳转到当前页面的指定位置,给指定的位置加一个id,然后通过href=“#+id名字”即可,如果想通过当前页面跳转到另一个页面的指定位置,在另一个页面的指定位置加一个id,通过href=“另一个页面的地址+#id名称”

    无序列表:无序列表通过去掉前面的小圆点 list-style:none;

    dl标签:dd的含义是用来定义标题对应的描述。

    在开发项目的时候应该先初始化边距: *{margin:0; padding:0; border:0;}

    表格:cellspacing:表格与表格之间的间距。

    表格:caption专门用来设置表格标题,需放在table内。

    表单:除了按钮类型的input标签以外,其他的类型的标签都可以通过一个value属性来指定 将来提交到服务器的值。

    input单选框radio,需要加name属性,而且name值要相同

    input属性:除了按钮类型的input标签以外,其他类型的属性都可以通过加上value属性用于将来给服务器提交的内容是什么。

    form:fieldset标签可以给表单添加一个边框,legend表单可以给边框指定一个标题。

    video标签属性:src用于高速video标签需要播放的视频地址,autoplay用于告诉video标签是否自动播放(autoplay="autoplay")。controls:用于告诉video是否显示控制条(controls="controls")。poster:告诉video标签视频没有播放之前显示的占位图片。loop:一般用于做视频广告,用于告诉video标签视频播放完毕之后是否需要循环播放。preload:预加载视频,preload和autoplay相冲。muted:静音

    利用summary标签来描述概要信息,利用details来描述详情,默认情况下是折叠展示,想要查看详情必须点击。

    marquee标签:是跑马灯作用,marquee标签不是W3C官方推荐的标签,在W3C官方也无法查询这个标签,但是在各大浏览器中对这个标签支持非常好。direction:设置滚动方向,left/right/up/down。scrollamount:设置滚动速度,loop:设置滚动次数。behavior:设置滚动类型,slide滚动到边界就停止,alternate滚动到边界就弹回。

    没有语义标签:b、u、i、s            有语义标签:strong(定义重要性强的文字)、ins(定义插入的文字)、em(定义强调的问题)、del(定义被删除的问题)。

    相关文章

      网友评论

          本文标题:HTML5前端笔记(百度传课)

          本文链接:https://www.haomeiwen.com/subject/jvbhgttx.html