Day2--HTML

107 阅读2分钟

Day2:
今天是青训营的第二天啊!学习了前端的一些基本认知和HTML。汇总了一下学习的笔记,如果有错误希望大佬们指正!!!UPUPUP!!!
前端:使用web技术栈解决多端图形用户交互
    前端技术栈:HTML(内容),CSS(样式),JS(行为)
    关注方面:功能、美观、无障碍、安全、性能、兼容性、用户体验
    HTML:HyperText Markup Language。主要是要传达内容的,而不是样式!
    DOM树:其中节点叫DOM节点!
    标题h1~h6:会显示成不同的大小(h1差不多等价于div的地位,可以有多个h1)
    列表
        有序列表ol-li:会有123
        无序列表ul-li:小黑点
        定义列表dl-dt/dd:标题dt,值放dd里

    img、a、audio、video,链接与多媒体
        他们各自还有一些属性
    输入:input
        placeholder:默认显示
        type=“range”:滑动条
        或者type的其他值,比如选项,日期,多选、单选
        还有list属性(和datalist)
    其他输入
        textarea标签 多行输入
        select-option下拉选择
    文本标签
        blockquote:快捷引用,直接引用别人的东西
        cite:短引用,一般是章节名字之类的
        q:也是短引用,一般是具体内容
        pre:引用多行代码
        code:表示代码
        也可以搞一些不一样的字体,比如strong、em

    内容划分!

    语义化写代码,使它拥有某些含义。可以加个lang属性表示内容用的语言
    看着方便,容易修,给搜索引擎看,方便特殊情况的人
        ==do==:
    了解标签&属性的含义,可以通读一下所有的(比如W3C,MDN)
    思考一下选择最优描述内容的标签(比如用h1做标题而不是style)
    不用可视化工具生成代码