为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5基础入门与实例

难度初级
时长 3小时14分
学习人数
综合评分9.77
3人评价 查看评价
10.0 内容实用
9.3 简洁易懂
10.0 逻辑清晰
  • 插件。。。。。。...............


    646b6c8a0001c21a09600540.jpg
    查看全部
  • 表格

    查看全部
  • 网页抬头标签

    查看全部
    0 采集 收起 来源:meta元标签

    2023-05-21

  • rextarea :多行文本框

     cols 定义行的像素值

     rows定义列的像素值

    查看全部
  • input的type属性:text 单行文本输入

                                  password 密码输入框

                                  button  普通按钮

                                   submit 提交按钮

                                    reset 重置按钮

                                    checkbox 复选框

                                     redio 单选框 要name属性相同才能实现单选

     做按钮时最好使用button

    botton中的type属性:submit提交(默认)

                                        botton 普通按钮

                                           reset 重置

      select option 下拉选择框,实际提交的值并不是文本框中显示的

    查看全部
  • 来学习一下前端课程

    查看全部
    0 采集 收起 来源:前端是什么

    2023-03-15

  • 12266666666


    64117078000181de09600540.jpg
    查看全部
    0 采集 收起 来源:W3C简介

    2023-03-15

  • table表格

    cellpadding:单元格内填充

    cellspacing:单元格间距

    border:表格边框宽度


    rowspan:跨行或者合并同一行,放在需要跨行的第一个表格元素中

    colspan:跨列


    caption,col,colgroup

    查看全部
  • meta charset : 字符集设置

    meta name =“description” content:设置网页描述

    meta name ="keywards " content :设置网页关键词

    meta http-equiv = "refresh" content="5;url=地址“  :设置重定向

    meta name = “viewport” content =“width=device-width(视口宽度等于设备宽度), initial-scale=1.0(默认缩放比例),  maximum-scale=1.0 (最大缩放比例), user-scalable=0(用户是否可以缩放),shrink-to-fit=no(是否缩小到适配), viewport-fit=cover(适配模式)” :视口设置

    查看全部
    0 采集 收起 来源:meta元标签

    2023-03-09

  • 讲得好

    查看全部
    0 采集 收起 来源:前端是什么

    2023-02-27

  • 标准模式standard mode中:

    width用作内容content宽度,元素真正的宽度:width + margin-left +border-left-width +padding-left + border-right-width + margin-right


    怪异模式quirks mode 中:

    width用作元素实际宽度,内容content =  width - (margin-left + border-left-width  +padding-left + border-right-width + margin-right)


    2种盒子模型的触发方式

    box-sizing:cotent-box   标准模式

    box-sizing: boeder-box  怪异模式

    查看全部
  • Doctype:声明解析方式


    1.1、HTML4.01 strict:不允许使用表现性、废弃元素以及frameset

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


         1.2、 HTML4.01 Transititional:允许....但不不允许frameset

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


           1.3、HTML4.01 Frameset:允许使用

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd">


            1.4、HTML1.0 Strict :不允许使用,文档必须是结构良好的XML文档

    <!DOCTYPE html

    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


             1.5、HTML1.0 Transititional:允许....但不不允许frameset,文档必须是结构良好的XML文档

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


              1.6 、HTML1.0 Frameset:允许使用,必须是XML文档

    <!DOCTYPE html

    PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


             1.7、 HTML5: <!doctype html>

    查看全部
    0 采集 收起 来源:HTML简介

    2023-02-23

  • chinese:汉化

    Auto Rename Tag:修改对应标签

    Bracket Pair Colorizer:颜色区分,方便审阅

    CSS peek:快速查看CSS样式

    vsode_icons:美化目录树主题

    Emmet:快速生成HTML代码

    Path Intellisense:自动提示文件路径

    Vetur:官方指定插件,多功能

    JavaScript(ES6) code snippets:ES6语法只能提示

    查看全部
  • 结构标签

    http://img1.sycdn.imooc.com//63e5dbcc0001985705230182.jpg

    块级标签

    http://img1.sycdn.imooc.com//63e5dc2700011fef03720093.jpg

    http://img1.sycdn.imooc.com//63e5dc430001131903670084.jpg

    行内标签


    查看全部
    1 采集 收起 来源:块级标签

    2023-02-10

  • 1.产品原型设计

    2.开发工具:Visual studio code 、sublime Text 、webstorm

    查看全部
    1 采集 收起 来源:前端是什么

    2023-02-08

举报

0/150
提交
取消
课程须知
1、0基础可学 2、对前端感兴趣的人群
老师告诉你能学到什么?
1、掌握HTML5常用标签 2、掌握实际开发中的应用

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!